diplomado modulo1 diseño web basico
TRANSCRIPT
www.institutointernet.com.vePara ser exitoso en la Web
Diseño web basado en el usuario
Parte II
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
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.
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
Uso de los navegadores
3
Fuente: http://en.wikipedia.org/wiki/Usage_share_of_web_browsers
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
Pero … ¿Cómo hago mi página web?
4
Elegir un nombre de dominio y registrarlo
Contratar a un proveedor de
hosting.
Planificar el contenido y
estructura de su página web
Diseñarla y programarla
Ponerla al aire
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
Editores HTML
5
Kompozer Dreamweaver Blue Fish
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
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”
6
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
Planificar la maqueta
7
Diseño web Básicowww.institutointernet.com.ve
Telf.:(58-212) 761.71.36.
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.
8