Prácticas de HTML
Aplicaciones Telemáticas, 2023-2024
Grado en Ingeniería Telemática

Escuela de Ingeniería de Fuenlabrada
Universidad Rey Juan Carlos


Formato de la memoria de prácticas

La memoria de estas prácticas debes escribirla en un fichero en formato de texto plano. El fichero estará en tu cuenta del laboratorio. El dia del examen, recogeremos automáticamente tus prácticas.

  1. Es imprescindible que respetes al pie de la letra los nombres de los ficheros especificados en el guión. Una letra mal puesta equivale a una práctica no presentada (o un examen no presentado). Si bien dispondrás de un script que verificará que has usado los nombres correctos

  2. Redacta la memoria describiendo escuetamente todo lo que haces. Esta memoria te será muy útil para preparar el examen práctico (recuerda que podrás llevarla al examen).

    No merece la pena que te preocupes de tener una redacción muy cuidada: copia y pega órdenes y resultados, describe telegráficamente lo que haces. Vete preparando la memoria a la vez que trabajas, no lo dejes para el final.

    1. Cuando un paso del guión te pida una orden de shell o similar, es recomendable que primero ejecutes la orden y luego copies y pegues en la memoria. Si resulta algún texto, pégalo también.

    2. Cuando el guión pida que escribas o edites un fichero, basta con que lo modifiques en su sitio. No es necesario que copies y pegues en la memoria.

Práctica 1.0. Preparación de los directorios

  1. Crea el directorio ~/at. Aquí guardarás la mayoría de tu trabajo de prácticas en la asignatura

  2. Ponle permisos rwx------

    Debes mantenerlo así todo el curso. Recuerda que debes ser autor del 100% de tus prácticas y no permitir que ningún compañero tuyo tenga acceso a ningún fragmento. Ya deberías saber cambiar los permisos. Si no recuerdas cómo se hace, repasa las transparencias shell I que encontrarás en los anexos de la página de la asignatura.

    https://gsyc.urjc.es/~mortuno/index_at.html#transparencias-de-teor%C3%ADa

  3. Crea el directorio

    ~/at/docs

    Durante todo el curso, guarda ahí los documentos que quieras tener disponibles durante los exámenes.

  4. Crea el directorio

    ~/at/practica01

  5. Crea el fichero

    ~/at/practica01.md

    Donde escribirás esta memoria de prácticas en formato markdown

    https://gsyc.urjc.es/ mortuno/at/markdown.pdf

    https://www.markdownguide.org/basic-syntax

    https://guides.github.com/features/mastering-markdown

    Observa que el nombre de este fichero no es

    ~/at/practica01/practica01.md # ¡Este no es el nombre correcto!

    Escribe dentro tu nombre, apellidos y login (del laboratorio Linux).

  6. Crea el directorio

    ~/at/images

    En él podrás guardar imágenes para tus memorias de prácticas. Tal vez no lo uses, bien porque tu memoria no tenga imágenes, bien porque las dejes online en algún servidor. Pero crea el directorio igualmente. Observa que nos referimos ahora a las imágenes de las memorias de prácticas. Durante el curso escribirás también diversos ficheros HTML, que tendrán su propio directorio de imágenes.

  7. Seguiremos este convenio en todas las prácticas, un directorio para cada práctica y un fichero de texto plano para cada práctica, fichero que cuelga de ~/at

Práctica 1.1. Markdown

Escribe un fichero en formato markdown con el nombre ~/at/markdown.md. Prueba los elementos básicos de markdown que hemos visto en clase. Genera una versión en HTML con pandoc y css. Usa pandoc para limpiar el markdown. El resultado de esta práctica es el fichero .md, no es necesario ninguna memoria adicional.

Práctica 1.2. W3C Validator

Analiza con el W3C Markup Validation Service el código de 3 sitios web. Han de pertenecer a organismos o empresas de cierta relevancia.

En el fichero ~/at/practica01.md escribe un pequeño informe con los resultados, explicando en qué consisten y cómo se arreglarían. No es necesario que los describas todos, es suficiente con 10 errores (entre las tres páginas).

Práctica 1.3. Elementos HTML

Práctica 1.4. Formularios

En este ejercicio practicarás el uso de formularios HTML.

Prepara dos ficheros HTML llamados ~/at/practica01/alta.html y ~/at/practica01/operacion.html