Upload
rubens-yanes
View
282
Download
0
Embed Size (px)
Citation preview
Conceptos básicos
Sitios Web
¿Qué es un Website?
Un sitio web es un conjunto de páginas web, típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet
Wikipedia
Página web
Documento adaptado para la Web y que normalmente forma parte de un sitio web. Su principal característica son los hiperenlaces a otras páginas, siendo esto el fundamento de la Web.
Está compuesta principalmente por información (sólo texto o multimedia) e hiperenlaces; además puede contener o asociar datos de estilo (CSS) para especificar cómo debe visualizarse, o aplicaciones embebidas para hacerla interactiva.
Capas / Elementos
Capa Estructural Capa
Presentación Capa
Comportamiento
Capa de información
Capa de diseño Funcionalidades
Capa Estructural
Capa Estructural
XHTML 1.0 XML Cantidad de
etiquetas <Title> <H1, H2, ..Hn> Div Span
Capa Presentación
Capa Presentación
Hojas de estilo (CSS)
Atributos como: Font Color Background Posicionamiento
Capa Comportamiento
Funcionalidades Javascript PHP/ASP Players flash Bases de datos
Interactividad USABILIDAD
Usabilidad
ISO “grado de
eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos "
3 paneles
Dónde estoy? Qué hay aquí? Adónde puedo ir?
1. Branding area/Barra de Títulos
2. Barra de navegación
3. Panel de contenido
Diseño Conceptual
Definir el esquema de organización, funcionamiento y navegación del sitio
El arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información.
------------------------------------------------------------
Diseño Conceptual
Esquemas Taxonomias Mapas de sitio Metadata
Diseño Visual
Aspecto del sitio web: composición de cada tipo de página, aspecto y comportamiento de los elementos de interacción y presentación de elementos multimedia
Diseño Visual
Cuadrícula Formas Tamaños Colores Iconos Imágenes Tipografía Texturas
Diseño de Contenidos
Información Política editorial Producción y uso
de Textos, imágenes, video, audio, animaciones, gráficos