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

Presentación del tema: "CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 1) 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 1) Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ) Departament D Informàtica

2 Objetivos Aprender a crear y publicar páginas web en el servidor que nos proporciona el servicio de informática. –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. Creación de páginas Web con SharePoint 2

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

4 Introducción a internet: Cliente/Servidor ¿Qué entendemos por internet y qué es realmente internet? La Web: Desde archie hasta la web pasando por gopher: http://www.pitic.com.mx/Navegacion/Notas/archie.html http://www.quux.org:70/Software/Gopher/servers Cliente / Servidor Creación de páginas Web con SharePoint 4

5 Introducción a internet: Cliente/Servidor Cliente / Servidor Creación de páginas Web con SharePoint 5 Servidor Web: –Programa para transferir información mediante el protocolo HTTP. Apache Internet Information Service (IIS) Cliente Web: –Firefox (Netscape). –Internet Explorer. –Opera. –Safari. –…

6 Introducción a internet: Cliente/Servidor Servidores en la UV Creación de páginas Web con SharePoint 6 Servicios ofertados por la Universitat de València: http://www.uv.es/siuv/cat/zinternet/gespais.htm –Espacio web –Actualización de contenidos: html ftp Red MS-Windows

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

8 Office SharePoint Designer 2007 SharePoint Designer 2007 Creación de páginas Web con SharePoint 8 Microsoft SharePoint es la herramienta de colaboración de Microsoft que asiste en el proceso de guardar, publicar y compartir información, y que permite utilizar la información existente en forma efectiva gracias a sus servicios de búsqueda e integración con otros productos Office. –Windows SharePoint Services (WSS). Provee la base para crear y manejar Portales y sus sitios web. –Microsoft Office SharePoint Server (MOSS). Es el portal construido sobre la base WSS y agrega servicios adicionales. Editores de páginas HTML.

9 Office SharePoint Designer 2007 SharePoint Designer 2007 Creación de páginas Web con SharePoint 9

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

11 ¿Qué es HTML? –Lenguajes de formato. –Lenguajes de marcado. Estructura básica de una página HTML –Cabecera –Cuerpo Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 11 Mi primera pagina Esta es mi primera pagina.

12 Cabecera ( ) –Título ( ) –Meta datos –tipo : language, keywords, description distribution, robots –content –Base ( ): Con esta etiqueta se pueden especificar dos cosas: la URL base por defecto para resolver URLs relativas. la ventana o frame por defecto en la que se abrirán los enlaces. Comenzar a crear una página web Páginas HTML: Cabecera Creación de páginas Web con SharePoint 12

13 Cabecera ( ) –Link: Define relaciones entre el documento actual y recursos externos. Estilos estilos.css Icono Comenzar a crear una página web Páginas HTML: Cabecera Creación de páginas Web con SharePoint 13

14 Cuerpo: –background –bgcolor –leftmargin, topmargin, rightmargin, bottommargin –text="color" para el texto de la página. –link="color" para los enlaces normales. –alink="color" para los enlaces activos. –vlink="color" para los enlaces visitados Comenzar a crear una página web Páginas HTML: Cuerpo Creación de páginas Web con SharePoint 14

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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