SERVICIO NACIONAL DE APRENDIZAJE
TÉCNICO EN PROGRAMACIÓN DE SOFTWARE
TALLER HTML 5 – CSS 3
NOMBRE COMPLETO:
FICHA:
Nota: No olvide al finalizar la actividad anexar copia de los pantallazos del código HTML 5, CSS 3 y
del resultado obtenido. Esta actividad se deberá realizar de manera individual.
Para la siguiente actividad se trabaja el CASO DE ESTUDIO para el desarrollo de un sistema de
información para la empresa de transporte público intermunicipal “TransMarimba”.
CASO DE ESTUDIO: La empresa TransMarimba, ubicada en la ciudad de Medellín, presta servicio
de transporte intermunicipal dentro del departamento de Antioquia. Se requiere realizar un
aplicativo para la venta y reserva de tiquetes.
Usted ha sido contratado para realizar la página web (FrontEnd), actividad para lo cual deberá
tener en cuenta:
La empresa necesita hacer saber a sus clientes los servicios que ofrece: transporte de pasajeros,
los destinos que maneja y envío de encomiendas.
Para TransMarimba también es importante que los usuarios puedan conocer la empresa, sus
políticas, su misión, su visión, en otras palabras que muestren toda la información de la empresa.
Adicional, que se muestre la información de contacto y se cuente un formulario de contacto
desde donde los usuarios puedan enviar directamente sus PQRSF (Peticiones, Quejas, Reclamos,
Solicitudes, Felicitaciones).
Actividad:
1. De acuerdo a los requisitos solicitados por la empresa “TransMarimba”.
a. Realice en Paint, un editor de imágenes o en una hoja, un bosquejo de la estructura que
debería tener la página web.
b. Utilizando las etiquetas de HTML 5 y CSS 3 y teniendo en cuenta los requisitos de la
empresa, realice una página web, la cual deberá contener como mínimo:
- Un menú con listas No ordenas
- Inserción de una imagen
- Inserción de un vídeo
- Inserción de un mapa
- Un formulario de Contacto
EVIDENCIA DE DESARROLLO DE LA ACTIVIDAD.
Código HTML:
Código CSS:
Resultado:
2. Como actividad de repaso de HTML, CSS y Bootstrap deberá el siguiente curso:
https://www.udemy.com/course/curso-html5-css3/
El curso tiene una duración de 2hrs. 45 min. y es de carácter obligatorio. La evidencia serán los
pantallazos y/o capturas de pantalla de la realización de los ejercicios de cada sesión de video, en
las imágenes se deberá poder apreciar el nombre del usuario que realiza la actividad.
Ejemplo: