Página personal de José Antonio Moreno López

Entrega P2P Módulo 2

Caracteres especiales

Una consideración importante directamente relacionada con el texto de las páginas HTML es la codificación de los caracteres y la inserción de caracteres especiales. Algunos de los caracteres que se utilizan habitualmente en los textos no se pueden incluir directamente en las páginas web:

La solución a la primera limitación consiste en sustituir los caracteres reservados de HTML por unas expresiones llamadas entidades HTML y que representan a cada carácter:
Ejemplo de caracteres especiales:
Entidad Carácter Descripción Traducción
&lt; < less than signo de menor que
&gt; > more than signo de mayor que
&amp; & ampersand ampersand
&quot; " quotation mark comillas
&nbsp; (espacio en blanco) non-breaking space espacio en blanco
&apos; ' apostrophe apóstrofo

Imágenes de tipo bitmap y vectorial

Existen dos técnicas diferentes para crear, almacenar y procesar imágenes digitales: los mapas de bits y los gráficos vectoriales. En Internet, la gran mayoría de los archivos de imagen presentan formatos como JPEG, GIF y PNG, y corresponden a la primera categoría; mientras que otros, en formatos como SVG o PDF, pertenecen a la segunda.

Ejemplo de uso de imagenes:
Imagen PNG Imagen PNG
Imagen SVG Imagen SVG
Imagen GIF Imagen GIF
Imagen JPEG Imagen JPEG

Ejemplo de uso de vídeos

La etiqueta de vídeo es una de las funciones de HTML5 que suscitan más interés. Esta etiqueta se suele presentar como alternativa a Flash para el contenido multimedia, pero tiene más aplicaciones. Aunque recientemente se ha incorporado al resto de etiquetas HTML omnipresentes, sus posibilidades y su compatibilidad con diferentes navegadores han aumentado a una increíble velocidad. Como se puede ver en este tutorial, la ventaja principal de la etiqueta de vídeo es la posibilidad de integración natural con las demás capas de la pila de desarrollo web, como CSS y JavaScript, así como con las otras etiquetas HTML.

Ejemplo:

Resumen de la practica

A continuación se indica en donde se aplican las diferentes instrucciones del ejercicio de acuerdo a la practica solicitada.

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

  1. Uso de colores para texto y fondo, incluyendo al menos colores degradados en alguna de sus cajas.
  2. Se emppelan principalmente en los titulos de la pagina, y el degradado se aprecia en la cabecera.

  3. Inclusión de tipografías externas de Google Fonts, Adobe Edge Web Fonts o un servicio similar on line.
  4. La tipografia de toda la pagina es Roboto de Google Fonts y en el encabezado se puede observar una fuente mas estilizada llamada Lobster tambien de Google Fonts.

  5. Distintos encabezados.
  6. Se emppelan principalmente en los titulos de la pagina, y en la cabecera.

  7. Uso de caracteres especiales
  8. Se muestran algunos caracteres especiales en el primer tema llamado del mismo modo.

  9. Incluir, imágenes de tipo bitmap y vectorial.
  10. Se muestran algunos ejemplos de imagenes en el segundo tema.

  11. Incluir algún vídeo.
  12. Se muestran un ejemplo de video en el tercer tema.

  13. Incluir bordes redondeados en alguna de sus cajas.
  14. Los border redondeados se muestran en los cuatro ejemplos de imagenes y en los titulos de los temas.

  15. La página debe comenzar con el siguiente encabezamiento: "Página personal de [nombre y apellido del alumno]"
  16. Se muestra en el encabezado de la pagina y en el Title de la pagina.