La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

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

Presentaciones similares


Presentación del tema: "CREACIÓN DE PÁGINAS WEB CON SHAREPOINT DESIGNER 2007 (Sesión 3) Ricardo Ferrís Castell ( ) Departament D Informàtica."— Transcripción de la presentación:

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

2 Temario Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 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 2

3 Páginas HTML Creación de páginas Web con SharePoint 3 Realización de una página completa y su publicación: –Realizar una página del profesor del curso: A partir de la hoja de curriculum: realizad vuestra propia página del profesor con vuestros datos y vuestra foto (vuestra foto la podeis obtener de correo.uv.es). Para el fondo de la página pondréis la imagen: 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, de manera que concuerden con la página que estamos escribiendo. Poned márgenes a la página (50 puntos alrededor del texto). No cambieis ningún tipo de letra. Comenzar a crear una página web

4 Páginas HTML Creación de páginas Web con SharePoint 4 Publicar la página realizada. –Guardarla como index.html. –Publicarla en el servidor de la Universitat. Abrir la página y ver su aspecto. ¿Cómo se puede acceder a la página del curso? –Hipervínculos. Comenzar a crear una página web

5 Temario Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 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 5

6 Páginas HTML Creación de páginas Web con SharePoint 6 Hipervínculos Páginas HTML Creación de páginas Web con SharePoint 6 Un hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. Tag : Opciones : –href –target (marco de destino).

7 Hipervínculos Páginas HTML Creación de páginas Web con SharePoint 7 Hipervínculos:

8 Hipervínculos Páginas HTML Creación de páginas Web con SharePoint 8 Hipervínculos:

9 Hipervínculos Páginas HTML Creación de páginas Web con SharePoint 9 Hipervínculos:

10 Páginas HTML Creación de páginas Web con SharePoint 10 Añade un hipervínculo en el documento index.html que haga referencia a la página del curso desde un apartado nuevo (Cursos impartidos) que crearemos al final de la hoja. El destino del hipervínculo será la propia ventana. Publica las páginas y observa los resultados. Hipervínculos

11 Páginas HTML Creación de páginas Web con SharePoint 11 Hipervínculos: Marcas en un documento. Tag : Opciones : –name Hipervínculos

12 Páginas HTML Creación de páginas Web con SharePoint 12 Hipervínculos: Marcas en un documento. Hipervínculos

13 Páginas HTML Creación de páginas Web con SharePoint 13 Hipervínculos: Marcas en un documento. Hipervínculos

14 Páginas HTML Creación de páginas Web con SharePoint 14 Hipervínculos: Marcas en un documento. Hipervínculos

15 Páginas HTML Creación de páginas Web con SharePoint 15 Hipervínculos: Marcas en un documento. Hipervínculos

16 Páginas HTML Creación de páginas Web con SharePoint 16 Añade marcas en cada uno de los títulos del documento curso.html. Añade un índice al documento. Añade hipervínculos en cada uno de los elementos del índice para que vayan a cada apartado del documento. El destino de cada hipervínculo será el propio marco. Hipervínculos

17 Páginas HTML Creación de páginas Web con SharePoint 17 Hipervínculos: Referencias a recursos fuera del site Hipervínculos: Correo electrónico Hipervínculos

18 Páginas HTML Creación de páginas Web con SharePoint 18 Hipervínculos: Referencias a recursos fuera del site Hipervínculos

19 Páginas HTML Creación de páginas Web con SharePoint 19 Hipervínculos: Correo electrónico Hipervínculos

20 Páginas HTML Creación de páginas Web con SharePoint 20 En la página index.html, añade un hipervínculo que haga referencia a la web de la Universitat de Valéncia (www.uv.es) y otro al departamento donde trabaja el profesor responsable.www.uv.es En la página curso.html, añade un hipervínculo desde la imagen de cabecera a la web de la Universitat de Valéncia y otro desde la imagen del pie, al departamento de informática (www.uv.es/dptinf).www.uv.es/dptinf Añade, al lado del nombre del profesor: (correo electrónico) y pon un enlace de tipo correo electrónico. Hipervínculos

21 Temario Introducción a internet: Cliente/Servidor. Introducción a Office SharePoint Designer 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 21

22 Páginas HTML Creación de páginas Web con SharePoint 22 Tablas: Tag : Opciones : –align –bgcolor –width –border –cellpadding –Cellspacing Tablas

23 Páginas HTML Creación de páginas Web con SharePoint 23 Tablas: Filas Tag : Opciones : –align –valign –bgcolor –width / height Tablas

24 Páginas HTML Creación de páginas Web con SharePoint 24 Tablas: Celdas (columnas) de cabecera Tag : Tablas: Celdas (columnas) Tag : Tablas

25 Páginas HTML Creación de páginas Web con SharePoint 25 Tablas: Tablas

26 Páginas HTML Creación de páginas Web con SharePoint 26 Tablas: Tablas

27 Páginas HTML Creación de páginas Web con SharePoint 27 Tablas: Celdas Tablas

28 Páginas HTML Creación de páginas Web con SharePoint 28 Realizar una nueva página con la planificación del curso mediante una tabla ( planificacion.html ). La tabla tendra una fila de celdas de cabecera en las que estarán los títulos de las columnas (Tema/Duracion) y en las siguientes filas se detallarán cada uno de los temas y la duración aproximada en horas de cada uno de los temas. Publica la página y añade un elemento más en la página curso.html y un enlace que haga referencia a ella. Hipervínculos

29 Páginas HTML Creación de páginas Web con SharePoint 29 Modifica la página 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. Hipervínculos


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

Presentaciones similares


Anuncios Google