CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell (...

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

(Sesión 2)

Ricardo Ferrís Castell

(Ricardo.Ferris@uv.es)

Departament D’Informàtica

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

Comenzar a crear una página webPágin

• Cabecera (<head>)

• Cuerpo (<body>)

Págin

• Cuerpo (<body>)

Comenzar a crear una página web

Págin

• Estilos de párrafos

Págin

• Realización de una página completa y su publicación:– Realizar una página del curso:

A partir de la hoja de descripción del curso, realiza una página donde se expliquen los objetivos del curso (y a continuación se enumeren), los puntos a tratar del curso y el profesor que dará el curso (nombre, departamento, facultad o escuela, con su dirección de correo electrónico).

Para el fondo de la página pondréis la imagen:http://www.uv.es/rferris/images/universidad.jpg

Pondréis el color de fondo que creáis conveniente.

Cambiad también el título de la página, las palabras clave y la descripción de la página.

Poned márgenes a la página (100 puntos alrededor del texto).

Págin

• Publicación:

Págin

• Publicación:

Págin

• Publicación:

Págin

• Publicación:

Págin

• Publicación:

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

Págin

• Modifica la página:Cambia el fondo de la página pondréis la imagen:http://www.uv.es/rferris/images/Escudo01.gif

Poned un color de fondo “oscuro” (no negro).

Cambiad el color del texto a un color “claro”.

Publicad de nuevo la página.

Observad los cambios realizados en el explorador.

Págin

• Listas:– Listas ordenadas:

1. Introducción a internet: Cliente/Servidor.2. Introducción a Office SharePoint Designer 2007.3. Comenzar a crear una página web.4. Trabajar con imágenes.5. ...

Marca (tag): <ol></ol>

Opciones:– type: "1", "a", "A", "i", "I"– start: "numero"

Págin

• Listas:– Listas desordenadas:

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

Marca (tag): <ul></ul>

Opciones:– type: "circle", "disc", "square"

Págin

• Listas:– Listas de definiciones (o glosario de términos):

Internet:conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP

Web:sistema de documentos de hipertexto o hipermedios enlazados y accesibles a través de Internet

Marca (tag): <dl></dl>

Opciones:– dir: "rtl", "ltr"

Págin

• Listas:

Págin

– Listas ordenadas:

Págin

– Listas desordenadas:

Págin

– Listas de definiciones:

• Edición de la etiqueta “a mano”.

Págin

• Incluir, al final de la página, un glosario de términos con sus definiciones.

• Incluye, al menos cinco definiciones.

Págin

• Otros elementos interesantes:– Lineas horizontales <hr></hr>, <hr>, <hr \>

Opciones:– align– size– width– noshade

– Saltos <br></br>, <br>, <br \>

Págin

• Otros elementos interesantes:

• Modifica la página que estamos elaborando y añádele líneas horizontales entre cada una de las secciones.

Añade una línea al inicio de la página que ocupe el 100% de la anchura de la página.

Las líneas entre secciones serán del 90% y un grosor de 10 puntos.

Añade una nueva sección ‘pie de página’ separada por una linea horizontal de 100%.

En el pie de página pondremos:Última actualización: 30/09/2010

Págin

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.

Págin

Trabajar con imágenes

• Imágenes:Marca (tag): <img></img>, <img />

Opciones:– src– width, height– alt– longdesc– align: "left", "right", ...– border

Págin

• Insertar una nueva imagen:

Págin

• Inserta dos nuevas imágenes en la página:– Una como cabecera del documento que ocupe el 100% de la

cabecera, con un borde de 5 puntos.

La imagen a utilizar será: loguvhom.gif

– Otra como icono en el pie de página, alineada a la derecha y de un tamaño de 100 puntos, sin ningún borde.

La imagen a insertar será: infoPollo_Transparente.gif

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 2) Ricardo Ferrís Castell (...

Documents

PP Informàtica

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 4) Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ) Departament D ’ Informàtica

Seguretat informàtica

CURSO DE LINUX (Sesión 1) Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ) Departament D Informàtica

Informàtica bàsica

Informàtica 1

Informàtica 4rt

Javier Ferrís - Ingeniería emocional en turismo

Informàtica: Diaris

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 5) Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ) Departament D ’ Informàtica

Informàtica tot

PD Informàtica

SEGURIDAD INFORMÀTICA

Power Informàtica

Impressionisme informàtica

Informàtica: Xarxes

Informàtica powerpoint

La informàtica

CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3) Ricardo Ferrís Castell ( Ricardo.Ferris@uv.es ) Departament D Informàtica

gratacels informàtica