diplomado modulo1 diseño web basico

8
www.institutointernet.com.ve Para ser exitoso en la Web Diseño web basado en el usuario Parte II

Upload: instituto-internet

Post on 25-Jul-2015

149 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Diplomado modulo1 diseño web basico

www.institutointernet.com.vePara ser exitoso en la Web

Diseño web basado en el usuario

Parte II

Page 2: Diplomado modulo1 diseño web basico

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.

Page 3: Diplomado modulo1 diseño web basico

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

Page 4: Diplomado modulo1 diseño web basico

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

Page 5: Diplomado modulo1 diseño web basico

Diseño web Básicowww.institutointernet.com.ve

Telf.:(58-212) 761.71.36.

Editores HTML

5

Kompozer Dreamweaver Blue Fish

Page 6: Diplomado modulo1 diseño web basico

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

Page 7: Diplomado modulo1 diseño web basico

Diseño web Básicowww.institutointernet.com.ve

Telf.:(58-212) 761.71.36.

Planificar la maqueta

7

Page 8: Diplomado modulo1 diseño web basico

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