Este documento introduce los conceptos básicos de diseño web, incluyendo las definiciones de World Wide Web, hipertexto, hipermedia, páginas web, sitios web y editores web. Explica las diferencias entre páginas web estáticas y dinámicas, y los requisitos básicos para tener una página web.

1. INTRODUCCIÓN AL DISEÑO WEB
LAURA CAMILA RÍOS VÁSQUEZ
10-02
2013

2. Es un es una red informática mundial de datos como
texto, gráficos y otros objetos multimedia a través
de Internet. Esos documentos están unidos entre sí con
enlaces.
¿QUÉ ES WORLD WIDE WEB?

3. El hipertexto es una herramienta
de software que organiza una base
de información en bloques
distintos de contenidos,
conectados a través de una serie
de enlaces
como un enfoque para manejar
y organizar información.
¿QUÉ ES UN DOCUMENTO
HIPERTEXTO?

4. Es la suma de hipertexto y multimedia, una red
hipertextual en la que se incluye no sólo texto, sino
también otros medios: Imágenes,audio,video, etc.
(multimedia) y que poseen interactividad con los
usuarios.
¿QUÉ ES UN DOCUMENTO
HIPERMEDIA?

6. Una página web es un documento
o información electrónica
adaptada para la World Wide Web
en un formato HTML/XHTML
que es accesible generalmente
mediante el protocolo HTPP de
Internet.
¿ QUÉ ES UN DOCUMENTO WEB O
UNA PÁGINA WEB?

7. Independientemente del programa que se use para la creación de
páginas Web, éstas pueden contener los mismos elementos, por
ejemplo:
Texto: estático o en movimiento.
Imágenes: fijas o animadas.
Sonidos.
Secuencias de vídeo.
( El gráfico siguiente mostrará mas a fondo la información con los elementos de una
página web).
¿QUÉ CONTIENE UNA PÁGINA WEB?

9. Un sitio web es un conjunto de páginas web que se
encuentran conectadas entre sí por medio de enlaces (links).
Una página web contiene contenido como texto, imágenes,
audio y video.
¿QUÉ ES UN SITIO WEB?

10. Los editores web son aplicaciones de software que sirven para
desarrollar páginas web.
En general, existen tres tipos:
* Editores web de texto
* Editores web de objetos
* Editores web gráficos
o WYSIWYG
¿EDITORES DE PÁGINAS WEB?
Ejemplo de
editor web.

11. 1.- Definir los requerimientos y el contenido
del sitio web.
2.- Definir el nombre de dominio para
nuestro sitio web.
3.- Buscar un proveedor adecuado para la
generación de nuestro sitio web o hacerlo
uno mismo.
4.- Buscar un proveedor de hospedaje
web (web hosting) para alojar su sitio web y
sus correos electrónicos.
5.- Una vez que su sitio web esté terminado
y en línea, no olvide solicitar uno o más
respaldos del mismo.
¿ QUÉ NECESITA PARA TENER UNA
PÁGINA DE INTERNET?

12. Web estática:
• Realizadas principalmente en
XHTML o HTML.
• Para modificación de contenidos
es imprescindible acceder al servidor
donde está alojada la página.
• El proceso de actualización es
lento y manual.
• No ofrece bases de datos, foros,
etc.
• El usuario no puede seleccionar,
ordenar o modificar los contenidos o
el diseño de la página.
• Su diseño y desarrollo es más
rápido y económico que el de una
web dinámica.
¿ QUÉ DIFERENCIA HAY ENTRE UNA PÁGINA
WEB ESTÁTICA Y UNA PÁGINA WEB
DINÁMICA?
Web dinámica:
• Muchas posibilidades en diseño y
desarrollo.
• Utiliza varios lenguajes y técnicas de
programación en su desarrollo.
• El proceso de actualización es muy
sencillo y no requiere entrar en el
servidor.
• Permite un gran número de
funcionalidades tales como bases de
datos, foros, contenido dinámico, etc.
• El usuario puede alterar el diseño,
contenidos o presentación de la página a
su gusto.
• Su diseño y desarrollo es más caro que
el de una web estática, por su mayor
complejidad y sus mayores prestaciones.

14. Elemento que nos permite crear
programas mediante un conjunto
de instrucciones, operadores y
reglas de sintaxis; que pone a
disposición del programador para
que este pueda comunicarse con
los dispositivos hardware y
software existentes.
¿QUÉ ES LENGUAJE DE
PROGRAMACIÓN?

15. GRACIAS POR SU ATENCIÓN.
QUE SEA UN LINDO DÍA PARA USTED,QUE
LEYÓ ESTO SIN QUERER…
DIOS LO/LA BENDIGA.