creaciÓn de pÁginas web con sharepoint designer 2007 (sesión 1) ricardo ferrís castell (...
TRANSCRIPT
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