2.DiseñO De PáGinas Web

77
5.1. PLANIFICACIÓN Y PRIMEROS PASOS. 5. CREACIÓN DE UNA SITIO WEB. SITIO WEB: - CONTIENE DE UNA A VARIAS PÁGINAS. - ORGANIZACIÓN DE ARCHIVOS Y CARPETAS C:/DOCUMENTES AND SETTINGS/(USUARIO)/ MIS DOCUMENTOS/MIS WEBS U OTRA UBICACIÓN . . . . .

description

 

Transcript of 2.DiseñO De PáGinas Web

Page 1: 2.DiseñO De PáGinas Web

5.1. PLANIFICACIÓN Y PRIMEROS PASOS.5. CREACIÓN DE UNA SITIO WEB.

SITIO WEB:

- CONTIENE DE UNA A VARIAS PÁGINAS. - ORGANIZACIÓN DE ARCHIVOS Y CARPETAS

C:/DOCUMENTES AND SETTINGS/(USUARIO)/MIS DOCUMENTOS/MIS WEBS

U OTRA UBICACIÓN . . . . .

Page 2: 2.DiseñO De PáGinas Web

5.1. PLANIFICACIÓN Y PRIMEROS PASOS.5. CREACIÓN DE UNA SITIO WEB.

SITIO WEB:1º UBICACIÓN EN EL EQUIPO: HD; PENDRIVE; ETC.2º NOMBRE DE LA CARPETA QUE CONTENDRÁ EL SITIO Y ESTRUCTURA DE DIRECTORIOS.

SITIO WEB:1º UBICACIÓN EN EL EQUIPO: HD; PENDRIVE; ETC.2º NOMBRE DE LA CARPETA QUE CONTENDRÁ EL SITIO Y ESTRUCTURA DE DIRECTORIOS.

Page 3: 2.DiseñO De PáGinas Web

5.1. PLANIFICACIÓN Y PRIMEROS PASOS.5. CREACIÓN DE UNA SITIO WEB.

SITIO WEB:3º. ESQUEMA MENTAL O EN PAPEL DE LA ESTRUCTURA DEL SITIO WEB.

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

Page 4: 2.DiseñO De PáGinas Web

5.2. HIPERVÍNCULOS.5. CREACIÓN DE UNA SITIO WEB.

TEXTO

PUEDEN SER:

INTERNOS: A LA MISMA PÁGINA - A OTRA DEL SITIO.

EXTERNOS: A OTRO SITIO DE INTERNET – A UN ARCHIVO DEL EQUIPO.

DE E-MAIL: PROGRAMA PREDETERMINADO DE CORREO CONFIGURADO EN EL EQUIPO.

Page 5: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

1º PLANIFICACIÓN DEL SITO MUJERES PINTORAS.

Index.htm

Ancher.htm Morisor.htm Gonzales.htm Boyce.htmCabot-Perry.htmBashkirtseva.htm Enlaces y E-mail.htm

La página principal (Index.htm) será la de la actividad anterior.

Page 6: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

2º PLANIFICACIÓN DE LA ESTRUCTURA DE CARPETAS.

Pen drive

Informática

Sitiopintoras

Web

3º ABRIR MICROSOFT FrontPage. ¡¡Y presta mucha atención!!

Page 7: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 8: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 9: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 10: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 11: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 12: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

UTILIZAREMOS COMO PUNTO DE PARTIDA LA WEB Y LAS MISMAS IMÁGENES DEL EJERCICIO ANTERIOR.

IMPORTAREMOS, POR LO TANTO, LA PÁGINA WEB Y LAS CARPETAS.

Page 13: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 14: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 15: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 16: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 17: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 18: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 19: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 20: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 21: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 22: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

YA TENEMOS IMPORTADA LA PÁGINA PRINCIPAL Y LAS CARPETAS.

AHORA CREAREMOS LA PÁGINA CORRESPONDIENTE A LA PINTORA ANNA KIRSTINE BRONDUM ANCHER.

Page 23: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 24: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 25: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 26: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 27: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 28: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 29: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 30: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 31: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 32: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 33: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 34: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

YA TENEMOS LA PÁGINA CORRESPONDIENTE A LA PINTORA ANNE KIRSTINE BRONDUM ANCHER.

AHORA CREAREMOS EL RESTO DE PÁGINAS CON EL MISMO FORMATO QUE LA YA CREADA.

Page 35: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 36: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 37: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 38: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 39: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 40: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 41: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 42: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 43: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 44: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

¡¡ YA QUEDA MENOS !!.

AHORA CREAREMOS UNA PÁGINA DE ENLACES Y SUS HIPERVÍNCULOS.

Page 45: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 46: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 47: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 48: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 49: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 203 a 205.5. CREACIÓN DE UNA SITIO WEB.

Page 50: 2.DiseñO De PáGinas Web

5.3. TEMAS, BORDES COMPARTIDOS Y BOTONES DE ENLACE.

5. CREACIÓN DE UNA SITIO WEB.

TEMAS: CONJUNTO DE INSTRUCCIONES QUE INDICAN CUÁLES SERÁN LAS CARACTERÍSTICAS DE LA WEB (ASPECTO).

TEMAS: PREDEFINIDOS – NUEVOS - DESCARGAR

TODAS LAS PÁGINAS: = FONDO= FUENTE= COLORES= VIÑETAS Y BOTONESETC.

Page 51: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

APRENDEREMOS AHORA A REALIZAR UNA COPIA DE SEGURIDAD DE UN SITIO WEB (CARPETAS + ARCHIVOS).

Pen drive

Informática

Sitiopintoras

Web

Page 52: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 53: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 54: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 55: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

APLICAREMOS UN TEMA A TODAS LAS PÁGINAS DE UN SITIO

Page 56: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 57: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 58: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 59: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 60: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 61: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 62: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

VAMOS A CREAR BORDES COMPARTIDOS.

Page 63: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 64: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 65: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 66: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 67: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 68: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 69: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 70: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 71: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 72: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 73: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 74: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 75: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 76: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.

Page 77: 2.DiseñO De PáGinas Web

Actividades resueltas pág. 209 a 212.5. CREACIÓN DE UNA SITIO WEB.