1 / 29

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3)

Departament D ’ Informàtica. CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3). Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ). Temario. Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 2007. Comenzar a crear una página web.

kineta
Download Presentation

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Departament D’Informàtica CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007(Sesión 3) Ricardo Ferrís Castell (Ricardo.Ferris@uv.es)

  2. Temario • Introducción a internet: Cliente/Servidor. • Introducción a Office SharePoint Designer 2007. • Comenzar a crear una página web. • Trabajar con imágenes. • Hipervínculos. • Tablas. • Formularios. • Inserción de contenidos multimedia. Creación de páginas Web con SharePoint 2

  3. Comenzar a crear una página web • Realización de una página completa y su publicación: • Realizar una página del profesor del curso: A partir de la hoja de curriculum: http://www.uv.es/rferris/Ricardo.doc realizad vuestra propia página del profesor con vuestros datos y vuestra foto (vuestra foto la podeis obtener de ‘correo.uv.es’). Para el fondo de la página pondréis la imagen: http://www.uv.es/rferris/images/Escudo01.gif Pondréis el color de fondo que creáis conveniente. Cambiad también el título de la página, las palabras clave y la descripción de la página, de manera que concuerden con la página que estamos escribiendo. Poned márgenes a la página (50 puntos alrededor del texto). No cambieis ningún tipo de letra. Páginas HTML Creación de páginas Web con SharePoint 3

  4. Comenzar a crear una página web • Publicar la página realizada. • Guardarla como ‘profesor.html’. • Publicarla en el servidor de la Universitat. • Abrir la página y ver su aspecto. http://www.uv.es/ricardo/profesor.html • ¿Cómo se puede acceder a la nueva página? • Hipervínculos. Páginas HTML Creación de páginas Web con SharePoint 4

  5. Temario • Introducción a internet: Cliente/Servidor. • Introducción a Office SharePoint Designer 2007. • Comenzar a crear una página web. • Trabajar con imágenes. • Hipervínculos. • Tablas. • Formularios. • Inserción de contenidos multimedia. Creación de páginas Web con SharePoint 5

  6. Hipervínculos • Un hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Tag: <a></a> Opciones: • href • target (marco de destino). Páginas HTML Páginas HTML Creación de páginas Web con SharePoint Creación de páginas Web con SharePoint 6 6

  7. Hipervínculos • Hipervínculos: Páginas HTML Creación de páginas Web con SharePoint 7

  8. Hipervínculos • Hipervínculos: Páginas HTML Creación de páginas Web con SharePoint 8

  9. Hipervínculos • Hipervínculos: Páginas HTML Creación de páginas Web con SharePoint 9

  10. Hipervínculos • Añade un hipervínculo en el documento ‘index.html’ que haga referencia a la página del profesor que acabamos de crear desde el nombre del profesor responsable de la página. El destino del hipervínculo será la propia ventana. • Publica las páginas y observa los resultados. Páginas HTML Creación de páginas Web con SharePoint 10

  11. Hipervínculos • Hipervínculos: Marcas en un documento. Tag: <a></a> Opciones: • name Páginas HTML Creación de páginas Web con SharePoint 11

  12. Hipervínculos • Hipervínculos: Marcas en un documento. Páginas HTML Creación de páginas Web con SharePoint 12

  13. Hipervínculos • Hipervínculos: Marcas en un documento. Páginas HTML Creación de páginas Web con SharePoint 13

  14. Hipervínculos • Hipervínculos: Marcas en un documento. Páginas HTML Creación de páginas Web con SharePoint 14

  15. Hipervínculos • Hipervínculos: Marcas en un documento. Páginas HTML Creación de páginas Web con SharePoint 15

  16. Hipervínculos • Añade marcas en cada uno de los títulos del documento ‘index.html’. • Añade un índice al documento. • Añade hipervínculos en cada uno de los elementos del índice para que vayan a cada apartado del documento. El destino de cada hipervínculo será el propio marco. Páginas HTML Creación de páginas Web con SharePoint 16

  17. Hipervínculos • Hipervínculos: Referencias a recursos fuera del ‘site’ http://direccion/elemento • Hipervínculos: Correo electrónico Páginas HTML Creación de páginas Web con SharePoint 17

  18. Hipervínculos • Hipervínculos: Referencias a recursos fuera del ‘site’ Páginas HTML Creación de páginas Web con SharePoint 18

  19. Hipervínculos • Hipervínculos: Correo electrónico Páginas HTML Creación de páginas Web con SharePoint 19

  20. Hipervínculos • En la página ‘profesor.html’, añade un hipervínculo que haga referencia a la web de la Universitat de Valéncia (www.uv.es) y otro al departamento donde trabaja el profesor responsable. • En la página ‘index.html’, añade un hipervínculo desde la imagen de cabecera a la web de la Universitat de Valéncia y otro desde la imagen del pie, al departamento de informática (www.uv.es/dptinf). • Añade, al lado del nombre del profesor: (correo electrónico) y pon un enlace de tipo correo electrónico. Páginas HTML Creación de páginas Web con SharePoint 20

  21. Temario • Introducción a internet: Cliente/Servidor. • Introducción a Office SharePoint Designer 2007. • Comenzar a crear una página web. • Trabajar con imágenes. • Hipervínculos. • Tablas. • Formularios. • Inserción de contenidos multimedia. Creación de páginas Web con SharePoint 21

  22. Tablas • Tablas: Tag: <table></table> Opciones: • align • bgcolor • width • border • cellpadding • Cellspacing Páginas HTML Creación de páginas Web con SharePoint 22

  23. Tablas • Tablas: Filas Tag: <tr></tr> Opciones: • align • valign • bgcolor • width / height Páginas HTML Creación de páginas Web con SharePoint 23

  24. Tablas • Tablas: Celdas (columnas) de cabecera Tag: <th></th> • Tablas: Celdas (columnas) Tag: <td></td> Páginas HTML Creación de páginas Web con SharePoint 24

  25. Tablas • Tablas: Páginas HTML Creación de páginas Web con SharePoint 25

  26. Tablas • Tablas: Páginas HTML Creación de páginas Web con SharePoint 26

  27. Tablas • Tablas: Celdas Páginas HTML Creación de páginas Web con SharePoint 27

  28. Hipervínculos • Realizar una nueva página con la planificación del curso mediante una tabla (“planificacion.html”). La tabla tendra una fila de celdas de cabecera en las que estarán los títulos de las columnas (Tema/Duracion) y en las siguientes filas se detallarán cada uno de los temas y la duración aproximada en horas de cada uno de los temas. • Publica la página y añade un elemento más en la página “index.html” y un enlace que haga referencia a ella. Páginas HTML Creación de páginas Web con SharePoint 28

  29. Hipervínculos • Modifica la página anterior fijando la anchura de la tabla al 80%, y la anchura de la primera columna al 70%. Colorea el fondo de la tabla en un color ‘gris claro’. Modifica las celdas de la cabecera para que sean de tipo cabecera con fondo ‘gris oscuro’. Los temas alineados a la izquierda y las duraciones centradas. Hazlo utilizando las propiedades de la etiqueta que aparecen en la parte de abajo a la izquierda. Páginas HTML Creación de páginas Web con SharePoint 29

More Related