Enunciado de la práctica
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
Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas
Toda esta página esta diseñada con un fondo de color y el uso de distintos colores para los títulos y las partes relevantes . Asimismo en el enunciado se ha utilizado un degradado de izquierda a derecha.
Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line
Las fuentes se incluyen al principio del código, dentro del archivo html . Asimismo en el enunciado se ha utilizado un degradado de izquierda a derecha.
Adicionalmente aqui se incluye un ejemplo con otro tipo de fuente de google
Distintos encabezados
En el documento se han utilizado distintos encabezados y estilo, como son <h1>, <h2> y <h3>.
Como muestra aqui un ejemplo del encabezado 4 (<h4>) con sombreado
Uso caracteres especiales
Aparte de los usados en el documento, se incluye listado con ejemplos de los mismos.
Tabla de caracteres especiales HTML
| Resultado | Descripción | Nombre | Número |
|---|---|---|---|
| Espacio en blanco | |   | |
| < | Menor que | < | < |
| > | Mayor que | > | > |
| & | Ampersand | & | & |
| " | Comillas | " | " |
| ¡ | Apertura signo de exclamación | ¡ | ¡ |
| ¿ | Apertura signo de interrogación | ¿ | ¿ |
| ® | Marca registrada | ® | ® |
| © | Derecho de autor | © | © |
| € | Euro | € | € |
| á | a minúscula con acento | á | á |
| é | e minúscula con acento | é | é |
| í | i minúscula con acento | í | í |
| ó | o minúscula con acento | ó | ó |
| ú | u minúscula con acento | ú | ú |
| ñ | ñ minúscula | ñ | ñ |
| ü | u minúscula con diéresis | ü | ü |
| Á | A mayúscula con acento | Á | Á |
| É | E mayúscula con acento | É | É |
| Í | I mayúscula con acento | Í | Í |
| Ó | O mayúscula con acento | Ó | Ó |
| Ú | U mayúscula con acento | Ú | Ú |
| Ñ | Ñ mayúscula | Ñ | Ñ |
| Ü | U mayúscula con diéresis | Ü | Ü |
Incluir, imágenes de tipo bitmap y vectorial.
A continuación se incluyen un ejemplo de imagen responsive en distintos tamaós .
Imágenes Responsive utilizando la etiqueta <picture>
Ejemplo de una imagen vectorial
Incluir algún vídeo.
Se incluye ejemplo de video enlazado desde youtube.
Incluir bordes redondeados en alguna de sus cajas.
Como se puede apreciar, la caja del enunciado esta realizada con bordes redondeados.