Guión Didáctico : Curso de CSS (Inserción de hoja de estilos en una WEB)

 

Destinatarios:

Alumnos que estén estudiando Desarrollo de páginas web.

 

Docente:

Licenciado, Diplomado o técnico superior en la familia de informática y comunicaciones.

 

Objetivos:

Describir las características de las hojas de estilo.

Crear ficheros de estilo de acuerdo a un diseño especificado.

Describir las etiquetas y los atributos que se utilizan para definir estilos

 

Contenido:

Funciones y características.

Tipos de estilo: incrustados, enlazados, importados, en línea.

Enlazar una hoja de estilo externa a un documento HTML.

Selectores y reglas de estilo.

Atributos de estilo

Creación de ficheros de estilo.

 

Actividades:

Instalación del software necesario  (editor de texto)

A partir de una página web que se proporciona, emplear el atributo style para crear una página web que tenga el mismo aspecto que en el ejemplo facilitado:

A partir de la página web que se proporciona, debes añadir los selectores a las reglas CSS para aplicar los estilos deseados y crear una página web que tenga el mismo aspecto que la imagen que se proporciona.

Crea una página web con un menú etiquetado con una lista que tenga el mismo aspecto que la siguiente imagen facilitada:

Crea una página web con un formulario que tenga el mismo aspecto que la imagen facilitada.

 

Materiales a usar:

Ordenador Personal, Editor de Texto (Sublime, UltraEdit, Visual Studio Code, etc.), Proyector, Pizarra, Acceso a Internet.

Fuentes de consulta:

TEORÍA: https://www.w3schools.com/css/,

VÍDEOS AVANZADOS: https://www.youtube.com/watch?v=4nkchdenw-U&list=PLU8oAlHdN5BmpUDdnWSglIIHfIosElaVN

 

Evaluación

Test de autoevaluación después de cada tema.

Actividad  práctica en la que debe implementar una hoja de estilos en una web con las características indicadas por el profesor.