Lic. Susana del C.

Micheli
Diseñar para la WEB
La www o telaraña
mundial
Browsers, exploradores,
navegadores…

HTML
Lenguaje que permite visualizar

IMAGEN SONIDO
HIPERTEXTO

Lenguaje de Marcación de Hipertexto

Elementos de
una página web
 Páginas Web
Elementos
Texto. Se muestra en pantalla con alguna fuente
que el usuario tenga instalada. El texto editable
puede marcarse con el ratóny copiarse a otra
aplicación.
Gráficos. Son archivos enlazados desde el
archivo de la página. Hay dos formatos
predominantes: GIF y JPG.
Formularios. Para enviar información por parte
del visitante: dando su opinión, votando en una
encuesta. Algunos se envían por e-mail; otros
ejecutan un programa en el servidor.
 Páginas Web
Elementos
Javascript. Es lenguaje de programación que se
interpreta y ejecuta en el navegador; muy utilizado
para diferentes efectos visuales.
Java. también es un lenguaje de programación
independiente de plataforma que permite
diferentes efectos, interactividad...
Flash . Interesantes imágenes fijas o animaciones
interactivas de tipo vectorial, extremadamente
compactas. Es preciso un plug-in.
Estructura del Sitio Web
 Estructura de un Sitio WEB

La primer página, Todas las páginas

Fácil de usar Económica
siempre se debe debe estar en una
llamar INDEX.HTML misma carpeta

Esquematizar en La relación entre las

forma de páginas se dan con
ORGANIGRAMA HIPERVÍNCULOS
Adobe Dreamweaver
 Características de
DREAMWEAVER

Editor Visual
No se codifica en HTML

Compatibilidad
Incluye software
cliente FTP
¿Ponemos manos a la máquina?