Pagina personal de FerranCC

El ejercicio consiste en 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
  • Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  • Distintos encabezados.
  • Uso de caracteres especiales
  • Incluir, imágenes de tipo bitmap y vectorial.
  • Incluir algún vídeo.
  • Incluir bordes redondeados en alguna de sus cajas.
  • La página debe comenzar con el siguiente encabezamiento: "Página personal de <nombre y apellido del alumno >"

Subir dicha aplicación a la cuenta de Neocities.org o de su elección.

Registrarse

Incluir algún vídeo.

Video en el servidor.

Video enlazando a Youtube. (fluido y responsivo)

Imagenes SVG

Aqui iria una imagen de un tomate en formato SVG

Uso de caracteres especiales

Hay caracteres que tienen un significado especial para los navegadores y que si se incluyen en el texto no se visualizan correctamente. Entonces, en lugar del caracter que ha de valer para el texto, ha de sustituirse por un valor entendible para el navegador.
Este valor empieza con el ampersand, (signo &), seguido de una constante o un numero, y terminando con un punto y coma, (signo ;)

Entre ellos cabe destacar algunos, por ejemplo:

Caracter Descripcion Nombre Numero
Espacio en blanco. &nbsp; &#160;
< Menor que. &lt; &#60;
> Mayor que. &gt; &#62;
& Ampersand. &amp; &#38;
" Comillas. &quot; &#34;
© Derechos autor. &copy; &#169;
® Marca registrada. &reg; &#174;
™ Marca comercial. &trade; &#8782;
Texto como svg

En un LENOVO Ideapad 310 con Windows 10 Home 64-bit v.1607, en los siguientes navegadores.

Navegador Firefox 51.0.1.
Google Chrome Versión 56.0.2924.87
Navegador Opera 43.0.2442.806(PGO)
Navegador Internet Explorer version 11.576.14393.0.

Comprobaciones en dispositivos moviles.

Resultado de las comprobaciones   ... Ver PDF en ventana nueva ...