Programación de aula y tutorial sobre diseño, montaje y administración de sitios webs

1. DISEÑO DE PAGINAS WEB ISABEL LAFUENTE

2. OBJETIVOS Conocer la estructura básica de un sitio web utilizándola para crear nuestro propio sitio web Utilizar el vocabulario técnico adecuado para denominar los diferentes elementos (hipertexto, hipervínculo, código html, FTP, etc) Diseñar un sitio web en el cual se integren todos los elementos utilizando el programa adecuado Dreamweaver, Front Page, etc..

3. CONTENIDOS Estructura de los sitios web: Arból de carpetas Estructura de las páginas web Diseño de nuestro propio tema : Código HTML, etiquetas, elementos multimedia, marquesinas, etc.. El texto Las imágenes El tema Los elementos: Botones, marquesinas Los hipervínculos Subir un sitio web a la red: FTP.

4. DESARROLLO DE LOS CONTENIDOS El diseño de páginas WEB ha evolucionados en los últimos años. Se diferencian entre dominios y páginas personales. Los dominios precisan pagar una pequeña cuota y pueden ser utilizados con fines comerciales Las páginas personales son gratuítas y hoy han evolucionado a los blogs o vitacóras que a su vez se han incorporado a las redes sociales.

5. EL ÁRBOL DE CARPETAS. Para crear un sitio web deberemos tener primero la información adecuada. Por ello, se van a construir sitios web en donde se explique cómo se construye un blog y como se incorpora a una red social Los editores de página WEB son muy diferentes pero nosotros vamos a utilizar DREAMWEAVER.

6. DREAMWEAVER Primero hay que crear una árbol de carpeta en donde introduzcamos todos los archivos precisos Entre dichos archivos destacan las imágenes, botones, documentos, etc. Una vez que se tengan los elementos se comienza por diseñar el tema de nuestro sitio WEB, o bien se elige desde una de las plantillas que ofrece Dreamweaver o el programa que se utilice como editor.

7. DREAMWEAVER

8. DREAMWEAVER

9. DISEÑO DE NUESTRO TEMA Son elementos esenciales el encabezado y numeración de las páginas El número de páginas que tendrá nuestro sitio WEB El fondo y la organización de hipervínculos entre . No se debe olvidar que el portal es siempre index El uso de marcos es optativo.

10. EL TEMA

11. CONSTRUCCIÓN DEL SITIO WEB Una vez creado el tema se copia el número de veces que se crea necesario (el número de hojas que tenga el sitio WEB) Después se rellenan las hojas siguiendo las indicaciones de construcción de documentos. El tipo de fuente, su tamaño y su color Se introducen las imágenes que se crean pertinentes.

12. INSERCIÓN DE ELEMENTOS Son elementos claves de los sitios WEB Botones Marquesinas Marcadores Animaciones flash

13. LOS HIPERVÍNCULOS Los sitios WEB deben configurarse de forma relacional a excepción de index que debe estar comunicado con todos de forma jerarquica Los hipervínculos pueden ser Internos entre páginas del propio sitio Externos con páginas externas al sitio Con el correo electrónico

15. SUBIR EL SITIO A LA RED Se debe buscar un host o contratar un dominio en donde se nos proporcionará una dirección de FTP La dirección de FTP nos permite configurar el FTP de Dreamweaver, o el programa de FTP que se utilice para ello Se utiliza el nombre de usuario y la contraseña para subir la página con dicha aplicación Y sólo tenemos que ir a la página que nuestro host nos ha proporcionado.

16. EL FTP

17. EVALUACIÓN Diseñar un sitio WEB en donde se explique qué es un blog y para que se puede utilizar Utilizar el DREAMWEAVER para crear el sitio WEB construido Subir dicho sitio WEB a una página personal, para lo cual se utilizará un programa FTP.