Página personal de DAVID BOSCH (Degradado en un título)

El tipo de letra utilizado es el de Google Fonts llamado "Open Sans Condensed".

Enunciado

Crear una página web personal simulada, que incluya al menos:

  • Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas (ver el título del header).
  • Distintos encabezados (h1,h2,h3...).
  • Incluir bordes redondeados en alguna de sus cajas (ver codigo fuente al final de la página).
  • La página debe comenzar con el siguiente encabezamiento: “Página personal de ...”
  • Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  • Uso de caracteres especiales (ver ejemplo de codigo fuente)
  • Incluir imágenes de tipo bitmap y vectorial.
  • Incluir algún vídeo.
  • Subir dicha aplicación a la cuenta de Neocities.org o de su elección.

Imágenes

Imagen vectorial

shaum

Imagen bitmap

Se observa el pixelado segun la width de la pantalla (provar de redimensionar la pantalla). shaum

Videos

Video de youtube

El algoritmo de perfilado de HTML5

Definiendo secciones en HTML5

Todo el contenido incluido dentro del elemento <body> es parte de una sección. Las secciones en HTML5 pueden ser anidadas. Además de la sección principal, definida por el elemento <body>, los límites de la sección son definidos explícita o implícitamente. La secciones definidas explícitamente son el contenido definido en las etiquetas <body>, <section>, <article>, <aside>, <footer>, <header>, y <nav>. Nota: Cada sección puede tener su propia jerarquía de cabeceras. Por lo tanto, incluso una sección anidada puede tener un elemento <h1>. Consulte también Definiendo cabeceras en HTML5.

Ejemplo: (con bordes redondeados!)


<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>
<footer>
     <p>(c) 2010 The Example company
</footer>