CURSO DE LINUX
Download
Report
Transcript CURSO DE LINUX
Departament D’Informàtica
CREACIÓN DE PÁGINAS WEB CON
SHAREPOINT DESIGNER 2007
(Sesión 1)
Ricardo Ferrís Castell
([email protected])
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
http://www.pitic.com.mx/Navegacion/Notas/archie.html
http://www.quux.org:70/Software/Gopher/servers
Creación de páginas Web
con SharePoint
Cliente / Servidor
• ¿Qué entendemos por internet y qué es realmente
internet?
• La Web: Desde ‘archie’ hasta la ‘web’ pasando
por ‘gopher’:
4
Introducción a internet: Cliente/Servidor
• Servidor Web:
• Apache
• Internet Information Service (IIS)
• Cliente Web:
–
–
–
–
–
Firefox (Netscape).
Internet Explorer.
Opera.
Safari.
…
Creación de páginas Web
con SharePoint
Cliente / Servidor
– Programa para transferir información mediante el
protocolo HTTP.
5
Introducción a internet: Cliente/Servidor
http://www.uv.es/siuv/cat/zinternet/gespais.htm
– Espacio web
– Actualización de contenidos:
• html
• ftp
• Red MS-Windows
Creación de páginas Web
con SharePoint
Servidores en la UV
• Servicios ofertados por la Universitat de
València:
6
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
– 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.
Creación de páginas Web
con SharePoint
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.
8
Office SharePoint Designer 2007
SharePoint Designer 2007
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
Comenzar a crear una página web
• ¿Qué es HTML?
– Lenguajes de formato.
– Lenguajes de marcado.
– Cabecera
– Cuerpo
<HTML>
<HEAD>
<TITLE>Mi primera pagina</TITLE>
</HEAD>
<BODY>
Esta es mi primera pagina.
</BODY>
</HTML>
Creación de páginas Web
con SharePoint
Páginas HTML
• Estructura básica de una página HTML
11
Comenzar a crear una página web
– Título (<title>)
– Meta datos
• <meta name="tipo" content="?">
– tipo: language, keywords, description
distribution, robots
– content
• <meta http-equiv="tipo" content="?">
Páginas HTML: Cabecera
• Cabecera (<head>)
<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" />
Creación de páginas Web
con SharePoint
12
Comenzar a crear una página web
– 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" />
Creación de páginas Web
con SharePoint
Páginas HTML: Cabecera
• Cabecera (<head>)
13
Comenzar a crear una página web
• Cuerpo: <body>
– 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">
Creación de páginas Web
con SharePoint
Páginas HTML: Cuerpo
– background
– bgcolor
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