Your SlideShare is downloading. ×
0
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
1.DiseñO De PáGinas Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

1.DiseñO De PáGinas Web

1,006

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,006
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
25
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. DISEÑO DE PÁGINAS WEB Microsoft FrontPage
  • 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. 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. 1. PÁGINAS Y SITIOS WEB. <ul><li>PÁGINA DE INICIO </li></ul>
  • 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. 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. 2. EDITORES HTML.
  • 8. 2. EDITORES HTML.
  • 9. 3. Microsoft FrontPage 2003. <ul><li>Comercializado hasta 2006. </li></ul><ul><li>SharePoint Designer ExpressionWeb. </li></ul>
  • 10. 3. Microsoft FrontPage 2003.
  • 11. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  • 12. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  • 13. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  • 14. 3. Microsoft FrontPage 2003. <ul><li>PANEL DE TAREAS. </li></ul>
  • 15. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  • 16. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  • 17. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  • 18. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  • 19. 3. Microsoft FrontPage 2003. <ul><li>BARRA DE VISTAS. </li></ul>
  • 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. 4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>SONIDO DE FONDO. </li></ul>
  • 22. <ul><li>SONIDO DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 23. <ul><li>VÍDEO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 24. <ul><li>OTROS ELEMENTOS. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 25. <ul><li>OTROS ELEMENTOS. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 26. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 27. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 28. <ul><li>OTROS ELEMENTOS MULTIMEDIA. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 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. <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. <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 -&gt; PÁGINA EN BLANCO. </li></ul>
  • 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. <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. <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. <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. <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. <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. <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. <ul><li>PROPIEDADES DE IMAGEN. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 40. <ul><li>PROPIEDADES DE IMAGEN. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 41. <ul><li>CONFIGURACIÓN DE TEXTO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 42. <ul><li>CONFIGURACIÓN DE TEXTO DEL TÍTULO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 43. <ul><li>CONFIGURACIÓN DEL FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 44. <ul><li>CONFIGURACIÓN DEL FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 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. <ul><li>MÚSICA DE FONDO. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB. <ul><li>MENÚ ARCHIVO -&gt; OPCIÓN PROPIEDADES. </li></ul>
  • 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. <ul><li>VER CÓDIGO HTML. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.
  • 49. <ul><li>CONSIDERACIONES. </li></ul>4. CREACIÓN DE UNA PÁGINA WEB.

×