creaciÓn de pÁginas web con sharepoint designer 2007 (sesión 1)

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007

(Sesión 1)

Ricardo Ferrís Castell

([email protected])

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.


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


4

Introducción a internet: Cliente/ServidorC

lien

te / S

erv

idor


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


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



7

Office SharePoint Designer 2007Sh

are

Poin

t Desig

ner

20

07


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


9

Temario



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


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


as H

TM

L: C

abece

ra


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


as H

TM

L: C

abece

ra


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


as H

TM

L: Cu

erp

o


14


as H

TM

L


15


as H

TM

L


16


as H

TM

L


17

• Cabecera (<head>)


as H

TM

L


18


as H

TM

L


19



as H

TM

L


20


• Cuerpo (<body>)


as H

TM

L


21

• Cuerpo (<body>)


as H

TM

L


22


as H

TM

L


23

• Cuerpo (<body>)


as H

TM

L


24

• Cuerpo (<body>)

Págin

as H

TM

L


25

• Cuerpo (<body>)

Comenzar a crear una página web

Págin

as H

TM

L


26

• Estilos de párrafos


Págin

as H

TM

L


27

• Publicación:


Págin

as H

TM

L


28

• Publicación:


Págin

as H

TM

L


29

• Publicación:


Págin

as H

TM

L


30

• Publicación:


Págin

as H

TM

L


31

• Publicación:

http://www.uv.es/rferris/


creaciÓn de pÁginas web con sharepoint designer 2007 (sesión 1)

Documents