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

Temario Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Comenzar a crear una página web. 4.Trabajar con imágenes Marca (tag) : Opciones : –type: "1", "a", "A", "i", "I" –start: "numero" Comenzar a crear una página web

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

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

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

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

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

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.

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

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

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

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

Temario Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 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

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

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

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

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

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

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

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