Scribd
Cargar
46 vistas

Lab 13 - CSS 2

Este documento presenta dos ejercicios sobre el uso de hojas de estilo en cascada (CSS) para dar formato a páginas web. El primer ejercicio pide aplicar reglas CSS a una página dada para reproducir su apariencia. El segundo ejercicio proporciona código HTML y solicita agregar reglas CSS para dar formato a encabezados, listas y otros elementos siguiendo una imagen guía. Al final se pide incluir observaciones y conclusiones sobre los ejercicios.

Cargado por

Victor C Solis
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
46 vistas

Lab 13 - CSS 2

Este documento presenta dos ejercicios sobre el uso de hojas de estilo en cascada (CSS) para dar formato a páginas web. El primer ejercicio pide aplicar reglas CSS a una página dada para reproducir su apariencia. El segundo ejercicio proporciona código HTML y solicita agregar reglas CSS para dar formato a encabezados, listas y otros elementos siguiendo una imagen guía. Al final se pide incluir observaciones y conclusiones sobre los ejercicios.

Cargado por

Victor C Solis
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/ 7

DESARROLLO DE APLICACIONES EN

INTERNET

LABORATORIO N° 13

CSS – Parte 2

DISEÑO DE SOFTWARE E INTEGRACIÓN DE SISTEMAS


PROGRAMA DE FORMACIÓN REGULAR
Desarrollo de Aplicaciones en Internet – Lab. 01 Nro. DD-106
HTML 5 Página 2 de 7

CODIGO DEL CURSO:

Alumno(s) Nota

Grupo
Ciclo IV
Fecha de entrega
I.- OBJETIVOS:
 Conocer los aspectos básicos para diseñar una página con HTML.
 Usar herramientas incorporadas a las tecnologías HTML5.
 Entender la estructura de una página HTML, el lenguaje de etiquetas.

II.- SEGURIDAD:
Advertencia:
En este laboratorio está prohibida la manipulación del
hardware, conexiones eléctricas o de red; así como la
ingestión de alimentos o bebidas.

III.- FUNDAMENTO TEÓRICO:


Revise sus diapositivas del tema antes del desarrollo del laboratorio.

IV.- NORMAS EMPLEADAS:


No aplica

V.- RECURSOS:
 En este laboratorio cada alumno trabará con un equipo con Windows 8.

VI.- METODOLOGÍA PARA EL DESARROLLO DE LA TAREA:


 El desarrollo del laboratorio es individual.

VII.- PROCEDIMIENTO:

ESTRUCTURA DE UN ESTILO CSS

Una hoja de estilo define un conjunto de reglas.


Cada regla de estilo consta de:
 Selector: elemento al que se aplica el estilo, pueden ser varios, separados por (,)
 Lista de declaraciones, cada declaración es un par propiedad:valor; separadas por ;
Ejemplos:

Comentarios:

Ejercicio 1
A partir de la pá gina web que se te proporciona, debes adicionar las reglas CSS que se le brindan para
lograr una pá gina web que tenga el mismo aspecto que la siguiente imagen:
ARCHIVO : Ejercicio 1.html

Archivo css :
Ejercicio 2
A partir del có digo HTML proporcionado, añ adir las reglas CSS necesarias para que la pá gina
resultante tenga el mismo aspecto que el de la siguiente imagen:

Los bordes que debes definir son:

Encabezado nivel 1: borde completo con una anchura de 2px, só lido y de color azul (#00F).
Encabezado nivel 2: borde completo con una anchura de 2px, só lido y de color gris (#AAA).
Listas: borde completo con una anchura de 2px, solido y de color verde (#0F0).
En la siguiente imagen se indican las dimensiones que deben tener ciertas partes de la pá gina:
Donde:

 A: relleno izquierdo y derecho de 10px.


 B: relleno de 10 px.
 C: margen superior e inferior de 30px.
 D: relleno de 5 px.
 E: margen superior e inferior de 15px.
 F: margen entre los elementos de la lista de 15 px.

Puedes modificar el có digo HTML proporcionado para añ adir los identificadores y clases que necesites.

ARCHIVO : Ejercicio2.html

OBSERVACIONES:

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

CONCLUSIONES:
__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________
__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

También podría gustarte