CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007
(Sesión 1)
Ricardo Ferrís Castell
Departament D’Informàtica
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
Clie
nte
/ Serv
idor
Creación de páginas Web con SharePoint
4
Introducción a internet: Cliente/ServidorC
lien
te / S
erv
idor
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.– …
Introducción a internet: Cliente/ServidorServ
idore
s en
la U
V
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
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 2007Sh
are
Poin
t Desig
ner
20
07
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.
Office SharePoint Designer 2007Sh
are
Poin
t Desig
ner
20
07
Creación de páginas Web con SharePoint
9
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
• ¿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 webPágin
as H
TM
L
Creación de páginas Web con SharePoint
11
<HTML>
<HEAD>
<TITLE>Mi primera pagina</TITLE>
</HEAD>
<BODY>
Esta es mi primera pagina.
</BODY>
</HTML>
• 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" />
Comenzar a crear una página webPágin
as H
TM
L: C
abece
ra
Creación de páginas Web con SharePoint
12
• 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" />
Comenzar a crear una página webPágin
as H
TM
L: C
abece
ra
Creación de páginas Web con SharePoint
13
• 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">
Comenzar a crear una página webPágin
as H
TM
L: Cu
erp
o
Creación de páginas Web con SharePoint
14
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
15
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
16
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
17
• Cabecera (<head>)
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
18
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
19
• Cabecera (<head>)
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
20
• Cabecera (<head>)
• Cuerpo (<body>)
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
21
• Cuerpo (<body>)
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
22
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
23
• Cuerpo (<body>)
Comenzar a crear una página webPágin
as H
TM
L
Creación de páginas Web con SharePoint
24
• Cuerpo (<body>)
Págin
as H
TM
L
Creación de páginas Web con SharePoint
25
• Cuerpo (<body>)
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
26
• Estilos de párrafos
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
27
• Publicación:
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
28
• Publicación:
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
29
• Publicación:
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
30
• Publicación:
Comenzar a crear una página web
Págin
as H
TM
L
Creación de páginas Web con SharePoint
31
• Publicación:
http://www.uv.es/rferris/
Comenzar a crear una página web