Descargar la presentación
La descarga está en progreso. Por favor, espere
Publicada porAlicia Benítez Mora Modificado hace 9 años
1
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
2
Páginas HTML Creación de páginas Web con SharePoint 2 Conectarse al servidor a traves del ‘sistema de archivos’ –Abrir el ‘explorador’ –Pulsar sobre ‘Herramientas->Conectar a unidad de red’ –Poner en ‘Carpeta’: \\disco.uv.es\nombre_usuario \\disco.uv.es\nombre_usuario –Pulsar sobre ‘Finalizar’ Recuperemos el ‘site’ para poder empezar a trabajar –Abrir SharePoint Designer –Cerrar la página que queda por defecto –Crear un nuevo ‘sitio web’ –Pulsa sobre ‘Publicar sitio’ y conectarse al servidor utilizando el método ‘Sistema de archivos’ Recuperar el ‘site’
3
Páginas HTML Creación de páginas Web con SharePoint 3 –Abrir SharePoint Designer –Cerrar la página que queda por defecto Recuperar el ‘site’
4
Páginas HTML Creación de páginas Web con SharePoint 4 –Crear un nuevo ‘sitio web’ Recuperar el ‘site’
5
Páginas HTML Creación de páginas Web con SharePoint 5 –Pulsa sobre ‘Publicar sitio’ y conectarse al servidor utilizando el método ‘Sistema de archivos’ Recuperar el ‘site’
6
Páginas HTML Creación de páginas Web con SharePoint 6 –Seleccionar todos los ficheros y directorios y pulsar sobre la flecha azul Recuperar el ‘site’
7
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. Estilos. Formularios. Inserción de contenidos multimedia. Creación de páginas Web con SharePoint 7
8
Páginas HTML Creación de páginas Web con SharePoint 8 Estilos en las páginas html: –Estilos embebidos. … –Hojas de estilos (css: cascade style sheets) –Estilos ‘in-line’ Propiedad ' style ' en las etiquetas Estilos
9
Estilos ‘in-line’: Propiedad ' style ' en las etiquetas Páginas HTML Creación de páginas Web con SharePoint 9 Estilos
10
Creación de páginas Web con SharePoint 10 Páginas HTML Estilos Estilos ‘in-line’: Propiedad ' style ' en las etiquetas
11
Páginas HTML Creación de páginas Web con SharePoint 11 Estilos embebidos y hojas de estilos Nombre/Vinculador (suele empezar con '.') { opcion: valor;... } Opciones/Valores: –font-size: tamaño (puntos/valores) –font-family: fuente –font-style: italic/normal... –font-weight: normal/bold... –... Estilos
12
Creación de páginas Web con SharePoint 12 Páginas HTML Estilos embebidos Estilos
13
Creación de páginas Web con SharePoint 13 Páginas HTML Hojas de estilos Estilos
14
Páginas HTML Creación de páginas Web con SharePoint 14 Estilos
15
Páginas HTML Creación de páginas Web con SharePoint 15 Estilos
16
Páginas HTML Creación de páginas Web con SharePoint 16 Estilos
17
Páginas HTML Creación de páginas Web con SharePoint 17 Estilos: Adjuntar hoja de estilos a un página web Estilos
18
Páginas HTML Creación de páginas Web con SharePoint 18 Estilos: Modificar estilos existentes Estilos
19
Páginas HTML Creación de páginas Web con SharePoint 19 Estilos Estilos: Modificar estilos existentes
20
Páginas HTML Creación de páginas Web con SharePoint 20 Estilos Estilos: Modificar estilos existentes
21
Abre la página ‘index.html’ y elimina de ella todos los estilos ‘inline’ (estilos de la página actual). Páginas HTML Creación de páginas Web con SharePoint 21 Estilos
22
Abre la página ‘index.html’ y elimina de ella todos los estilos ‘inline’ (estilos de la página actual). Páginas HTML Creación de páginas Web con SharePoint 22 Estilos
23
Crear una página de estilos separada donde definiremos propiedades para las etiquetas existentes: –h1: Color rojo, tipo cursiva –h2: Color púrpura –a: Color blanco –p: justificado –dd: italica Guarda la hoja de estilos como ‘estilos.css’ y añádela a la página ‘index.html’. Publica la página de estilos y la página ‘index.html’ y observa las modificaciones. Páginas HTML Creación de páginas Web con SharePoint 23 Estilos
24
Crear nuevos estilos sobre la página ‘estilos.css’ Páginas HTML Creación de páginas Web con SharePoint 24 Estilos
25
Crear nuevos estilos sobre la página ‘estilos.css’ –.elementoNegrita Páginas HTML Creación de páginas Web con SharePoint 25 Estilos
26
Crear nuevos estilos sobre la página ‘estilos.css’ –.elementoCampo Páginas HTML Creación de páginas Web con SharePoint 26 Estilos
27
Crear nuevos estilos sobre la página ‘estilos.css’ –p Páginas HTML Creación de páginas Web con SharePoint 27 Estilos
28
Aplica la hoja de estilos a la página ‘profesores.html’. Aplica los nuevos estilos a diferentes partes de la página ‘profesores.html’. Apellidos: Ferrís Castell Nombre: Ricardo ….elementoNegrita:.elementoCampo Publica la página y observa lo publicado. Observa también los cambios en ‘index.html’ * Recuerda guardar las páginas antes de publicarlas y publicar también la hoja de estilos ( estilos.css ) Páginas HTML Creación de páginas Web con SharePoint 28 Estilos
29
Crea siete nuevas páginas, cada una para la explicación de un tema. Básate en la hoja ‘ http://www.uv.es/rferris/Temas.txt ’ Aplícales a todas la hoja de estilos creada. Pon los hipervínculos adecuados en la página ‘index.html’ Publica todas las páginas y observa lo publicado. Páginas HTML Creación de páginas Web con SharePoint 29 Estilos
30
Modifica la hoja de estilos: –Cambia el color del estilo ‘h1’ a rojo oscuro –Cambia el tamaño de letra del estilo ‘p’ a 9 puntos –Añade un nuevo estilo para la etiqueta ‘a’: Ponle color azul, tipo de letra Arial y tamaño 9 puntos. Publica la nueva hoja de estilos y observa lo publicado. Páginas HTML Creación de páginas Web con SharePoint 30 Estilos
Presentaciones similares
© 2024 SlidePlayer.es Inc.
All rights reserved.