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

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

Designer Portfolio

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.

SPYPEN Designer

Power Designer

Pepakura Designer

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.

GRAPHIC DESIGNER

CURSO VIJEO DESIGNER - Ingeniería de Sistemas y Automáticaautomata.cps.unizar.es/post/documentos/CURSOVIJEODESIGNER.pdf · Terminales de diálogo 4 Vijeo Designer Vijeo Designer

Curso Altium Designer

DB DESIGNER

DESIGNER FLUJE DIAGRAM

WEB DESIGNER

presentacion power designer

Fuzzy Designer

DHS Nomina - Designer

Google web designer

book Johan Designer

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

Tutorial2006 Electrical Designer

Designer Plus