CREACIÓN DE SITIOS WEB

REINALDO DUQUE S.Profesor de tecnología

COLEGIO CLERMONTFebrero de 2008

¿Qué es una página web?

Es un medio de comunicación digital compuesto por textos, gráficos, animaciones, sonido y video, accesible a través de un navegador web.

Las páginas web por lo general están enlazadas a otras páginas (enlaces), formando una red de información.

Estas páginas están guardadas en formato HTML (HiperText Markup Language) o XHTML (eXtensible HiperText Markup Language).

Son accesibles por medio del protocolo de transferencia de hipertexto (HTTP).

Se pueden usar para publicar y/o buscar información, jugar, enviar mensajes, realizar compras, entre otros.

¿Qué es un sitio web?

Es un conjunto de páginas web que tratan un tema enespecial o tienen un propósito definido.

Tipos de sitios web:

Estáticos: Su contenido no se cambia frecuentemente y su actualización se hace manualmente.

Dinámicos: Su contenido se actualiza frecuentemente a través de una base de datos y un lenguaje de programación.

Jerarquía:index.html

pag1.html pag2.html pag3.html

pag4.html pag5.html

Visualización de páginas web

CLIENTES SERVIDOR

Archivos html.Archivos de imágenes.Archivos de sonido.Archivos CSS.Bases de datos...

Petición

Respuesta

Protocolo HTTP

Etapas para la creación web

Diseño de una página web

Encabezado

Pie de página

Contenidos

Link 1

Link 2

Link 3

Link 4

Link 5

¿Qué se necesita para crear un sitio web?

Documentación.

Editor de texto sin formato (p.e: notepad, gedit) o editor WYSIWYG -What You See Is What You Get- (p.e: Kompozer, Dreamweaver, Bluefish, frontpage).

Un editor de imágenes (p.e: Gimp, Photoshop, Inkscape).

Un navegador web (p.e: Mozilla firefox).

Un sistema de transferencia de archivos (p.e: ftp, scp)

Recomendaciones en la creación de sitios web

Mostrar información coherente y de interés de acuerdo al tema que trata el sitio web.

Las páginas web deben ser cortas, concisas y con buena redacción y ortografía.

Hacer un adecuado uso de los colores (p.e: fondo claro – letra oscura) durante todo el sitio web.

No utilizar información con derechos de autor en nuestras páginas web para evitar el plagio. Se puede usar información donde el autor especifique que es de libre uso.

Optimizar las imágenes que se usen (se recomienda como tamaño máximo 100 KB) y no abusar de ellas.

Evitar usar gifs animados y colores extravagantes.

El diseño debe ser homogéneo durante todo el sitio web.

Bibliografía

http://www.w3c.es/Consorcio/

http://www.w3c.es/Divulgacion/GuiasBreves/XHTML

http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo

http://es.wikipedia.org/wiki/Css

http://es.wikipedia.org/wiki/XHTML

http://www.terra.es/personal3/tutorialhtml/css2ref.html

http://www.scourdesign.com/articulos/tutoriales/css/css3.php

http://bergantells.net/~jander/weblog/tuto-xhtml_a3.pdf