unidad 6 diseño de páginas web

19

Upload: nadia-gonzalez

Post on 13-Jun-2015

552 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Unidad 6 Diseño de Páginas Web
Page 2: Unidad 6 Diseño de Páginas Web

DEFINICIÓN DE SITIO WEB

Un sitio web esta formado por un conjunto de páginas Web, archivos y herramientas de administración necesarias para publicar información en la Web.

Page 3: Unidad 6 Diseño de Páginas Web

FRONTPAGE

Page 4: Unidad 6 Diseño de Páginas Web

CREACIÓN DE UN SITIO WEB VACÍO

Front Page► Nuevo ► Nuevo sitio Web/Sitio Web de una página...► Opciones/ Especifique la ubicación del nuevo Sitio Web

Page 5: Unidad 6 Diseño de Páginas Web

EXPLORACIÓN

Cuando un Sitio Web tiene más de una página, debemos especificar la navegación que se va a producir a través del sitio.

Page 6: Unidad 6 Diseño de Páginas Web

SELECCIÓN DE TEMA

Page 7: Unidad 6 Diseño de Páginas Web

INSERCIÓN DE IMÁGENES

Page 8: Unidad 6 Diseño de Páginas Web

INSERCIÓN DE TABLAS

Page 9: Unidad 6 Diseño de Páginas Web

INSERCIÓN DE ENLACES

Seleccionamos Hipervínculo. Después nos aparece una ventana con varias opciones.

Hipervínculo o enlace a una página Web del mismo Sitio Web

Hipervínculo a una dirección de correo electrónico

Hipervínculo a una página Web externa de Internet

Page 10: Unidad 6 Diseño de Páginas Web

PÁGINA CON MARCOS

Los marcos son una forma de organizar la información que aparece en las páginas Web de un Sitio Web

Los marcos permiten tener:

- Una parte fija en la que aparece el menú

- Una parte variable según la opción que elijamos en el menú

Page 11: Unidad 6 Diseño de Páginas Web

ELEMENTOS DE LOS MARCOS

a) index.htmb) menu.htmc)principa.htm

PROPIEDADES DEL MARCO- Nombre- Página inicial- Tamaño del marco- Márgenes- Mostrar barras de desplazamiento

Page 12: Unidad 6 Diseño de Páginas Web

IDENTIFICAR LOS MARCOS

Cada uno de los marcos tiene un nombre y conviene identificarlos bien.

a) contenidob) principal

Page 13: Unidad 6 Diseño de Páginas Web

Es una buena manera de recoger ideas sobre como diseñar tu propio Sitio Web.

Como por ejemplo: www.cnice.mec.es //Web de Centros Educativos.

También se pueden obtener de internet nuemerosos elementos para la creación de un sitio Web, como fondos, animaciones, sonidos, ect. Se pueden encontrar con cualquier buscador.

VISITAR PÁGINAS WEBS DE OTROS CENTROS

Page 14: Unidad 6 Diseño de Páginas Web

CONTENIDOS DEL MENÚ

Por cada uno de los contenidos del menú crearemos una carpeta y guardaremos en ella todas las páginas Web e imágenes referented a dicha opción.

Page 15: Unidad 6 Diseño de Páginas Web

FORMULARIOS

Para añadir un formulario al nuevo Sitio Web:

Page 16: Unidad 6 Diseño de Páginas Web

Sitios Web creados

En esta unidad se crearon las siguientes páginas Web

- Página no oficial del Museo del Prado- Página personal de Óscar Arias-Sitio Web del Ies Mariano José de Larra-

Page 17: Unidad 6 Diseño de Páginas Web
Page 18: Unidad 6 Diseño de Páginas Web
Page 19: Unidad 6 Diseño de Páginas Web