Prácticas de HTML
Desarrollo de Aplicaciones Telemáticas, 2021-2022
Grado en Ingeniería en Tecnologías de la Telecomunicación
Grado en Ingeniería en Sistemas de Telecomunicación
Escuela Técnica Superior de Ingeniería de Telecomunicación
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 ~/dat. 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.

  3. Crea el directorio

    ~/dat/practica01

  4. Crea el fichero

    ~/dat/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

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

    Escribe dentro tu nombre, apellidos y login.

  5. Crea el directorio

    ~/dat/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.

  6. 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 ~/dat

Práctica 1.1. 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 ~/dat/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.2. Elementos HTML

Práctica 1.3. FreeFileSync

Para esta práctica necesitas tu propio ordenador, posiblemente tendrás que hacerla en casa (a menos que hayas llevado el portátil a clase).

Sobre esta práctica no es necesario que escribas memoria. Pero es una práctica imprescindible. No hacerla correctamente podría suponer un suspenso en la asignatura: si se perdieran tus prácticas del laboratorio (algo difícil pero no imposible), podrás entregar la copia que realizas con este método. Si no tuvieras una copia al día, tendrías que repetirlo todo. Si no te diera tiempo, suspenderías.

Práctica 1.4. Formularios

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

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