FC-FISC-1-8-2016)

UNIVERSIDAD TECNOLÓGICA DE PANAMÁ

FACULTAD DE INGENIERÍA DE SISTEMAS COMPUTACIONALES
DEPARTAMENTO DE PROGRAMACIÓN
GUÍA DE ACTIVIDAD No. 5
Hojas de estilos CSS

Facilitador(a): Nadia Lee Asignatura: Códigos 0789

Estudiante: _______________________________ Fecha: 25 de mayo de 2023 Grupo: 1TG221

A. TÍTULO DE LA EXPERIENCIA: Hojas de estilos CSS – Estructurar la página con las etiquetas
semánticas

B. TEMAS: Hojas de estilos CSS

C. OBJETIVO: Emplear el lenguaje de diseño CSS, para dar formato de estilo y presentación a las
páginas Web.

D. METODOLOGÍA: Leer el material didáctico, consultar la bibliografía y crear el archivo .css para dar
formato de estilo a la página web (.html).

E. PROCEDIMIENTO O ENUNCIADO DE LA EXPERIENCIA:

1. Cree una página html con la información que muestra la figura. Cada parte de la información
debe estar dentro de una etiqueta semántica.
2. Cree un archivo .css con las propiedades CSS para estructurar la página html como se muestra
en la figura.
3. Incluya los estilos a la página html por medio de un enlace a un archivo CSS externo.
4. Suba a la plataforma Moodle los archivos .html, .css en un archivo comprimido con el
siguiente formato sunombre_suapellido_actividad5.zip

F. RECURSOS:
Material didáctico, plataforma Moodle, editor de código html, css.

G. RESULTADOS (OPCIONAL, DE ACUERDO CON LA ACTIVIDAD):

Archivos html, css.

H. CONSIDERACIONES FINALES:
Opinión del estudiante sobre el logro del objetivo y el desarrollo de la Asignación.

I. BIBLIOGRAFIA:
W3Schools free online web tutorials. (n.d.). W3schools.Com. Retrieved March 16, 2022, from
https://www.w3schools.com/

Román, J. R. (z.d.). ¿Qué es CSS? - CSS en español - Lenguaje CSS. Manz.dev. Geraadpleegd op 26
april 2022, van https://lenguajecss.com/css/introduccion/que-es-css/
 FC-FISC-1-8-2016)
UNIVERSIDAD TECNOLÓGICA DE PANAMÁ
FACULTAD DE INGENIERÍA DE SISTEMAS COMPUTACIONALES
DEPARTAMENTO DE PROGRAMACIÓN
GUÍA DE ACTIVIDAD No. 5
Hojas de estilos CSS

J. RÚBRICAS:

Criterio Valor
Código del archivo html 5
Código del archivo css 10
Visualización de la página web en el navegador 5
Total 20
 FC-FISC-1-8-2016)
UNIVERSIDAD TECNOLÓGICA DE PANAMÁ
FACULTAD DE INGENIERÍA DE SISTEMAS COMPUTACIONALES
DEPARTAMENTO DE PROGRAMACIÓN
GUÍA DE ACTIVIDAD No. 5
Hojas de estilos CSS

Ancho de la página 800px

<ul>
<li><a href="#">Início</a></li> <li><a href="#">Sobre nosotros</a></li> <li><a
href="#">Servicios</a></li> <li><ahref="#">Contacto</a></li>
</ul>

<h1>Título de la página</h1>
<h2>Separado del
<p>Descripción o slogan. </p> contenido
principal</h2>
<section>
Largo de la página 600px

<h3>Ej.: Lista de
las empresas
patrocinadoras</h3>
<ul>
<li>Empresa 1</li>
<li>Empresa 2</li>
<li>Empresa 3</li>
<li>Empresa 4</li>
<li>Empresa 5</li>
<h3>Sección 1</h3> <h3>Sección 1</h3>
</ul>
<p>El elemento <figure> </section>
sección es responsable <img src="./imagem.jpg"
por categorizar nuestro alt="Ex:Logotipo de tu
contenido para que se empresa."/>
adecue a la <figcaption> Figura 1 -
organización y el Nombre del fotógrafo
objetivo esperado. </p> </figcaption>
</figure>

<p>Desarrollado por Alura Latam</p>

<p>Escrito por Tatiani Meneghini</p>