El documento habla sobre el diseño de páginas web con Microsoft FrontPage. Explica conceptos básicos como páginas web, sitios web y su estructura jerárquica. Luego describe editores HTML como FrontPage, Dreamweaver y otros. Menciona las funciones de FrontPage como el panel de tareas y la barra de vistas. Por último, da instrucciones para crear una página web sobre mujeres pintoras del siglo XIX usando FrontPage e insertar tablas, imágenes, texto y música de fondo.

1. DISEÑO DE PÁGINAS WEB Microsoft FrontPage

2. 1. PÁGINAS Y SITIOS WEB. HTML : H yper T ext M arkup L anguage Lenguaje de marcación de hipertexto Ejemplo: index.html OTROS LENGUAJES : Ejemplo: index.asp index.jsp index.php

3. 1. PÁGINAS Y SITIOS WEB. SITIO WEB : Sitio localizado en la red W orld W ide W eb 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

4. 1. PÁGINAS Y SITIOS WEB. PÁGINA DE INICIO

5. 1. PÁGINAS Y SITIOS WEB. MAPA DEL SITIO : Directorio de páginas que lo componen y su orden Jerárquico.

6. 2. EDITORES HTML. MICROSOFT FRONTPAGE. MACROMEDIA DREAMWEAVER. COFFECUP HTML EDITOR. NVU (Software libre). W hat Y ou S ee I s W hat Y ou G et (WYSIWYG). “ Lo que ves es lo que obtienes”.

7. 2. EDITORES HTML.

8. 2. EDITORES HTML.

9. 3. Microsoft FrontPage 2003. Comercializado hasta 2006. SharePoint Designer ExpressionWeb.

10. 3. Microsoft FrontPage 2003.

11. 3. Microsoft FrontPage 2003. PANEL DE TAREAS.

12. 3. Microsoft FrontPage 2003. PANEL DE TAREAS.

13. 3. Microsoft FrontPage 2003. PANEL DE TAREAS.

14. 3. Microsoft FrontPage 2003. PANEL DE TAREAS.

15. 3. Microsoft FrontPage 2003. BARRA DE VISTAS.

16. 3. Microsoft FrontPage 2003. BARRA DE VISTAS.

17. 3. Microsoft FrontPage 2003. BARRA DE VISTAS.

18. 3. Microsoft FrontPage 2003. BARRA DE VISTAS.

19. 3. Microsoft FrontPage 2003. BARRA DE VISTAS.

20. 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,….

21. 4. CREACIÓN DE UNA PÁGINA WEB. SONIDO DE FONDO.

22. SONIDO DE FONDO. 4. CREACIÓN DE UNA PÁGINA WEB.

23. VÍDEO. 4. CREACIÓN DE UNA PÁGINA WEB.

24. OTROS ELEMENTOS. 4. CREACIÓN DE UNA PÁGINA WEB.

25. OTROS ELEMENTOS. 4. CREACIÓN DE UNA PÁGINA WEB.

26. OTROS ELEMENTOS MULTIMEDIA. 4. CREACIÓN DE UNA PÁGINA WEB.

27. OTROS ELEMENTOS MULTIMEDIA. 4. CREACIÓN DE UNA PÁGINA WEB.

28. OTROS ELEMENTOS MULTIMEDIA. 4. CREACIÓN DE UNA PÁGINA WEB.

29. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. CREA EL SIGUIENTE ÁRBOL DE DIRECTORIOS.

30. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. COPIAR LA CARPETA CUADROS DESDE EL CD.

31. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. ABRE FRONTPAGE. NUEVO -> PÁGINA EN BLANCO.

32. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. CAMBIAR NOMBRE POR “index.htm”

33. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. GUARDAR EN LA CARPETA “WEB PINTORAS”.

34. ACTIVIDADES RESUELTAS – PÁG. 197 4. CREACIÓN DE UNA PÁGINA WEB. ESCRIBE: MUJERES PINTORAS DEL SIGLO XIX.

35. INSERCIÓN Y CONFIGURACIÓN DE TABLAS. INSERTAR UNA TABLA 4X3, TAM. BORDE: 0. 4. CREACIÓN DE UNA PÁGINA WEB.

36. INSERCIÓN Y CONFIGURACIÓN DE TABLAS. COMPLETAR LA TABLA: Nombre + Años. 4. CREACIÓN DE UNA PÁGINA WEB.

37. INSERCIÓN Y CONFIGURACIÓN DE TABLAS. COMPLETAR LA TABLA: imágenes de sus cuadros. 4. CREACIÓN DE UNA PÁGINA WEB.

38. INSERCIÓN Y CONFIGURACIÓN DE TABLAS. CENTRAR: TEXTO, IMÁGENES Y TABLA. 4. CREACIÓN DE UNA PÁGINA WEB.

39. PROPIEDADES DE IMAGEN. 4. CREACIÓN DE UNA PÁGINA WEB.

40. PROPIEDADES DE IMAGEN. 4. CREACIÓN DE UNA PÁGINA WEB.

41. CONFIGURACIÓN DE TEXTO. 4. CREACIÓN DE UNA PÁGINA WEB.

42. CONFIGURACIÓN DE TEXTO DEL TÍTULO. 4. CREACIÓN DE UNA PÁGINA WEB.

43. CONFIGURACIÓN DEL FONDO. 4. CREACIÓN DE UNA PÁGINA WEB.

44. CONFIGURACIÓN DEL FONDO. 4. CREACIÓN DE UNA PÁGINA WEB.

45. MÚSICA DE FONDO. 4. CREACIÓN DE UNA PÁGINA WEB. DESDE CD: COPIAR “PURA.MID” A WEB PINTORAS.

46. MÚSICA DE FONDO. 4. CREACIÓN DE UNA PÁGINA WEB. MENÚ ARCHIVO -> OPCIÓN PROPIEDADES.

47. 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

48. VER CÓDIGO HTML. 4. CREACIÓN DE UNA PÁGINA WEB.

49. CONSIDERACIONES. 4. CREACIÓN DE UNA PÁGINA WEB.