Scribd
Cargar
100 vistas

Entregable HTML

Este documento proporciona 16 ejercicios para practicar el desarrollo de páginas web en HTML. Los ejercicios cubren temas como la creación de formatos básicos de texto, tablas, listas, hipervínculos y formularios. El objetivo final es que el estudiante desarrolle una página web completa con múltiples páginas siguiendo los requisitos provistos.

Cargado por

go to slip
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
100 vistas

Entregable HTML

Este documento proporciona 16 ejercicios para practicar el desarrollo de páginas web en HTML. Los ejercicios cubren temas como la creación de formatos básicos de texto, tablas, listas, hipervínculos y formularios. El objetivo final es que el estudiante desarrolle una página web completa con múltiples páginas siguiendo los requisitos provistos.

Cargado por

go to slip
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 9

ENTREGABLE TEMA 1

HTML
Página 1 de 9

1. Con datos personales inventados, utiliza las etiquetas vistas en clase (h1, h2, h3,
p, br, address) para darle el formato que quieras.

Lo único que debe ser real en este ejercicio es el nombre y apellidos de la persona
que lo está escribiendo, que debe ir en el apartado correspondiente y en el address.

2. Realizar una lista de 5 Comunidades Autónomas y sus provincias (siendo las


provincias sublistas).

3. Hacer un listado de televisiones de la siguiente forma, diferenciando entre


canales nacionales y extranjeros, para que cuando se pinche en el nombre del
canal se vaya a a la página oficial del mismo.

1. Televisiones nacionales

 Canal 1
 Canal 2
 Canal 3 ...

2. Televisiones extranjeras

 Canal extranjero 1
 Canal extranjero 2
 Canal extranjero 3 ...
2. Realizar una tabla que quede como en la imagen que tienes en el lateral.
3. Recuerda poner tu nombre en el archivo con la etiqueta <address>
ENTREGABLE TEMA 1
HTML
Página 2 de 9

4. Realizar una tabla como la que aparece en el ejercicio, separando la cabecera


del cuerpo y de la parte inferior de la tabla.
Recuerda poner tu nombre en el archivo con la etiqueta <address>

5. Realizar una tabla como la que aparece en el ejercicio, separando la cabecera


del cuerpo y de la parte inferior de la tabla. Ten en cuenta los link’s de cada uno
de los modelos.
Recuerda poner tu nombre en el archivo con la etiqueta <address>
ENTREGABLE TEMA 1
HTML
Página 3 de 9

6. A partir de los datos de tres países (que puedes obtener


desde www.wikipedia.org) elegidos por tí, utiliza las etiquetas de formato básico
(p, b, u, i, h1, h2, etc.) para colocar y distribuir la información del mismo.
Deberías coger y mostrar datos como por ejemplo el nombre del país, el
nombre del país en el idioma nativo, los idiomas oficiales, extensión, población
total (y año en que se estimó el censo), tasas de natalidad y mortalidad,
esperanza de vida, etc.

Debes además agregar al menos una imagen en cada país, con la bandera.

7. Modifica el ejercicio anterior para que cada país tenga no solamente la imagen
de la bandera, sino varias imágenes que sean descriptivas (pueden ser tanto
externas como internas), así como enlazar las imágenes y algún texto a páginas
externas/internas que creas conveniente.

El objetivo de este ejercicio es trabajar de forma intensiva con hiperenlaces,


tanto internos con externos. Para almacenar los archivos internos y crear los
enlaces internos es necesario y obligatorio crear una estructura de carpetas.
ENTREGABLE TEMA 1
HTML
Página 4 de 9

8. A partir de una página de tu cantante favorito crear tu propia página web,


desde la información de un par de lp’s que selecciones, con los siguientes
requisitos:

 En la parte superior aparecerá un índice, donde se enlazan hacia al menos


dos secciones que hay más abajo en la misma página que estás realizando:
disco y conciertos.

 En la sección de discos elige tres o cuatro discos, de los que deberás mostrar
la imagen del álbum y un texto resumen (así como alguna imagen del
mismo en algún concierto, si quieres). También debe ocurrir que cuando se
pinche la imagen o el título del disco se abra en una pestaña del navegador
diferente y se cargue la página de donde hayas sacado los datos.

 En la sección de conciertos debes hacer lo mismo, cargando una o varias


imágenes del concierto y un resumen. Cuando se pinche en las imágenes
deberá irse a la página de donde sacaste la información.

9. Realiza un diseño que saque el siguiente estilo.


ENTREGABLE TEMA 1
HTML
Página 5 de 9

10. Intenta hacer una web con el siguiente aspecto

 El tipo de letra utilizado en todo el documento es Verdana.

 El tamaño de la imagen es 400x200 píxeles.

 El borde de la tabla es de 1px.

 El espacio entre el contenido de las celdas de la tabla y su borde es 10px.

 El enlace al sitio web oficial de Queen debe abrirse en una pestaña


nueva.

 Al hacer clic en dos de las caras de dos de los componentes se abre su


biografía. (ajusta la cara con una zona circular).
ENTREGABLE TEMA 1
HTML
Página 6 de 9

11. Crear un formulario que permita recoger y enviar (a un correo) la siguiente


documentación:
 Usuario
 Password
 Nombre y apellidos (por separado, en dos cajas de texto independientes)
 Si es o no socio.
 Su género.
 En un fieldset deberán aparecer las temáticas favoritas todas juntas, donde
haremos un listado de temas (de los que puede escoger uno o varios), con
los géneros típicos de las películas: Acción, Aventuras, Terror, Suspense, etc.
 Botones Enviar y Restablecer.

12. Realiza este formulario

 En la empresa existen 3 departamentos: Informática, Marketing y Ventas.

 En la descripción de la incidencia se pueden escribir varias líneas de


texto. No obstante, este control hay que definirlo de 3 filas por 40
columnas.
ENTREGABLE TEMA 1
HTML
Página 7 de 9

 En la segunda agrupación del formulario hay dos botones, uno para


resetear los datos introducidos y otro para envíalos.

 Realizar un SELECT con una altura de 10 filas, donde se puedan


seleccionar múltiples elementos, con diversas categorías de ropa (que
deben agruparse por algún criterio que tú elijas).
 Debe haber al menos tres agrupaciones.

13. Realizar un SELECT con una altura de 10 filas, donde se puedan seleccionar
múltiples elementos, con diversas categorías de ropa (que deben agruparse por
algún criterio que tú elijas). Debe haber al menos tres agrupaciones.

14. Resolver este formulario en HTML (recuerda los name).

15. Se va a realizar una página web, de temática libre, con los siguientes requisitos:

 Mínimo de 10 páginas html, incluida el index.html


 En todas las páginas se pondrá un address con el nombre del creador
ENTREGABLE TEMA 1
HTML
Página 8 de 9

 Debe realizarse una estructura de carpetas, separando imágenes y


multimedia del resto de archivos
 Las imágenes puede que necesites redimensionarlas. El tamaño y el tiempo
de carga importan, y se evaluará que sea lo más comedido posible.
 Se puede hacer subcarpetas para la ordenación de las páginas, si es
necesario (ojo, que esto es muy raro que sea necesario para proyectos
pequeños como este).
 Deben incluirse enlaces internos y externos, imágenes locales y externas
 Debe incluirse en todas las páginas una lista con sublistas, que nos enlace a
todas las páginas (la estructura y fluidez de navegación se valora)
 Cada página debe estructurar los contenidos con las etiquetas de títulos y
párrafos, vistas en clase
 Se subirá un único archivo comprimido con toda la información necesaria

Notas

 Realización individual
 Tiempo de desarrollo en clase: 2 horas
 Peso máximo del archivo comprimido que se envía: 100MB

16. Resolver este formulario en HTML (recuerda los name).


ENTREGABLE TEMA 1
HTML
Página 9 de 9

También podría gustarte