Disenio Web

Lic. Susana del C. Micheli

Diseñar para la WEB

La www o telaraña mundial

Browsers, exploradores, navegadores…

HTML Lenguaje que permite visualizar

SONIDO

IMAGEN 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, Fácil de usar siempre se debe llamar INDEX.HTML

Todas las páginas Económica debe estar en una misma carpeta

Esquematizar en forma de ORGANIGRAMA

La relación entre las páginas se dan con HIPERVÍNCULOS

Adobe Dreamweaver

Características de DREAMWEAVER Editor Visual Compatibilidad

No se codifica en HTML Incluye software cliente FTP

¿Ponemos manos a la máquina?