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

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)

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

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

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 SharePoint Designer 2007 Creación de páginas Web con SharePoint 9

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 • Cabecera (<head>) Páginas HTML Creación de páginas Web con SharePoint 18

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 • 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: http://www.uv.es/rferris/ Páginas HTML Creación de páginas Web con SharePoint 31

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