unidad 6 diseño de páginas web
TRANSCRIPT
![Page 1: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/1.jpg)
![Page 2: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/3.jpg)
FRONTPAGE
![Page 4: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/6.jpg)
SELECCIÓN DE TEMA
![Page 7: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/7.jpg)
INSERCIÓN DE IMÁGENES
![Page 8: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/8.jpg)
INSERCIÓN DE TABLAS
![Page 9: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/15.jpg)
FORMULARIOS
Para añadir un formulario al nuevo Sitio Web:
![Page 16: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/17.jpg)
![Page 18: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/18.jpg)
![Page 19: Unidad 6 Diseño de Páginas Web](https://reader034.vdocuments.co/reader034/viewer/2022052307/557b3cc2d8b42a16488b512f/html5/thumbnails/19.jpg)