P09.- Tarea #3: Los primeros estilos

Imprimir
Objetivos:
  • Crear "La tercera página Web" utilizando el notepad++ portable
  • Crear una página de estilos .CSS y enlazarla con la página XHTML

Ejercicio #1:

  • Crea un archivo llamado index.html utilizando las etiquetas estudiadas en las tareas #1 y #2 y guárdalo en una carpeta llamada web_ejemplo3.
  • Crea un archivo llamado estilos.css, guárdalo en la misma carpeta.
  • Utiliza el notepad++ para crear los dos archivos anteriores, configurando el lenguaje del editor adecuadamente para HTML y CSS respectivamente antes de guardarlos.

Ejercicio #2: Usando selectores por TIPO

  • Enlaza la página de estilos con la página web utilizando la siguiente sintáxis dentro de <head>:
    tarea3
  • En la página de estilos crea reglas para cambiar el color, el tamaño y el tipo de letra de las etiquetas de encabezados <h1> a <h6>.

Solución al ejercicio #2: página html | código xhtml | archivo css

Ejercicio #3: Usando selectores por ID y selector UNIVERSAL

  • Para centrar una página Web debemos usar varias reglas de estilo:

    tarea32
  • Un selector por ID en la página de estilos aparece precedido del signo almoadilla (#) y en la página web será único y aparece dentro de una etiqueta <div id="nombre_selector"> ... </div>
  • El ejercicio consiste en centra la página del ejercicio.

Solución al ejercicio #3: página html | código xhtml | archivo css

endefensadeinternetEl exponente máximo de esta sociedad es Internet, red de redes por antonomasia y la causante de la planetización de la gente corriente. La creación del World Wide Web, en 1989 se debe a Tim Berners-Lee (2000), investigador del Laboratorio Europeo de Física de Partículas (CERN).

internet1

Durante ya bastantes años diseño y preparo una breve Web para mis alumnos de informática. Si aquí no aparece algo distinto de lo que ya se ha dicho espero que, al menos, consiga expresarlo de forma más clara. - Jesús Plaza.
─ El conocimiento es libre ─