Diseño de sitios web

DISEÑO DE SITIOS WEB 

Los sitios web son páginas estáticas con contenidos fijos y a su vez, pueden ser páginas dinámicas que interactúan con el usuario de acuerdo con las bases de datos y a lo que el usuario desee ver.

• Las páginas estáticas contienen la información establecida por el autor y pueden contener animaciones, sonidos y videos, pero no hay que confundirlas con las dinámicas.
• Las páginas dinámicas contienen servidores web, los cuales son los encargados de ofrecer las direcciones web solicitadas por el servidor al apuntar sobre un hipervínculo.

Creación de un sitio web

Para lograr crear un sitio web con éxito, se necesita:

1. Objetivos del sitio y determinación del público.
2. Diseño del mapa de navegación y la cantidad de páginas del sitio.
3. Bocetos del diseño que tendrá cada página de él.
4. Determinar el lugar del almacenamiento del disco.

Objetivos del sitio.

Como primer paso necesitas saber el propósito y el púbico al que va dirigida tu página, para poder tener un contenido y nivel de acuerdo a lo anterior.

Diseño del mapa de navegación.

Es necesario el diseño de este esquema, ya que así sabrás la cantidad de páginas y su relación entre sí. Se recomienda utilizar Illustrator, CorelDraw y/o Microsoft Word.

Boceto del sitio.

Es conveniente tener una idea visual del diseño y formato del sitio web, para eso se utiliza como opción la creación de bocetos hechos a mano; simulando el texto, las imágenes y la distribución de todos los elementos. Con ello, al trabajar con Dreamweaver todo será más fácil.

• Dreamweaver ofrece un sistema de diseño que visualiza todas páginas de un sitio con un formato llamado CSS (Cascading Style Sheets).

Almacenamiento en el disco.

Se necesita determinar el lugar de almacenamiento local de tu sitio web. Dreamweaver organiza automáticamente los documentos asociados al sitio y administra los vínculos, archivos e imágenes.

MI PÁGINA WEB

• Objetivo: Promover el deporte de ajedrez hacia cualquier persona interesada de una manera innovadora e interesante para el público.

• Mapa de navegación: 
  

• Boceto del sitio: 

Creación de un sitio local

Con los puntos anterior, ya es posible la creación de un sitio web local:

1. Inicia sesión en Dreamweaver. En la sección Crear nuevo de la Ventana de inicio, pulsa Sitio de Dreamweaver o abre el menú Sitio y selecciona Nuevo sitio.
2. En el cuadro de diálogo escribe el Nombre del sitio. La ficha Sitio debe estar seleccionada.
3. Deberás haber creado antes una carpeta que puede ser HTML/sitioweb. Pulsa en la ficha Configuración avanzada y busca la carpeta para las imágenes antes creada, que sería HTML/sitioweb/imagenes
4. Pulsa Guardar y ya aparecerá la carpeta en el panel Archivos con las imágenes.
5. Crea una página web index.html, que será el Home del sitio. Administrar sitios es la ventana que administra los sitios web, en el menú Sitio, selecciona Administrar sitios para abrirla.

Páginas web fluidas

Estas páginas se adaptan automáticamente al dispositivo en el cual se están consultando, como una tableta electrónica o un teléfono celular inteligente. Dreamweaver hace posible su creación. Existen  páginas adaptables a móviles que se adaptan a cualquier dispositivo y los diseños de cuadrícula fluida los cuales son hechos para determinados dispositivos.