Página Personal de Antonio Villaescusa

Esta es la página del ejercicio del Tema 5 del Módulo 2 donde se pide que empleemos algunos de los conocimientos adquiridos en los dos primeros módulos del Curso.

Enunciado del Ejercicio:

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  3. Distintos encabezados.
  4. Uso de caracteres especiales
  5. Incluir, imágenes de tipo bitmap y vectorial.
  6. Incluir algún vídeo.
  7. Incluir bordes redondeados en alguna de sus cajas.
  8. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”

Resolución del ejercicio propuesto:

A continuación, pasamos a la realización de cada uno de los puntos enunciados.
El efecto "responsive" que se utiliza en la siguiente sección de la página, no se puede apreciar con el navegador Microsoft Internet Explorer en sus versiones 10, 9, 8 e inferiores, pero si se puede apreciar el nuevo Microsoft Edge que incorpora Windows 10 y tambien en las versiones modernas del resto de navegadores como Chrome, Firefox y Safari.

1. Uso de colores para texto y fondo

Degradado visible en Chrome y Microsoft Edge

Degradado visible en Firefox

2. Inclusión de tipografías externas.

Esto es un texto con la fuente Fira de tipografia externa

The quick brown Firefox jumps over the lazy dog.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()`~{}[]+=:;'"‘’“”

Esto es un texto con la fuente Roboto de tipografia externa

The quick brown Firefox jumps over the lazy dog.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890!@#$%^&*()`~{}[]+=:;'"‘’“”

3. Distintos encabezados.


Encabezado con <h1>

Encabezado con <h2>

Encabezado con <h3>

Encabezado con <h4>

4. Uso de caracteres especiales.

Cuando queremos representar cualquier etiqueta sin que sea interpretada por el motor de renderizacion html, estamos utilizando carácteres espciales como en el caso de la presentación de las etiquetas <body>, <section>, <article>, <aside>, <footer>, <header>, y <nav> o en la inserción de este código:
<section>
     <h1>Forest elephants</h1>
<section>
     <h1>Introduction</h1>
     <p>In this section, we discuss the lesser known forest elephants.
</section>
 <section>
    <h1>Habitat</h1>
    <p>Forest elephants do not live in trees but among them.
 </section>
 <aside>
    <p>advertising block
    </aside>
</section>

5. Incluir, imágenes de tipo bitmap y vectorial.

6. Incluir algún vídeo.

7. Incluir bordes redondeados en alguna de sus cajas.





Pues eso, ya hay varias cajas con bordes redondeados

8. La página debe comenzar con el siguiente encabezamiento: “Página personal de <nombre y apellido del alumno>”.



Ya está incluido en el principio de la página