1.diseño de páginas web

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.