CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell ( ) Departament D Informàtica.

Presentación del tema: "CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell ( ) Departament D Informàtica."— Transcripción de la presentación:

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

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 Páginas HTML Creación de páginas Web con SharePoint 3

4 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 4

5 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 5

6 Cabecera ( ) Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 6

7 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 7 Cabecera ( )

8 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 8 Cabecera ( )

9 Cuerpo ( ) Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 9

10 Cuerpo ( ) Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 10

11 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 11 Cuerpo ( )

12 Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 12 Cuerpo ( )

13 Páginas HTML Creación de páginas Web con SharePoint 13 Cuerpo ( ) Comenzar a crear una página web

14 Páginas HTML Creación de páginas Web con SharePoint 14 Estilos de párrafos Comenzar a crear una página web

15 Páginas HTML Creación de páginas Web con SharePoint 15 Realización de una página completa y su publicación: –Realizar una página del curso: A partir de la hoja de descripción del curso, realiza una página donde se expliquen los objetivos del curso (y a continuación se enumeren), los puntos a tratar del curso y el profesor que dará el curso (nombre, departamento, facultad o escuela, con su dirección de correo electrónico). Para el fondo de la página pondréis la imagen: http://www.uv.es/rferris/images/universidad.jpg 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. Poned márgenes a la página (100 puntos alrededor del texto). Comenzar a crear una página web

16 Páginas HTML Creación de páginas Web con SharePoint 16 Publicación: Comenzar a crear una página web

17 Páginas HTML Creación de páginas Web con SharePoint 17 Publicación: Comenzar a crear una página web

18 Páginas HTML Creación de páginas Web con SharePoint 18 Publicación: Comenzar a crear una página web

19 Páginas HTML Creación de páginas Web con SharePoint 19 Publicación: Comenzar a crear una página web

20 Páginas HTML Creación de páginas Web con SharePoint 20 Publicación: http://www.uv.es/rferris/ Comenzar a crear una página web

21 Páginas HTML Creación de páginas Web con SharePoint 21 Modifica la página: Cambia el fondo de la página pondréis la imagen: http://www.uv.es/rferris/images/Escudo01.gif Poned un color de fondo oscuro (no negro). Cambiad el color del texto a un color claro. Publicad de nuevo la página. Observad los cambios realizados en el explorador. Comenzar a crear una página web

22 Páginas HTML Creación de páginas Web con SharePoint 22 Listas: –Listas ordenadas: 1.Introducción a internet: Cliente/Servidor. 2.Introducción a Office SharePoint Designer 2007. 3.Comenzar a crear una página web. 4.Trabajar con imágenes. 5.... Marca (tag) : Opciones : –type: "1", "a", "A", "i", "I" –start: "numero" Comenzar a crear una página web

23 Páginas HTML Creación de páginas Web con SharePoint 23 Listas: –Listas desordenadas: Internet y web. Modelo cliente/servidor. Edición de páginas web sencillas (html). Publicación de páginas en la web de la Universitat. Marca (tag) : Opciones : –type: "circle", "disc", "square" Comenzar a crear una página web

24 Páginas HTML Creación de páginas Web con SharePoint 24 Listas: –Listas de definiciones (o glosario de términos): Internet: conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP Web: sistema de documentos de hipertexto o hipermedios enlazados y accesibles a través de Internet... Marca (tag) : Opciones : –dir: "rtl", "ltr" Comenzar a crear una página web

25 Páginas HTML Creación de páginas Web con SharePoint 25 Comenzar a crear una página web Listas:

26 Páginas HTML Creación de páginas Web con SharePoint 26 Comenzar a crear una página web –Listas ordenadas:

27 Páginas HTML Creación de páginas Web con SharePoint 27 Comenzar a crear una página web –Listas desordenadas:

28 Páginas HTML Creación de páginas Web con SharePoint 28 Comenzar a crear una página web –Listas de definiciones: Edición de la etiqueta a mano.

29 Páginas HTML Creación de páginas Web con SharePoint 29 Incluir, al final de la página, un glosario de términos con sus definiciones. Incluye, al menos cinco definiciones. Comenzar a crear una página web

30 Páginas HTML Creación de páginas Web con SharePoint 30 Otros elementos interesantes: –Lineas horizontales,, Opciones : –align –size –width –noshade –Saltos,, Comenzar a crear una página web

31 Páginas HTML Creación de páginas Web con SharePoint 31 Otros elementos interesantes: Comenzar a crear una página web

32 Modifica la página que estamos elaborando y añádele líneas horizontales entre cada una de las secciones. Añade una línea al inicio de la página que ocupe el 100% de la anchura de la página. Las líneas entre secciones serán del 90% y un grosor de 10 puntos. Añade una nueva sección pie de página separada por una linea horizontal de 100%. En el pie de página pondremos: Última actualización: 30/09/2010 Páginas HTML Creación de páginas Web con SharePoint 32 Comenzar a crear una página web

33 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 33

34 Páginas HTML Creación de páginas Web con SharePoint 34 Trabajar con imágenes Imágenes: Marca (tag) :, Opciones : –src –width, height –alt –longdesc –align: "left", "right",... –border

35 Páginas HTML Creación de páginas Web con SharePoint 35 Insertar una nueva imagen: Trabajar con imágenes

36 Páginas HTML Creación de páginas Web con SharePoint 36 Trabajar con imágenes Insertar una nueva imagen:

37 Páginas HTML Creación de páginas Web con SharePoint 37 Trabajar con imágenes Insertar una nueva imagen:

38 Páginas HTML Creación de páginas Web con SharePoint 38 Trabajar con imágenes Insertar una nueva imagen:

39 Páginas HTML Creación de páginas Web con SharePoint 39 Trabajar con imágenes Insertar una nueva imagen:

40 Páginas HTML Creación de páginas Web con SharePoint 40 Trabajar con imágenes Inserta dos nuevas imágenes en la página: –Una como cabecera del documento que ocupe el 100% de la cabecera, con un borde de 5 puntos. La imagen a utilizar será: loguvhom.gif –Otra como icono en el pie de página, alineada a la derecha y de un tamaño de 100 puntos, sin ningún borde. La imagen a insertar será: infoPollo_Transparente.gif