Módulos Desarrollo De Software – Primer Año.

Módulo 1.5:

“Desarrollo de
páginas web”

Ing. Carlos Humberto Cruz 74

 Módulos Desarrollo De Software – Primer Año.

Ing. Carlos Humberto Cruz 75

 Módulos Desarrollo De Software – Primer Año.

Etapa de informarse.

Contenido: Definición de conceptos como intranet, internet,

sitio interactivo y sitio estático.
Tipos de sitios web
En este artículo trataremos de definir diferentes tipos de sitios web que podemos encontrar en
Internet. En primer lugar tenemos que considerar que esta clasificación se debe realizar según
diferentes parámetros, entre los que destacaremos los siguientes:

Visibilidad de contenidos
Actualización de contenidos
Actividad o fin principal

Con respecto a la "visibilidad" de los contenidos, debemos estructurar los sitios web en:

Intranets Una intranet es un sitio web instalado en una red privada con un fin principalmente
empresarial u organizacional.
Extranets La extranet se entiende como una "intranet llevada a internet", es decir, sigue siendo un sitio
web con una finalidad privada, restringida a un número determinado de personas, pero cuyo alcance
requiere que esté en Internet. Como ejemplos de extranets podemos considerar cualquier área privada
de un sitio web que permite al usuario consultar, modificar, crear y eliminar datos internos de la
empresa.
Sitios web públicos Este es un sitio web "al uso", de información pública, originado para ser utilizado
por todos los usuarios.

Con respecto a la actualización de contenidos, tenemos tres tipos de sitios

Sitios web estáticos Sitios web en los que los contenidos no se modifican. Son sitios web que se han
creado y cuya información permanece inalterada con el paso del tiempo
Sitios web dinámicos Aquellos cuyos contenidos varían de forma permanente. Las redes sociales, los
periódicos, etc., son claros ejemplos de estos tipos de sitios web
Sitios web que combinan ambos tipos En el sector de las webs de tipo empresarial, suele ser habitual
combinar cierta información estática (Quienes somos, Donde estamos, Filosofía, etc.) con información
dinámica (Noticias de la empresa, proyectos realizados, etc.)

Si atendemos a la actividad que realizan los sitios web, una clasificación podría ser la siguiente

Ing. Carlos Humberto Cruz 76

 Módulos Desarrollo De Software – Primer Año.

Comercial/publicitaria Los sitios web de la mayor parte de la empresa tienen este objetivo principal:
dar a conocer la empresa y publicitar sus servicios. Incluiríamos aquí los minisites de productos o
campañas específicas.
Venta Los sitios web de comercio electrónico tienen como objetivo principal la venta de productos.
Sociales Sitios web en los que toda la información que incluyen es generada por los usuarios del sitio
web. Los foros, blogs, redes como facebook o myspace, etc. pertenecen a este tipo de sitios web
Informativos Basados principalmente en contenidos presentados por el sitio web, son la
contraposición a las redes sociales, ya que aquí los contenidos se actualizan muy frecuentemente pero
por usuarios "dentro" de la empresa. Podemos incluir aquí periódicos, información del tiempo, bolsa,
etc.
Buscadores Sitios web que permiten encontrar a un usuario lo que busca. Incluimos aquí los
buscadores propiamente dichos (Google, Bing, Yahoo...) y los directorios de servicios, productos, etc.

Contenido: Protocolos informá ticos

aplicables en las pá ginas en internet.
En ocasiones se le denomina conjunto de protocolos TCP/IP, en referencia a los dos protocolos más
importantes que la componen, que fueron de los primeros en definirse, y que son los dos más
utilizados de la familia:

TCP: protocolo de control de transmisión.

IP: protocolo de internet.
Existen tantos protocolos en este conjunto que llegan a ser más de cien diferentes,[cita requerida]
entre ellos se encuentran:

ARP: protocolo de resolución de direcciones, para encontrar la dirección física (MAC) correspondiente
a una determinada IP.
FTP: protocolo de transferencia de archivos, popular en la transferencia de archivos.
HTTP: protocolo de transferencia de hipertexto, que es popular porque se utiliza para acceder a las
páginas web.
POP: protocolo de oficina de correo, para correo electrónico.
SMTP: protocolo para transferencia simple de correo, para el correo electrónico.
Telnet (Telecommunication Network), para acceder a equipos remotos.
IDENTD: (Identification Daemon)
IRC: (Internet Relay Chat)
UDP: (User Datagram Protocol) Protocolo de Datagramas de usuario
ICMP:(Internet Control Message Protocol)
TFTP (Trivial FTP) FTP trivial
DHCP: (Dynamic Host Configuration Protocol) Protocolo de configuración dinámica del Host
NTP: (Network Time Protocol) Protocolo de tiempo de Red
DNS: (Domain Name Service) Servicio de Nombres de Dominio

Ing. Carlos Humberto Cruz 77

 Módulos Desarrollo De Software – Primer Año.

SNMP: (Simple Network Management Protocol)

RIP: (Routing Information Protocol)
PPP: (Point to Point Protocol)

Se debe tener en cuenta también, que esta familia de protocolos, o pila TCP/IP, no es un estándar
estricto como lo es el modelo OSI de ISO que cada nivel o capa responde a una normativa muy
específica. En el caso de TCP/IP, se basa en la mejores prácticas y(o las diferentes RFC que se van
publicando. Por esta razón es que es común que diferentes autores lo presenten como un modelo de
cuatro o de cinco capas, y ambas posturas son igual de válidas, pues son la interpretación de cada
autor.

Sobre estos conceptos es que si se desea hacer una correspondencia entre ambos modelos, se puede
plantear de la forma en que se presenta en la imagen lateral 1.

Por esa razón si queremos asociar los protocolos mencionados anteriormente con este modelo de
capas TCP/IP, los deberíamos presentar según la imagen que se presenta a continuación.

Por último, es muy importante considerar que estos diferentes niveles o capas, se han diseñado para
desempeñar servicios y/o funciones muy específicas, en particular hacia dos grandes conceptos de
informática: redes y TI, tal cual se presenta en la imagen que figura a continuación.

Ing. Carlos Humberto Cruz 78

 Módulos Desarrollo De Software – Primer Año.

Contenido: Construcció n de Pagina web.

Pasos para construir un sitio web

1. Elegir y registrar un nombre de dominio

Como construir un sitio web, pasos, registro de dominioElegir un nombre de dominio es la primera cosa que
debe hacer para crear un sitio web. Un domino adecuado y fácil de recordar es muy importante en el proceso de
construir tu presencia en línea. Considera lo siguiente cuando elijas y registres un dominio.

Al decidir el nombre de tu negocio, es probable que consideres incluir el nombre del servicio o producto que
estás vendiendo en tu nombre de dominio; esto te ayudará a obtener un mejor tráfico, especialmente desde los
motores de búsqueda. No tengas miedo de ser creativo, algunas de las marcas más importantes que hacen
negocios en línea (los Googles y Facebooks del mundo) una vez fueron desconocidas.

Fácil de escribir y de recordar

Trata de utilizar palabras que tengan un solo posible deletreo, así será más fácil para los visitantes recordar y
escribir. También considera a la hora de crear un sitio web, mantener tu nombre de dominio singular. Por
ejemplo, si midominio.com ya está registrado por alguien y tu selecciones misdominios.com, probablemente
enviarás tu tráfico a midominio.com ya que, la mayoria de los dominios son singulares en lugar de plurares. (No
obstante, este no el caso cuando se trata de elegir dominios ricos en palabras claves). Un dominio corto también
ayuda a la recordación. Lo ideal es de 6 a 10 caracteres.

Los dominios ricos en palabras claves no tienen un impacto significativo en el SEO de tu sitio; sin embargo
pueden ayudar. Si las personas buscan “Food Truck Monterey” un excelente nombre de dominio podría ser
foodtruckmonterey.com, dado que es exactamente lo que la gente está buscando. Las empresas con clientes
predominantemente locales pueden considerar incorporar la ciudad, región, o estado en su dominio. Por
ejemplo, si vendes puertas, puertasqueretaro.com puede ser una mejor alternativa que puertas.com.

Evita números y guiones

Los guiones en los dominios son difíciles de recordar para los visitantes, especialmente porque cada vez más la
gente está utilizando múltiples dispositivos. Si midominio.com ya está registrado y tu decides comprar mi-
dominio.com porque está disponible, probablemente perderás o confundiras a tus visitantes ya que terminarán
memorizando midominio.com. Usar números en tu dominio también puede afectar la recordación y confundir a
tus visitantes puesto que ellos acceden a tu sitio en más de un dispositivo. Por ejemplo, dile a alguien que tu
sitio web es “f3rnando.com” o “por1milagro.com” y habrá confusión inmediata.

¡Investigalo!
Esto es sentido común, pero es un recordatorio amistoso que podría ahorrarte algunos dolores de cabeza en el
camino. Verifica los derechos de autor y derechos de marcas registradas antes de registrar un dominio. Si
alguien posee un dominio que tu deseas y ves que no lo está utilizando, corre a WHOIS para averiguar la
información de contacto del propietario y comunicar tu interés en adquirir el dominio. Si tienes un socio
comercial o un mentor de confianza, trabaja con ellos para hacer un lluvia de ideas de posibles nombres y
comienza a reducirla desde allí.

Utiliza el TLD (Top Level Domain) correcto

Ing. Carlos Humberto Cruz 79

 Módulos Desarrollo De Software – Primer Año.

El TLD .com es la extensión de dominio más utilizada en el mundo con otras posibles opciones, incluyendo .net,
.org, y .biz. No recomendamos elegir uno de estos TLDs alternativos si la versión .com de tu dominio ya está en
uso ya que, es muy probable que conduzcas tráfico a otro sitio web, dado que los visitantes pueden entrar por
error a un sitio web que no tenían intención de visitar.

2. Escoger un plan de hosting

como construir un sitio web, como elegir un plan de hosting

Una vez hayas decidido tu nombre de dominio y verificado la disponibilidad, necesitarás seleccionar un plan de
hosting para crear un sitio web . Se trata del espacio que tu alojador web proporcionará para ti para almacenar
tu sitio web en línea. La mayoría de empresas de hosting proporcionan diferente tipos de planes de hosting,
dependiendo de las necesidades de tu sitio. Los siguientes son los planes de hosting ofrecidos por HostGator, así
como información sobre por qué podría ser la opción correcta para ti:

Web Hosting compartido

Con el hosting compartido, más de un sitio web reside en un servidor web determinado. Para nuevos sitios, el
hosting compartido es la opción más recomendada y más económica. Esto te permite alojar tantos sitios como
desees e incluye una garantía del 99.9% de operatividad a partir de $70.00 pesos mexicanos al mes.

Servidor Virtual Privado (VPS)

Para usuarios más avanzados, el hosting VPS les permite más flexibilidad en instalaciones de Software,
configuraciones Apache, y otros programas personalizados. Puedes conocer más información sobre los VPS en
nuestro post: Servidor VPS: ¿Qué es un VPS y para quién es indicado?

Servidor Dedicado
Los servidores dedicados pueden ser beneficiosos para los sitios web de grandes empresas con grandes
cantidades de tráfico o grandes bases de datos de clientes.

Te recomendamos: ¿Cómo escoger la mejor opción de hosting para tu sitio?

3. Seleccionar un CMS o un creador de sitios

pasos para construir un sitio web con un CRMAhora que has seleccionado tu dominio y plan de hosting, ¿cómo
vas a construir y administrar el contenido de tu sitio web?

Ahorra tiempo y dinero en el diseño de tu sitio web usando un Sistema de Gestión de Contenido (CMS, del inglés
Content Management System) o utilizando un creador de sitios.

Sistema de Gestión de Contenido

Un Sistema de Gestión de Contenido (CMS, del inglés Content Management System) puede ser descargado e
instalado con un par de clics con tu cuenta de HostGator. Seleccionar alguno de los siguientes CMS puede ser la
mejor opción. Si tienes la intención de agregar nuevo contenido regularmente o necesitas funciones más
avanzadas; estas son:

WordPress
A la hora de crear un sitio web; WordPress es el CMS más usado hoy en día. Combinado con Softaculous, se
puede realizar la instalación, configuración y personalización de manera sencilla. Los usuarios pueden editar
fácilmente su sitio web instalando un tema y pueden ampliar la funcionalidad de la página web mediante
plugins.

Ing. Carlos Humberto Cruz 80

 Módulos Desarrollo De Software – Primer Año.

Joomla
Para usuarios con alguna experiencia en CMS o codificación, Joomla proporciona un CMS personalizable con una
gran variedad de plugins para una funcionalidad adicional, que puede ser necesaria para los sitios web que
requieren características más robustas, como una tienda de comercio en línea. Joomla también puede ser
instalado a través de Softaculous.

Drupal
Drupal es el CMS más amigable con desarrolladores. Sitios web muy avanzados pueden ser construidos usando
Drupal, sin embargo, este requiere conocimientos técnicos y requiere una curva de aprendizaje significativa para
usuarios novatos.

Magento
Magneto se considera principalmente como una plataforma de comercio electrónico. El plan Profesional de
HostGator incluye todo lo que necesitas para instalar automaticamente Magneto, junto con un certificado SSL
privado para aceptar Tarjetas de Crédito directamente desde tu sitio web.

Te puede interesar: WordPress, Joomla, Drupal, Magento: ¿Cuál es el mejor CMS para tu sitio?

Creador de sitios web

HostGator provee un creador de sitios para configurar tu sitio web de forma rápida y fácil sin tener que
descargar un software adicional. Si tienes un plan de web hosting compartido con HostGator, este servicio está
incluido de forma gratuita con tu paquete de hosting.

El creador de sitios es una manera muy fácil de crear tu página. Con el editor de arrastra y suelta, puedes dejar
tu sitio web totalmente personalizado. También puedes aprovechar las plantillas de versión móvil optimizadas
para construir un sitio web profesional rápidamente, sin necesidad de tener conocimientos en programación o
experiencia técnica.

4. Crear contenido
Como construir un sitio web, como generar contenido para mi sitio web

Uno de los aspectos más importantes a la hora de crear un sitio web es el contenido. Necesitarás crear el
contenido de cada página de tu sitio para comunicar los productos, servicios, y/o el conocimiento que tu
negocio provee.

Puedes guiarte de la siguiente lista de las páginas más comunes en los sitios web para asegúrate de proporcionar
toda la información necesaria a tus visitantes:

Logo o encabezado
El logo de la compañía comúnmente se encuentra en el encabezado, o la parte superior, separado del cuerpo
del texto del sitio web de una empresa. Asegúrate de que tu logo comunique el servicio o producto que estás
ofreciendo a tus clientes.

A medida que desarrollas la marca de tu empresa, es posible que también considerares la creación de una guía
básica de estilo que cubra el uso del logo (posibles variaciones del logotipo para cosas como camisetas), fuentes,
voz, y colores de marca.

Ing. Carlos Humberto Cruz 81

 Módulos Desarrollo De Software – Primer Año.

Inicio
La página de inicio es la primera cosa que mucha gente ve cuando visita un sitio web; entonces haz que la
primera impresión cuente. Considérala una introducción y la oportunidad de comunicar exactamente lo que tu
negocio hace, y por qué alguien debe convertirse en tu cliente; como parte de esto, también incluye premios o
cualquier reconocimiento, como una forma de construir credibilidad. También coloca una llamada a la acción
clara; y una navegación clara para el resto de tu sitio web.

Acerca de
La sección Acerca de en un sitio web es donde los visitantes del sitio web van a aprender más sobre tu negocio y,
con suerte, responder a las siguientes preguntas:

¿Quién eres?
¿Qué haces?
¿Cómo puedes ayudar y cómo lo haces?
¿Dónde estás localizado?
¿Cuando empezaste tu negocio y en ese mismo sentido, qué te trajo aquí?
Para las empresas pequeñas, no tengas miedo de hacerlo personal ya que la gente se puede identificar con tu
historia, siempre y cuando seas honesto.

Servicios/Productos
La página de Servicios/Productos debe incluir una descripción general o un resumen de lo que ofrece la
empresa, las descripciones de cada servicio o producto, y los beneficios de cada uno. También puedes
considerar crear páginas que contengan más información sobre cada producto o servicio; si tienes muchas
ofertas o información sobre cómo tu servicio se compara con la competencia.

Preguntas Frecuentes (FAQ)

Estas son las preguntas más comunes que tus clientes te han preguntado hasta ahora sobre tu negocio. Puede
ser un lugar para compartir hechos sobre tu negocio que quieres que tus clientes y clientes potenciales
conozcan. Las preguntas frecuentes también refuerzan las políticas que fijaste y se deben centrar en los
problemas que estás resolviendo a tus clientes.

Contacto
Mantén esta página breve. Asegúrate de que la gente puede comunicarse contigo a través de la información que
proporcionas, y enlaza tus redes sociales. Si tienes una ubicación física, puedes considerar la posibilidad de
insertar un mapa. Añade direcciones especiales para cualquier ubicación que esté fuera del circuito turístico.

Testimonios
La página de testimonios debe mostrar las mejores historias de éxito de tus clientes con citas de tus clientes
satisfechos. Para productos o servicios más técnicos, como Saas; puedes considerar la construcción de estudios
de casos completos que, por ejempo, cubran el problema de un cliente y la solución en detalle.

Política de privacidad
La página de política de privacidad recopila qué información recolectas en tu sitio web (como direcciones de
correo electrónico, nombres, o información de facturación) y lo que haces con cualquier información personal
recopilada. También debería cubrir como eliminar las cookies que recogen esta información. Por ley se requiere
políticas de privacidad en los sitios web que recogen información.

Ing. Carlos Humberto Cruz 82

 Módulos Desarrollo De Software – Primer Año.

Blog
Un blog empresarial por encima de todo puede ser útil para tus visitantes y clientes. A medida que escribes más
artículos para el blog, los artículos más útiles se harán más claros en tus análisis; también será más clara la
cantidad de veces que una publicación se comparte en las redes sociales.

Creando contenido web amigable

A medida que desarrollas tu negocio no solo estás desarrollando relaciones; también esperas desarrollar una
audiencia. Uno de los mayores impulsores para el desarrollo de dicha audiencia es la escritura de contenido
bueno y útil.

Escoger una voz de escritura debe reflejar tu marca y la personalidad de tu negocio. Bien sea si eliges ser formal
o informal, debes establecer una relación con el lector y permanecer constante a través de tus posts.

El mejor contenido es informativo y aumentará la credibilidad de tu negocio hacia los clientes existentes y los
clientes potenciales. Cuanto más útil sea, es más probable que los visitantes regresen a tu sitio web y te vean
como una fuente de confianza.

Incluye imágenes, videos y otros elementos visuales para resaltar los puntos que tienen mayor importancia; las
personas aprenden con más éxito cuando ven algo comunicado visualmente.

Hay una amplia selección de fuentes disponibles en línea para incorporar en tu sitio web. Elige una fuente que
funcione de forma coherente con el resto del diseño de tu sitio web, y además que sea fácil de leer a través de
todos los dispositivos.

5. Publicar
Como construir y publicar un sitio web

Una vez tengas tu dominio, una cuenta de hosting activa, y un sitio web completo; es hora de publicar tu sitio en
línea. En un CMS como WordPress puedes completar esto ingresando a WordPress (accedes al panel a través de
http://tudominio.com/wp-admin); revisando la sección páginas, seleccionando la pagina que deseas que esté en
línea, y asegurándote de que todas las páginas que deseas que estén en línea tengan el estado de Publicado. Si
el estado de la página es Status o Revisión Pendiente, la página específica no está en línea.

Contenido: Qué es el lenguaje HTML.

Aunque es muy poderoso, HTML no es un lenguaje complejo y puede ofrecer satisfacciones inmediatas para la
creación de páginas web. Es un lenguaje de marcado de hipertexto, de modo que a través de este lenguaje, un
texto puede marcarse insertando etiquetas, describiendo su función, color, enlace u otras características.
Para comprobar en qué consiste este tipo de lenguaje bastará con hacer clic derecho en cualquier web. Podrás
ver la opción de «Ver código fuente» que te permitirá comprobar cómo se estructura la web en HTML.

De todas formas, tenemos que decir que HTML no es realmente un lenguaje de programación, ya que no
incluye ninguna definición de variables, estructuras de datos, funciones o estructuras de control, sino que es
solo un lenguaje de marcado que describe el diseño, el formato gráfico o los modos o diseños de visualización
gráfica. El contenido textual y no textual de una página web que utiliza etiquetas de formato.
Sin embargo, HTML admite la inclusión de scripts y objetos externos, como imágenes o películas.

Ing. Carlos Humberto Cruz 83

 Módulos Desarrollo De Software – Primer Año.

La extensión de los archivos en este formato es .html (es más reciente) o .htm (es más obsoleto).
Para aquellos que deseen poder crear su propia página web pueden aprender a hacerlas a partir del dominio
del lenguaje HTML tal y como os explicamos a continuación.
Pasos para hacer una página web en HTML

Encabezado de la página web

Para comenzar a crear una nueva página web HTML, debes abrir un editor de texto, como el Bloc de notas.
Puedes usar sin problema el que viene por defecto, en Windows. Una vez que hayas abierto el nuevo archivo,
puedes comenzar escribiendo este código.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> DEBES ESCRIBIR EL TITULO DE TU WEB </TITLE>
<META name="description" content=">donde escribirás una breve descripción de la página">
<META name="keywords" content="Aquí escribe las palabras clave separadas por una coma">
</HEAD>
<BODY>
</BODY>
</HTML>
Explicación:
<! DOCTYPE HTML> define que el documento debe ser HTML.
<HTML> es el elemento principal de la página HTML.
<HEAD> es la parte donde se inserta información de la web.
<TITLE> es el título de la página que se muestra en la parte superior de la página navegador.
En el campo «contenido» de la metaetiqueta DESCRIPCIÓN debes ingresar una descripción que sea relevante
para la página de tu sitio, mientras que en el otro campo de la etiqueta KEYWORDS, ingresa las palabras clave
en las que deseas que se encuentre en particular la web que estás creando.
<BODY> es la parte del documento que contiene la parte «visible» del sitio:
Ahora guarda el archivo de bloque (usa GUARDAR CON NOMBRE) y guárdalo como index.html . Una vez
guardado, lo abres, se abrirá la página web HTML vacía, pero ya podrás ver el título de la página en la parte
superior.
Insertar un texto
Una vez has creado el comienzo de tu página web puedes comenzar a introducir el contenido. Para ello, el
código html del texto debe colocarse entre las etiquetas <BODY> </ BODY> .
Ante se usaba la etiqueta FONT, pero como ya no es compatible, para formatear un texto de una manera
particular, es necesario recurrir a CSS.
La etiqueta que se usa para ajustar en su lugar siempre es válida y es <br>. Entonces, si escribo en el bloc de
notas:
Hola <br> esta es una prueba de mi web.
Lo que se mostrará en la página será:
>Hola,
esta es una prueba de mi web
La <br> inserta un salto de línea.
Esta es una etiqueta que no debe abrirse y luego cerrarse.
Ahora veamos cómo usar etiquetas útiles para el texto: entre las más usadas puedes utilizar negrita, cursiva,
subrayado, borrado: <b>, <i>, <u> <del>

Ing. Carlos Humberto Cruz 84

 Módulos Desarrollo De Software – Primer Año.

</u>te permite escribir con subrayado</u>

</i>te permite escribir en cursiva</i>
</b>te permite escribir en negrita</b>
<del>te permite cancelar un texto<del>
Estas etiquetas deben estar abiertas y cerradas . Podemos usar una a la vez o más etiquetas juntas (no se
pueden usar juntas por razones obvias, la etiqueta para subrayar y eliminar).
Color del texto
Veamos cómo colorear el texto para hacer páginas web HTML atractivas. Debes adjuntar al texto que deseas
colorear la etiqueta SPAN. Por sí solo, la etiqueta SPAN no produce ningún cambio visible en el texto, pero
podemos imponer un estilo con CSS.
Aquí está el código html, el color se puede expresar con el nombre del color en inglés o con el número
hexadecimal precedido por el número de la libra.
Ejemplo:
<span style=»color:blue»> aqui escribe el texto </span>
o
<span style=»color:#ffff45″> aqui escribe el texto </span>
Cambiar tipo de letra
Para crear un sitio en html que sea fácil de consultar, es útil cambiar la fuente y el tamaño del texto para
resaltar un párrafo o no.
Para ello vamos a usar la etiqueta SPAN que también nos permite modificar partes del texto directamente en
el documento HTML.
De este modo, usas esta etiqueta a la que tendrás que sumarle la fuente o nombre del estilo de letra que deseas
para tu texto tal que así:
<span style=»font-family:verdana»> aquí escribe tu texto </span>
o
<span style=»font-family:’Comic Sans MS’»> aquí escribe tu texto </span>
Cambiar tamaño de letra
A veces será necesario usar un texto un poco más grande o ligeramente más pequeño que el predeterminado.
Aquí también, el tamaño de fuente se indica con el estilo CSS y ya no con el atributo de fuente «tamaño».
<span style=»font-size:12px»> aquí va el texto </span>
Para cambiar el tamaño de la fuente, simplemente cambia el número expresado en píxeles, en el ejemplo, 12.
Cómo insertar una imagen
Las imágenes en los sitios web HTML y permitidas en la web son básicamente de tres tipos: GIF , JPG y PNG . Por
lo tanto, no uses otros tipos de imágenes (como archivos psd de Photoshop).
El código para insertar una imagen es:
<img src=»immagine.gif» alt=»descripción de la imagen» height=»42″ width=»42″ >
Reemplaza el nombre «immagine.gif» con el nombre de tu imagen: presta atención a la extensión de la imagen:
jpg, gif …
Prueba tu página web
Una vez has comenzado a saber cómo utilizar el lenguaje HTML de manera básica para poder insertar lo escrito
en tu web y que ésta vaya tomando forma, podrás ir diseñando otros aspectos de la misma como añadir enlaces
(con el tag href) o una lista (con el tag ul y li). Pero todo ello lo irás aprendiendo a medida que vayas
practicando y haciendo tu página web.

Ing. Carlos Humberto Cruz 85

 Módulos Desarrollo De Software – Primer Año.

Etapa de planificar.
La fase de planificación se caracteriza por la elaboración del plan de trabajo, la estructuración
del procedimiento metodológico y la planificación de los instrumentos y medios de trabajo.

Contenido de esta etapa desarrollado por alumno sobre la planificación del proyecto asignado:

Nombre del proyecto:

1- Descripción de su proyecto.

2- Desarrollar un plan de trabajo para su proyecto que incluya las actividades a realizar
para completar su proyecto.

N Actividad Descripción Tiempo

Actividad: que actividad realizara para completar su proyecto.

Descripción: que hará dentro de esa actividad para poder desarrollarla.
Tiempo: Cuanto tiempo le llevara desarrollar esa actividad.

Ing. Carlos Humberto Cruz 86

 Módulos Desarrollo De Software – Primer Año.

Etapa de decidir.
La forma adecuada de proceder, sobre la base del análisis asistido por el facilitador de la información y
de la planificación. El facilitador, si procede, asigna tareas y distribuye material a los participantes.

Contenido de esta etapa desarrollado por alumno:

1- Analizar el tiempo asignado a las actividades

N Actividad Tiempo Porque este tiempo

1
2
3
4
5
6
7

2- Recursos requeridos para completar las actividades

N Actividad Recursos (económicos, técnicos, equipo etc.)

1
2
3
4
5
6
7

3- Programación de las actividades.

N Actividad Fechas para desarrollo de sus actividades.

1
2
3
4
5
6
7

Ing. Carlos Humberto Cruz 87

 Módulos Desarrollo De Software – Primer Año.

Etapa de ejecutar.
En esta etapa se desarrolla el proyecto asignado para trabajar
1- Se toman fotos al software desarrollado y se pegan en el cuaderno
2- Se documenta como se creó el software

Contenido de esta etapa desarrollado por alumno para entregar:

1- Desarrollar un documento en pdf que contenga las fotos de su cuaderno de cómo desarrollo cada etapa.
2- El nombre del documento pdf debe ser su nombre completo.

Etapa de controlar.
Cada equipo de trabajo, con apoyo del facilitador o facilitadora, da seguimiento a cada actividad realizada, a
través de la verificación de avances en el cronograma de actividades, resultados logrados y conocimientos
adquiridos, para realizar ajustes y/o fortalecer el aprendizaje adquirido.

En esta etapa se revisa el proyecto para ver en que se corrige o se mejora para su entrega final.

Etapa de valorar
En esta etapa se valorara el trabajo realizado por el alumno para poder signar una calificación

Calificación de modulo

Ing. Carlos Humberto Cruz 88