Introducción a websites

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