Ricardo Ferrís Castell (Ricardo.Ferris@uv.es) Departament D’Informàtica CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 1) Ricardo Ferrís Castell (Ricardo.Ferris@uv.es)
Creación de páginas Web con SharePoint 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
Creación de páginas Web con SharePoint 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
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 Qué es un sistema operativo y para que sirve. Pequeña introducción explicando la necesidad del sistema operativo para poder utilizar el ordenador sin tener grandes conocimientos sobre el hardware. Creación de páginas Web con SharePoint 4
Introducción a internet: Cliente/Servidor Servidor Web: Programa para transferir información mediante el protocolo HTTP. Apache Internet Information Service (IIS) Cliente Web: Firefox (Netscape). Internet Explorer. Opera. Safari. … Cliente / Servidor Introducción histórica a los sistemas operativos. En la primera generación no existían los sistemas operativos. En ellos es muy difícil trabajar (solo para expertos) Creación de páginas Web con SharePoint 5
Introducción a internet: Cliente/Servidor 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 Servidores en la UV Creación de páginas Web con SharePoint 6
Creación de páginas Web con SharePoint 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
Office SharePoint Designer 2007 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. SharePoint Designer 2007 Creación de páginas Web con SharePoint 8
Office SharePoint Designer 2007 Creación de páginas Web con SharePoint 9
Creación de páginas Web con SharePoint 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
Comenzar a crear una página web ¿Qué es HTML? Lenguajes de formato. Lenguajes de marcado. Estructura básica de una página HTML Cabecera Cuerpo Páginas HTML <HTML> <HEAD> <TITLE>Mi primera pagina</TITLE> </HEAD> <BODY> Esta es mi primera pagina. </BODY> </HTML> Creación de páginas Web con SharePoint 11
Comenzar a crear una página web Cabecera (<head>) Título (<title>) Meta datos <meta name="tipo" content="?"> tipo: language, keywords, description distribution, robots content <meta http-equiv="tipo" content="?"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="es" /> Base (<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. <base href="http://www.htmlweb.net/manuales/" target="_blank" /> Páginas HTML: Cabecera Creación de páginas Web con SharePoint 12
Comenzar a crear una página web Cabecera (<head>) Link: Define relaciones entre el documento actual y recursos externos. Estilos <link rel="stylesheet" href="estilos.css" /> Icono <link rel="shortcut icon" type="image/x-icon" href="images/icono.gif" /> <link rel="icon" type="image/x-icon" href="images/icono.gif" /> Páginas HTML: Cabecera Creación de páginas Web con SharePoint 13
Comenzar a crear una página web Cuerpo: <body> 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 <body bgcolor="#ffffff" text="black" link="red" alink="#673305" vlink="#ff33cc"> Páginas HTML: Cuerpo Creación de páginas Web con SharePoint 14
Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 15
Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 16
Comenzar a crear una página web Páginas HTML Creación de páginas Web con SharePoint 17
Comenzar a crear una página web Cabecera (<head>) Páginas HTML Creación de páginas Web con SharePoint 18
Comenzar a crear una página web Cabecera (<head>) Páginas HTML Creación de páginas Web con SharePoint 19
Comenzar a crear una página web Cabecera (<head>) Páginas HTML Creación de páginas Web con SharePoint 20
Comenzar a crear una página web Cuerpo (<body>) Páginas HTML Creación de páginas Web con SharePoint 21
Comenzar a crear una página web Cuerpo (<body>) Páginas HTML Creación de páginas Web con SharePoint 22
Comenzar a crear una página web Cuerpo (<body>) Páginas HTML Creación de páginas Web con SharePoint 23
Comenzar a crear una página web Cuerpo (<body>) Páginas HTML Creación de páginas Web con SharePoint 24
Comenzar a crear una página web Cuerpo (<body>) Páginas HTML Creación de páginas Web con SharePoint 25
Comenzar a crear una página web Estilos de párrafos Páginas HTML Creación de páginas Web con SharePoint 26
Comenzar a crear una página web Publicación: Páginas HTML Creación de páginas Web con SharePoint 27
Comenzar a crear una página web Publicación: Páginas HTML Creación de páginas Web con SharePoint 28
Comenzar a crear una página web Publicación: Páginas HTML Creación de páginas Web con SharePoint 29
Comenzar a crear una página web Publicación: Páginas HTML Creación de páginas Web con SharePoint 30
Comenzar a crear una página web Publicación: http://www.uv.es/rferris/ Páginas HTML Creación de páginas Web con SharePoint 31