TERCER DIA: Las hojas de estilos nos permiten modificar el formato por defecto de las etiquetas HTML

Estilos CSS

  • Con Sharepoint Designer nos resultara mas sencillo gestionar los estilos de un sitio Web para mejorar su apariencia.
  • Para ello necesitamos desde el panel de tareas activar Administrar estilos CSS. Esto nos permitirá añadir un nuevo estilo para las etiquetas HTML (h1,p, ul, li, a. body). Pero debemos tener en cuenta que los estilos se quedaran asociados a la pagina HTML que estemos editando.

     

    Si deseamos crear estilos para todas las paginas HTML del sitio Web necesitamos crear un archivo CSS. Al crear el archivo los nuevos estilos que creemos se añadirán a este archivo. Por ultimo solo faltaría adjuntar la hoja de estilos a todas la paginas.
  • A partir de ahora podemos añadir estilos a todas las paginas o solamente a la una pagina en concreta. Depende que pagina tengamos seleccionada cuando gestionamos los estilos se añaden a esta.
  • Lo único que faltaría es modificar solamente las etiquetas H1 de una zona de la pagina no todas. Para ello necesitamos crear primero una zona con una capa en HTML etiqueta DIV y luego decimos que modificamos solo la H1 de ese DIV creado.

Práctica 3  - Un documento CSS

PASO 1: Crea Tu primer documento CSS con sharepoint designer.

 Nombre del documento estilos.css.

PASO 2: Añade nuevos estilos a las etiquetas HTML

PASO 3: Adjunta la hoja de estilos a todas las paginas como vinculo

PASO 4: Crea un div cabecera y modifica solo el estilo del H1 de ese DIV
 

Menú

Enlaces