Sección: Unidad Formativa 1303 ELABORACION DE HOJAS DE ESTILO | 7.1 MF0950_2 Construccion de Paginas Web | Kuma

  • Destacado
    • Los estudiantes deben
      Marcar como hecha

      Objetivos:

      • Crear páginas web y retocar las ya realizadas utilizando lenguajes de marcas, de acuerdo a especificaciones de diseño recibidas.
      • Los estudiantes deben
        Marcar como hecha

        Unidad Aprendizaje 1: Hojas de Estilo

      • Los estudiantes deben
        Marcar como hecha
        Tema 1 Introduccion al CSS
        El CSS (hojas de estilo en cascada) es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML). Así, a los elementos de la página web creados con HTML se les dará la apariencia que se desee utilizando CSS: colores, espacios entre elementos, tipos de letra, ... separando de esta forma la estructura de la presentación. Esta separación entre la estructura y la presentación es muy importante, ya que permite que sólo cambiando los CSS se modifique completamente el aspecto de una página web. Esto posibilita, entre otras cosas, que los usuarios puedan usar hojas de estilo personalizadas (como hojas de estilo de alto contraste o de accesibilidad).
      • page icon
        Introduccion al CSS -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 2 Selectores y Combinadores
        El selector CSS es el nexo de unión entre la hoja de estilos y los documentos a los que se aplique dicha hoja. Ya sean HTML, XLM, SVG... y con independencia del medio en que se muestre.
      • page icon
        Selectores -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 3 Pseudoclases y Pseudoelementos
        Las clases y pseudoclases se utilizan para hacer referencia a ciertos comportamientos de los elementos HTML. Así como los combinadores CSS se utilizan para dar estilos dependiendo de donde estén colocados en la estructura del HTML, las pseudoclases se utilizan para dar estilos a elementos respecto al comportamiento que experimentan en determinado momento.
      • page icon
        Pseudoclases -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 4 Efectos Visualues y Animaciones
        Las animaciones CSS3 permiten animar la transición entre un estilo CSS y otro. Las animaciones constan de dos componentes: un estilo que describe la animación CSS y un conjunto de fotogramas que indican su estado inicial y final, así como posibles puntos intermedios en la misma.
      • page icon
        Efectos Visuales -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha
      • page icon
        Animaciones -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha
        Evaluacion Unidad Aprendizaje 1
      • assign icon
        UF1303 Actividad E1 Tarea
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 5 Tipografia e Iconografia
        A día de hoy estamos más que acostumbrados a ver iconos tanto en tema web como en otros ámbitos gráficos dentro del mundo del diseño. No es de extrañar La iconografía te puede ayudar a diferenciar tu página web además de personalizarla y ayudar a los usuarios a navegar por ella de manera más práctica.
      • page icon
        Tipografia e Iconografia -Enlaces de Interes Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Unidad Aprendizaje 2: Web Responsive

      • Los estudiantes deben
        Marcar como hecha
        Tema 1 Box Model
        El modelo de cajas en CSS se refiere a cómo se modelan los elementos HTML en los motores del navegador y cómo la dimensión de esos elementos HTML se deriva de las propiedades CSS. Es un concepto fundamental para la composición de páginas web HTML.
      • page icon
        Box Model -Enlaces de Interes Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 2 Flexbox
        El Módulo de Caja Flexible, comúnmente llamado flexbox, fue diseñado como un modelo unidimensional de layout, y como un método que pueda ayudar a distribuir el espacio entre los ítems de una interfaz y mejorar las capacidades de alineación
      • page icon
        Flexbox -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • page icon
        CSS Grid -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Evaluacion Unidad Aprendizaje 2
      • assign icon
        UF1303 Actividad E2 (Estructura Web Flex) Tarea
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Unidad Aprendizaje 3: Vistas en Dispositivos

      • Los estudiantes deben
        Marcar como hecha
        Tema 1 MediaQuerys
        Las media queries son un módulo CSS3 que permite adaptar la representación del contenido a características del dispositivo como la resolución de pantalla o la presencia de características de accesibilidad como el braille

      • Los estudiantes deben
        Marcar como hecha
      • url icon
        Media Querys (Video) URL
        Los estudiantes deben
        Marcar como hecha
      • page icon
        Media Querys -Enlaces de Interes- Página
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        Tema 2 Generadores CSS

        Al editar la codificación CSS para nuestras páginas Web no es una tarea nada fácil, pues el tener que recordar todos esos códigos de CSS y CSS3 es complicado. Más teniendo en cuenta que el CSS3 ha introducido muchas nuevas características y que tal vez aún no estemos acostombrados a ellas. Así que a veces es mejor usar los códigos empleados por los generadores en línea para el tema de los estilos CSS.

        Con estas prácticas herramientas ya no es necesario recordar cada una de las propiedades CSS, ya que sólo tendrás que introducir los valores y luego pulsar en el botón correspondiente, y recibirás el código que puedes añadir a tu proyecto Web.


      • url icon
        Generadores CSS Gratis URL
        Los estudiantes deben
        Marcar como hecha
      • url icon
        Generador de Menus URL
        Los estudiantes deben
        Marcar como hecha
      • url icon
        Generador de Animaciones URL
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha
        Evaluacion Unidad Aprendizaje 3
      • assign icon
        UF1303 Actividad E3 Tarea
        Los estudiantes deben
        Marcar como hecha
      • Los estudiantes deben
        Marcar como hecha

        UF1303 EXAMEN FINAL

      • assign icon
        UF1303 Examen Final Practico Tarea
        Los estudiantes deben
        Marcar como hecha