Diseño Grafico

Bases del Diseño de Páginas Web
Bloque Especializado

Compilador: Lic. Ingrid Riquelme Ramírez

Licenciatura en Diseño Gráfico
CONOCERSE ACEPTARSE AMARSE CUIDARSE SUPERARSE TRANSMITIR TRANSFORMAR

Bases del Diseño de Paginas Web
Índice
Índice Introducción Objetivo general Tema 1. Planificación para el Diseño de páginas Web Objetivo de aprendizaje Sinopsis 1.1 Objetivos del proyectoWeb 1.2 Arquitectura y organización del contenido 1.3 Estructura de la navegación Tema 2. Especificaciones Técnicas Objetivo de aprendizaje Sinopsis 2.1 Relación equipo usuario – diseño 2.2 Tipografía y legibilidad en la Web 2.2.1 Tipografía en la Web 2.2.2 CCS y alfabetos por defecto 2.2.3 Tipografía Píxel 2.3 Color e Imagen en la Web 2.3.1 Modelo RGB 2.3.2 Tratamiento gráfico Tema 3. Diseño dePáginas Web Objetivo de aprendizaje Sinopsis 3.1 Lenguaje HTML 3.2 Creación de botones y animaciones 3.3 Uso de sonido 3.4 Uso de video 3.5 Creación del Sitio Web Bibliografía general 1 2 3 4 4 4 4 5 5 9 9 9 10 11 12 14 15 16 16 17 20 20 20 20 56 57 60 61 63

Índice

1

Bases del Diseño de Paginas Web
Introducción
Dentro de la www podemos encontrar una cantidad impresionante de sitios Webinefectivos, anteriormente podría achacarse a la inflexibilidad del lenguaje HTML, sin embargo, actualmente se cuentan con numerosas herramientas para diseñar un sitio Web efectivo. Entre los elementos primordiales a tomarse en cuenta para el buen diseño de un sitio están: la organización ó empresa, el usuario y ciertas especificaciones funcionales - técnicas.

Introducción

2

Bases delDiseño de Paginas Web

Objetivo general

Al término del curso el estudiante aplicará los fundamentos del diseño gráfico en la creación de páginas Web que favorezcan la atracción del cliente a partir de la organización de la información, investigación de necesidades y por último aplicación de programas para el diseño de sitios Web.

Objetivo general

3

Bases del Diseño de Paginas WebTema 1. Planificación para el diseño de páginas web
Subtemas 1.1 Objetivos del proyecto Web 1.2 Arquitectura y organización del contenido 1.3 Estructura de la navegación

Objetivo de Aprendizaje
Al término del tema el estudiante investigará, jerarquizará y orgnaizará la información para facilitar la navegación, mantenimiento y revisiones posteriores del sitio.

Sinopsis
La organización de lainformación es parte fundamental para un diseño funcional. Definir desde un principio todo el contenido ayudará posteriormente a jerarquizar la información dando como resultado un mayor conocimiento del proyecto y atender las necesidades específicas del mismo fijándose objetivos a corto o largo plazo. La navegación fluida del sitio es importante, para ubicar al usuario dentro de la página,dándole importancia a ciertos contenidos o no. Para saber qué estructura es la mejor opción es necesario tener la información a la mano, por ello, esto es un proceso de recolección y organización de los contenidos.

1.1Objetivos del proyecto web
Tomando en cuenta la información y lo que desea el cliente se deben fijar mínimo tres objetivos a alcanzar con este proyecto, el diseñar un sitio no esponer simplemente en la red una página estática, sino es todo un desarrollo donde se estudia al usuario, la competencia y sobre todo tiene como fin el éxito de un objetivo a corto o a largo plazo. Entre estos objetivos podríamos ubicar algunas de estas cuestiones: ¿Cuál es el propósito de este sitio? ¿A quiénes queremos llegar? ¿Qué estrategias de comunicación se integrarán? Con algunas de estasinterrogantes podríamos definir algunos objetivos finales.

Tema 1. Planificación para el diseño de páginas web

4

Bases del Diseño de Paginas Web
1.2Arquitectura y organización del contenido
La definición de los objetivos nos conlleva al siguiente paso: obtener información necesaria para alcanzarlos. Hacer una lista detallada de documentación existente y la faltante, nos ayudará en la...