1.DiseñO De PáGinas Web

1,304 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,304
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
28
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

1.DiseñO De PáGinas Web

  1. 1. DISEÑO DE PÁGINAS WEB Microsoft FrontPage
  2. 2. 1. PÁGINAS Y SITIOS WEB. <ul><li>HTML : H yper T ext M arkup L anguage </li></ul><ul><li>Lenguaje de marcación de hipertexto </li></ul><ul><li>Ejemplo: index.html </li></ul><ul><li>OTROS LENGUAJES : </li></ul><ul><li>Ejemplo: index.asp </li></ul><ul><li>index.jsp </li></ul><ul><li>index.php </li></ul>
  3. 3. 1. PÁGINAS Y SITIOS WEB. <ul><li>SITIO WEB : Sitio localizado en la red W orld W ide W eb organizado jerárquicamente. </li></ul>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. 4. 1. PÁGINAS Y SITIOS WEB. <ul><li>PÁGINA DE INICIO </li></ul>
  5. 5. 1. PÁGINAS Y SITIOS WEB. <ul><li>MAPA DEL SITIO : Directorio de páginas que lo componen y su orden Jerárquico. </li></ul>
  6. 6. 2. EDITORES HTML. <ul><li>MICROSOFT FRONTPAGE. </li></ul><ul><li>MACROMEDIA DREAMWEAVER. </li></ul><ul><li>COFFECUP HTML EDITOR. </li></ul><ul><li>NVU (Software libre). </li></ul><ul><li>W hat Y ou S ee I s W hat Y ou G et (WYSIWYG). </li></ul><ul><li>“ Lo que ves es lo que obtienes”. </li></ul>
  7. 7. 2. EDITORES HTML.
  8. 8. 2. EDITORES HTML.
  9. 9. 3. Microsoft FrontPage 2003. <ul><li>Comercializado hasta 2006. </li></ul><ul><li>SharePoint Designer ExpressionWeb. </li></ul>
  10. 10. 3. Microsoft FrontPage 2003.
  11. 11. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  12. 12. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  13. 13. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  14. 14. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  15. 15. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  16. 16. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  17. 17. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  18. 18. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  19. 19. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  20. 20. 4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>UNA PÁGINA WEB PUEDE SER ÚNICA O FORMAR PARTE DE UN SITIO WEB. </li></ul>IMÁGENES, TABLAS, HIPERVÍNCULOS, AUDIO, VÍDEO,…. INFORMACIÓN, PUBLICIDAD, VENTA ON-LINE, OCIO, JUEGOS PERSONALES,….
  21. 21. 4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>SONIDO DE FONDO. </li></ul>
  22. 22. <ul><li>SONIDO DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  23. 23. <ul><li>VÍDEO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  24. 24. <ul><li>OTROS ELEMENTOS. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  25. 25. <ul><li>OTROS ELEMENTOS. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  26. 26. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  27. 27. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  28. 28. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  29. 29. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>CREA EL SIGUIENTE ÁRBOL DE DIRECTORIOS. </li></ul>
  30. 30. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>COPIAR LA CARPETA CUADROS DESDE EL CD. </li></ul>
  31. 31. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>ABRE FRONTPAGE. </li></ul><ul><li>NUEVO -> PÁGINA EN BLANCO. </li></ul>
  32. 32. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>CAMBIAR NOMBRE POR “index.htm” </li></ul>
  33. 33. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>GUARDAR EN LA CARPETA “WEB PINTORAS”. </li></ul>
  34. 34. <ul><li>ACTIVIDADES RESUELTAS – PÁG. 197 </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>ESCRIBE: MUJERES PINTORAS DEL SIGLO XIX. </li></ul>
  35. 35. <ul><li>INSERCIÓN Y CONFIGURACIÓN DE TABLAS. </li></ul><ul><li>INSERTAR UNA TABLA 4X3, TAM. BORDE: 0. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  36. 36. <ul><li>INSERCIÓN Y CONFIGURACIÓN DE TABLAS. </li></ul><ul><li>COMPLETAR LA TABLA: Nombre + Años. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  37. 37. <ul><li>INSERCIÓN Y CONFIGURACIÓN DE TABLAS. </li></ul><ul><li>COMPLETAR LA TABLA: imágenes de sus cuadros. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  38. 38. <ul><li>INSERCIÓN Y CONFIGURACIÓN DE TABLAS. </li></ul><ul><li>CENTRAR: TEXTO, IMÁGENES Y TABLA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  39. 39. <ul><li>PROPIEDADES DE IMAGEN. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  40. 40. <ul><li>PROPIEDADES DE IMAGEN. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  41. 41. <ul><li>CONFIGURACIÓN DE TEXTO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  42. 42. <ul><li>CONFIGURACIÓN DE TEXTO DEL TÍTULO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  43. 43. <ul><li>CONFIGURACIÓN DEL FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  44. 44. <ul><li>CONFIGURACIÓN DEL FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  45. 45. <ul><li>MÚSICA DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>DESDE CD: COPIAR “PURA.MID” A WEB PINTORAS. </li></ul>
  46. 46. <ul><li>MÚSICA DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>MENÚ ARCHIVO -> OPCIÓN PROPIEDADES. </li></ul>
  47. 47. <ul><li>MÚSICA DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>GUARDAR. </li></ul><ul><li>VISUALIZAR LA PÁGINA EN EL EXPLORADOR: </li></ul><ul><li>MENÚ ARCHIVO </li></ul><ul><li>↓ </li></ul><ul><li>OPCIÓN VISTA PREVIA EN EL EXPLORADOR </li></ul>
  48. 48. <ul><li>VER CÓDIGO HTML. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  49. 49. <ul><li>CONSIDERACIONES. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.

×