CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3)

CREACIN DE PGINAS WEB CON SHAREPOINT DESIGNER 2007(Sesin 3)Ricardo Ferrs Castell([email protected])Departament DInformtica

TemarioIntroduccin a internet: Cliente/Servidor.Introduccin a Office SharePoint Designer 2007.Comenzar a crear una pgina web.Trabajar con imgenes.Hipervnculos.Tablas.Formularios.Insercin de contenidos multimedia.Creacin de pginas Web con SharePoint*

Creacin de pginas Web con SharePoint

Pginas HTMLCreacin de pginas Web con SharePoint*Realizacin de una pgina completa y su publicacin:Realizar una pgina del profesor del curso: A partir de la hoja de curriculum:http://www.uv.es/rferris/Ricardo.docrealizad vuestra propia pgina del profesor con vuestros datos y vuestra foto (vuestra foto la podeis obtener de correo.uv.es).Para el fondo de la pgina pondris la imagen:http://www.uv.es/rferris/images/Escudo01.gifPondris el color de fondo que creis conveniente.Cambiad tambin el ttulo de la pgina, las palabras clave y la descripcin de la pgina, de manera que concuerden con la pgina que estamos escribiendo.Poned mrgenes a la pgina (50 puntos alrededor del texto).No cambieis ningn tipo de letra.Comenzar a crear una pgina web


Pginas HTMLCreacin de pginas Web con SharePoint*Publicar la pgina realizada.Guardarla como profesor.html.Publicarla en el servidor de la Universitat.Abrir la pgina y ver su aspecto.http://www.uv.es/ricardo/profesor.htmlCmo se puede acceder a la nueva pgina?Hipervnculos.Comenzar a crear una pgina web


Pginas HTMLCreacin de pginas Web con SharePoint*HipervnculosPginas HTMLCreacin de pginas Web con SharePoint*Un hiperenlace (tambin llamado enlace, vnculo, o hipervnculo) es un elemento de un documento electrnico que hace referencia a otro recurso, por ejemplo, otro documento o un punto especfico del mismo o de otro documento.Tag: Opciones:hreftarget (marco de destino).


HipervnculosPginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos:


Pginas HTMLCreacin de pginas Web con SharePoint*Aade un hipervnculo en el documento index.html que haga referencia a la pgina del profesor que acabamos de crear desde el nombre del profesor responsable de la pgina.El destino del hipervnculo ser la propia ventana.Publica las pginas y observa los resultados.Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos: Marcas en un documento.Tag: Opciones:name

Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos: Marcas en un documento.

Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Aade marcas en cada uno de los ttulos del documento index.html.Aade un ndice al documento.Aade hipervnculos en cada uno de los elementos del ndice para que vayan a cada apartado del documento.El destino de cada hipervnculo ser el propio marco.

Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos: Referencias a recursos fuera del sitehttp://direccion/elementoHipervnculos: Correo electrnicoHipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos: Referencias a recursos fuera del siteHipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Hipervnculos: Correo electrnicoHipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*En la pgina profesor.html, aade un hipervnculo que haga referencia a la web de la Universitat de Valncia (www.uv.es) y otro al departamento donde trabaja el profesor responsable.En la pgina index.html, aade un hipervnculo desde la imagen de cabecera a la web de la Universitat de Valncia y otro desde la imagen del pie, al departamento de informtica (www.uv.es/dptinf).Aade, al lado del nombre del profesor: (correo electrnico) y pon un enlace de tipo correo electrnico.Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Tablas:Tag: Opciones:alignbgcolorwidthbordercellpaddingCellspacing

Tablas


Pginas HTMLCreacin de pginas Web con SharePoint*Tablas: FilasTag: Opciones:alignvalignbgcolorwidth / height

Tablas


Pginas HTMLCreacin de pginas Web con SharePoint*Tablas: Celdas (columnas) de cabeceraTag: Tablas: Celdas (columnas)Tag:

Tablas


Pginas HTMLCreacin de pginas Web con SharePoint*Tablas:Tablas


Pginas HTMLCreacin de pginas Web con SharePoint*Tablas: CeldasTablas


Pginas HTMLCreacin de pginas Web con SharePoint*Realizar una nueva pgina con la planificacin del curso mediante una tabla (planificacion.html).La tabla tendra una fila de celdas de cabecera en las que estarn los ttulos de las columnas (Tema/Duracion) y en las siguientes filas se detallarn cada uno de los temas y la duracin aproximada en horas de cada uno de los temas.Publica la pgina y aade un elemento ms en la pgina index.html y un enlace que haga referencia a ella.Hipervnculos


Pginas HTMLCreacin de pginas Web con SharePoint*Modifica la pgina anterior fijando la anchura de la tabla al 80%, y la anchura de la primera columna al 70%.Colorea el fondo de la tabla en un color gris claro.Modifica las celdas de la cabecera para que sean de tipo cabecera con fondo gris oscuro.Los temas alineados a la izquierda y las duraciones centradas.Hazlo utilizando las propiedades de la etiqueta que aparecen en la parte de abajo a la izquierda.

Hipervnculos


CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3)

Documents

Transcript of CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3)