Lección Diseño Web

Conceptos básicos de

diseño

Un sitio web es un conjunto de
archivos unidos mediante el
lenguaje HTML.

Las páginas web son archivos
con la extensión htm o html.

Los sitios web se alojan en
servidores web conectados en
forma permanente a Internet.

HTML permite presentar varios
archivos en forma simultánea y crear
hipervínculos que conectan las
páginas web entre sí.

Los navegadores son el software
encargado de presentar la
información del sitio web en forma
amigable.

Hipervínculos y navegadores

ASP y PHP permiten generar
páginas en base a los pedidos de los
usuarios del sitio.

Las bases de datos más utilizadas
son MySQL, Oracle, Informix y
Microsoft SQL.

DHTML y CSS sirven para hacer más
interactivas las páginas HTML,
mientras que Javascript puede poner
la hora y la fecha, mostrar texto que
se desplaza, y más.

Programación Web

Macromedia Flash y Java

Macromedia Flash es un software utilizado
para hacer animaciones con audio, texto,
imágenes, etc.

Java crea archivos ejecutables que se instalan
en el ordenador del navegante y se utiliza para animaciones o para crear pequeños programas.

El peso de las páginas es conveniente que no
exceda de los 50 Kb.

Tratamiento de imágenes y
consistencia

Es fundamental el tratamiento de las
imágenes para que bajen sustancialmente de
peso.

Es necesario lograr que el sitio web obtenga
consistencia y una imagen distintiva
mediante el uso de fondos, gráficos y logos,
colores uniformes en el texto y los enlaces,
barras de navegación en el mismo lugar, etc.

Los pasos para la creación de un sitio web
son establecer los objetivos, diseñar el sitio
web, y por último, su publicación y
mantenimiento.

Es importante definir los objetivos del sitio y
establecer una estrategia para la web.
Se puede realizar un análisis FODA

(Fortalezas, Oportunidades, Debilidades,
Amenazas) para definir los objetivos de corto
y largo plazo.

Pasos para la creación de un
sitio web

Mención de la lista de contenidos y los
requisitos funcionales.

Indicación de la relación entre el
presupuesto y las herramientas
disponibles.

Mención de posibles herramientas
como Flash, Dreamweaver, PHP o
ASP.

Recordatorio de que se abordarán las
etapas lógicas del desarrollo de una
web.

Descripción de la primera etapa, el diseño o
bocetado, con sus decisiones sobre cromatismo, layout y tipo de diseño.

Mención de la importancia de la generación de contenidos de texto.

Descripción de la segunda etapa, la maquetación, y su objetivo de hacer al sitio navegable y amigable con buscadores.

Mención de la necesidad de separar en
fragmentos las capturas de pantalla y
transformar en texto lo posible.

Multiple Choice

¿Qué es un sitio web?

• Un archivo de texto.

• Un conjunto de archivos.

• Un archivo con la extensión htm.

• Una imagen.

Multiple Choice

¿Cuál es el primer paso para delinear una estrategia para la web?

• Analizar a la competencia

• Definir los objetivos del sitio

• Establecer los requisitos operacionales

Multiple Choice

¿Qué es un análisis FODA?

• Un análisis de los sitios de la competencia

• Un análisis de las fortalezas, oportunidades, debilidades y amenazas del proyecto

• Un análisis de los objetivos de corto y largo plazo del sitio

Multiple Choice

¿Qué herramienta se utiliza para desarrollar una lista de contenidos que va a brindar el sitio web?

• Fireworks

• Photoshop

• Dreamweaver

Multiple Choice

¿Qué se define en la etapa de diseño o bocetado?

• El presupuesto económico del proyecto

• La distribución de contenidos dentro de la página

• El personal que participará en el proyecto