DISEÑO DE PÁGINAS WEB
Microsoft FrontPage
1. PÁGINAS Y SITIOS WEB.
HTML:Hyper Text Markup Language
Lenguaje de marcación de hipertexto
Ejemplo: index.html
OTROS LENGUAJES:
Ejemplo: index.asp
index.jsp
index.php
1. PÁGINAS Y SITIOS WEB.
SITIO WEB: Sitio localizado en la red World Wide Web organizado jerárquicamente.
Index.html
Dirección.html Departamentos.html Alumnos.html
Secretaría.html
Jefatura_estudios.html
Director.html
Matemáticas.html
Tecnología.html
Lengua_Castellana.html
Inglés.html
4ºESO
3ºESO
2ºESO
1ºESO
1. PÁGINAS Y SITIOS WEB.
PÁGINA DE INICIO
1. PÁGINAS Y SITIOS WEB.MAPA DEL SITIO: Directorio de páginas que lo
componen y su orden Jerárquico.
2. EDITORES HTML.
• MICROSOFT FRONTPAGE.• MACROMEDIA DREAMWEAVER.• COFFECUP HTML EDITOR.• NVU (Software libre).
What You See Is What You Get (WYSIWYG).
“Lo que ves es lo que obtienes”.
2. EDITORES HTML.
2. EDITORES HTML.
3. Microsoft FrontPage 2003.
• Comercializado hasta 2006.
SharePoint Designer ExpressionWeb.
3. Microsoft FrontPage 2003.
3. Microsoft FrontPage 2003.PANEL DE TAREAS.
3. Microsoft FrontPage 2003.PANEL DE TAREAS.
3. Microsoft FrontPage 2003.PANEL DE TAREAS.
3. Microsoft FrontPage 2003.PANEL DE TAREAS.
3. Microsoft FrontPage 2003.BARRA DE VISTAS.
3. Microsoft FrontPage 2003.BARRA DE VISTAS.
3. Microsoft FrontPage 2003.BARRA DE VISTAS.
3. Microsoft FrontPage 2003.BARRA DE VISTAS.
3. Microsoft FrontPage 2003.BARRA DE VISTAS.
4. CREACIÓN DE UNA PÁGINA WEB.
UNA PÁGINA WEB PUEDE SER ÚNICA O FORMAR
PARTE DE UN SITIO WEB.
IMÁGENES, TABLAS, HIPERVÍNCULOS, AUDIO, VÍDEO,….
INFORMACIÓN, PUBLICIDAD, VENTA ON-LINE, OCIO, JUEGOS
PERSONALES,….
4. CREACIÓN DE UNA PÁGINA WEB.
SONIDO DE FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
SONIDO DE FONDO.
VÍDEO.
4. CREACIÓN DE UNA PÁGINA WEB.
OTROS ELEMENTOS.
4. CREACIÓN DE UNA PÁGINA WEB.
OTROS ELEMENTOS.
4. CREACIÓN DE UNA PÁGINA WEB.
OTROS ELEMENTOS MULTIMEDIA.
4. CREACIÓN DE UNA PÁGINA WEB.
OTROS ELEMENTOS MULTIMEDIA.
4. CREACIÓN DE UNA PÁGINA WEB.
OTROS ELEMENTOS MULTIMEDIA.
4. CREACIÓN DE UNA PÁGINA WEB.
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• CREA EL SIGUIENTE ÁRBOL DE DIRECTORIOS.
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• COPIAR LA CARPETA CUADROS DESDE EL CD.
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• ABRE FRONTPAGE.• NUEVO → PÁGINA EN BLANCO.
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• CAMBIAR NOMBRE POR “index.htm”
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• GUARDAR EN LA CARPETA “WEB PINTORAS”.
ACTIVIDADES RESUELTAS – PÁG. 197
4. CREACIÓN DE UNA PÁGINA WEB.
• ESCRIBE: MUJERES PINTORAS DEL SIGLO XIX.
INSERCIÓN Y CONFIGURACIÓN DE TABLAS.• INSERTAR UNA TABLA 4X3, TAM. BORDE: 0.
4. CREACIÓN DE UNA PÁGINA WEB.
INSERCIÓN Y CONFIGURACIÓN DE TABLAS.• COMPLETAR LA TABLA: Nombre + Años.
4. CREACIÓN DE UNA PÁGINA WEB.
INSERCIÓN Y CONFIGURACIÓN DE TABLAS.• COMPLETAR LA TABLA: imágenes de sus cuadros.
4. CREACIÓN DE UNA PÁGINA WEB.
INSERCIÓN Y CONFIGURACIÓN DE TABLAS.• CENTRAR: TEXTO, IMÁGENES Y TABLA.
4. CREACIÓN DE UNA PÁGINA WEB.
PROPIEDADES DE IMAGEN.
4. CREACIÓN DE UNA PÁGINA WEB.
PROPIEDADES DE IMAGEN.
4. CREACIÓN DE UNA PÁGINA WEB.
CONFIGURACIÓN DE TEXTO.
4. CREACIÓN DE UNA PÁGINA WEB.
CONFIGURACIÓN DE TEXTO DEL TÍTULO.
4. CREACIÓN DE UNA PÁGINA WEB.
CONFIGURACIÓN DEL FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
CONFIGURACIÓN DEL FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
MÚSICA DE FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
• DESDE CD: COPIAR “PURA.MID” A WEB PINTORAS.
MÚSICA DE FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
• MENÚ ARCHIVO → OPCIÓN PROPIEDADES.
MÚSICA DE FONDO.
4. CREACIÓN DE UNA PÁGINA WEB.
• GUARDAR.
• VISUALIZAR LA PÁGINA EN EL EXPLORADOR:MENÚ ARCHIVO
↓OPCIÓN VISTA PREVIA EN EL EXPLORADOR
VER CÓDIGO HTML.
4. CREACIÓN DE UNA PÁGINA WEB.
CONSIDERACIONES.
4. CREACIÓN DE UNA PÁGINA WEB.