Este documento presenta los conceptos básicos del diseño web centrado en el usuario. Explica cómo diseñar y programar páginas web utilizando editores HTML como Kompozer y Dreamweaver. También cubre temas como el uso de hojas de estilo CSS para dar formato al contenido, la planificación de maquetas, y técnicas básicas de posicionamiento en buscadores como el uso de palabras clave en nombres de páginas y etiquetas de imágenes.
1. Diseño web basado
en el usuario
Parte II
www.institutointernet.com.ve
Para ser exitoso en la Web
2. Objetivos
Manejar la terminología básica en el diseño de páginas web.
Conocer cuáles son los programas en los que pueden diseñarse y
programarse las páginas web.
Conocer las consideraciones de diseño que debe tener una página web.
Conocer los formatos en que pueden presentarse las imágenes en
internet.
Crear los contenidos básicos para una página web en html: textos,
imágenes e hipervínculos.
Estará en capacidad de publicar una página web básica.
Manejará las técnicas básicas para preparar su página para un adecuado
posicionamiento en buscadores y su seguimiento en Google Analytics.
2
www.institutointernet.com.ve
Diseño web Básico Telf.:(58-212) 761.71.36.
3. Uso de los navegadores
Fuente: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
www.institutointernet.com.ve
Diseño web Básico
3 Telf.:(58-212) 761.71.36.
4. Pero … ¿Cómo hago mi página web?
Elegir un nombre Contratar Planificar el contenido
Diseñarla y Ponerla
de dominio y a un proveedor de y estructura de su
programarla al aire
registrarlo hosting. página web
www.institutointernet.com.ve
Diseño web Básico
4 Telf.:(58-212) 761.71.36.
5. Editores HTML
Kompozer Dreamweaver Blue Fish
www.institutointernet.com.ve
Diseño web Básico
5 Telf.:(58-212) 761.71.36.
6. Las hojas de estilo
Hay tres maneras de definir un estilo:
Insertarlo dentro de la etiqueta
Colocarlo al principio del código html
Colocarlo en un archivo aparte llamado “Hoja de estilos”
www.institutointernet.com.ve
Diseño web Básico
6 Telf.:(58-212) 761.71.36.
7. Planificar la maqueta
www.institutointernet.com.ve
Diseño web Básico
7 Telf.:(58-212) 761.71.36.
8. Preparar nuestra página para buscadores
Colocar palabras claves en los nombres de las páginas.
(en lugar de llamar a la página de productos, productos.html,
llamarla lámparas-artesanales.html, por ejemplo)
Definir todos los títulos de las páginas de manera individual.
Colocar descripción en cada una de las páginas.
Darle nombres adecuados a las imágenes: por ejemplo, en lugar
de llamar a nuestro logo: logo.png usamos lamparasluz.png.
Darle etiquetas alternativas a las imágenes.
www.institutointernet.com.ve
Diseño web Básico
8 Telf.:(58-212) 761.71.36.
Notas del editor
Este es una estructura muy simplificada del proceso de creación de una página web.
Ahora, esto no hay que hacerlo todo a mano. Así como hay programas de edición de texto como word, hay programas que permiten programar páginas web. Algunos de ellos son…