Inicio » Catálogo » Curso de CSS Completo y Adaptable

Curso de CSS Completo y Adaptable


Valoracion 10,0 10 - 1 (votos)

Ver valoraciones

  180 € 350 € Ver ficha del tutor
  Sin Tutor Con Tutor
Acceso secuencial a las unidades del curso. V V
Descarga de contenidos en PDF. V V
Acceso a recursos didácticos y multimedia. V V
Ilimitadas consultas al tutor. - V
Videoconferencias con el tutor desde el entorno de comunicaciones - V
Ejercicios prácticos corregidos y evaluados por el tutor. - V
Certificado de realización PDF firmado digitalmente V -
Certificado de aprovechamiento PDF e impreso. - V

Unidades:

  1. Hojas de estilo en la construcción de páginas Web: Utilidad y características
  2. Hojas de estilo en la construcción de páginas Web: Accesibilidad y tipos de estilos de una página Web
  3. Hojas de estilo en la construcción de páginas Web: Selectores y reglas
  4. Hojas de estilo en la construcción de páginas Web: Atributos de fuente, color y fondo
  5. Hojas de estilo en la construcción de páginas Web: Atributos de texto y bloques
  6. Hojas de estilo en la construcción de páginas Web: Creación de ficheros
  7. Diseño, ubicación y optimización de los contenidos de una página Web: Creación de contenidos y Fases
  8. Diseño, ubicación y optimización de los contenidos de una página Web: Diseño de contenidos y Tipos de páginas
  9. Diseño, ubicación y optimización de los contenidos de una página Web: Contenidos adaptables y navegación
Duración: 70 horas
  • Información
  • Otros datos
  • Cursos relacionados
Familia: Entornos de Programación

Cascading Style Sheets (CSS), en español Hojas de Estilo en Cascada, es un lenguaje para especificar cómo deben presentarse los documentos Web escritos en lenguaje HTML a los usuarios, en un navegador.

Partiremos de conocer y saber crear documentos HTML, que definirán los contenidos y la estructura de la información. En paralelo, el navegador Web leerá el código HTML aplicándole las reglas de estilo CSS para que los usuarios entiendan el contenido con el mejor formato, utilizando pantallas de ordenador, proyectores, o dispositivos móviles, tabletas u otros dispositivos.

La evolución de CSS ha sido grande en los últimos años. El consorcio W3C ya aprobado el estándar 3, que da un salto muy grande. Además de posicionar contenido, diseñar tablas, posibilitar contenidos en diferentes idiomas, separar el contenido de la presentación, y crear estilos para múltiples páginas a la vez, se añaden muchos nuevos efectos y, sobre todo, el diseño adaptable y la mejora en la accesibilidad.

Con el presente curso, ofrecemos la posibilidad de actualizar los conocimientos necesarios para la crear páginas y portales Web:

  • Conociendo en detalle, de forma completa CSS3.
  • Aprendiendo las propiedades flex box para crear diseños más fáciles.
  • Utilizando media queries para producir páginas adaptables a diferentes tamaños de dispositivos.

Toda organización debe tener al día su portal Web e innovar mediante productos y servicios vía Web. Así que es necesario conocer y aplicar los contenidos que se ofrecen en este curso. Las empresas de desarrollo de software y las agencias de comunicación valorarán muy bien sus contenidos.

¿Como empezar?

Ver videoSi quieres hacer uno de nuestros cursos basta con que solicites la inscripción, para ello debes rellenar el formulario de inscripción e indicar una dirección de e-mail en la que recibirás tus datos de acceso, nombre de usuario y contraseña, el envío de los datos es inmediato. (Debes prestar atención a la carpeta de spam ya que algunos filtros antispam podrían filtrar este correo).

Con tu nombre de usuario y contraseña ya podrás entrar en el curso. Te damos acceso gratuito a la primera lección para que puedas evaluar el curso. Inicialmente sólo puedes ver la unidad de metodología. Para acceder a las siguientes tendrás que aprobar el test asignado a la misma.

Si el curso te gusta puedes realizar el pago durante el proceso de inscripción o en cualquier momento dentro del aula virtual. El pago lo puedes hacer con tarjeta Visa, PAYPAL o realizando una transferencia y enviando posteriormente el justificante de la misma. Una vez realizado el pago podrás acceder a todas las lecciones, siempre de una forma secuencial.

¿Plazos?

Desde que te inscribes dispones de un plazo máximo de 10 días para poder evaluar el curso hasta la unidad 1. Una vez hayas completado las lecciones de evaluación se detiene el avance en el curso y tu decides...

En el momento de hacer el pago tu plazo se amplía hasta los 90 días con el objeto de que puedas realizar el curso cómodamente. Si justificas las causas puedes pedir una ampliación de plazo y generalmente se suele conceder.

La ampliación de plazo se la puedes solicitar a tu tutor y en el caso de los cursos sin tutor desde la sección consúltanos de www.adrformacion.com

¿Me darán diploma?

Los alumnos que hayan comprado el curso en la modalidad sin tutor, recibirán mediante correo electrónico un certificado de realización en formato PDF firmado digitalmente por ADR Formación, con indicación del número de horas, el temario, las fechas de inicio y finalización, etc.

Los alumnos que hayan comprado el curso en la modalidad con tutor, recibirán un certificado de aprovechamiento en formato PDF en el correo electrónico y en formato impreso mediante correo postal enviado a la dirección que figure en la ficha del alumno.

Los envíos de los diplomas serán realizados la primera semana de cada mes, a los alumnos que hayan finalizado durante el mes anterior

¿Qué necesito?

Para hacer el curso basta con que dispongas de una conexión a Internet y un navegador con el plugin de Flash instalado.

Para escuchar los vídeos explicativos y poder aprovechar al máximo los recursos del curso se aconseja disponer de equipo multimedia.

¿A cuantas horas presenciales equivale?

El curso de CSS Completo y Adaptable equivale a 70 horas en Formación presencial

Este sitio web utiliza cookies de terceros con la finalidad de analizar el uso que hace de nuestra web y personalizar el contenido de los anuncios. Si continúa navegando entendemos que acepta su uso. Más información × Cerrar

Curso de CSS Completo y Adaptable

(Programa detallado)

Objetivo

La tecnología CSS, en su más reciente versión, la 3, permite definir tanto el formato, como la maquetación o incluso la estructura de los contenidos que incluimos en una página Web, creada con HTML.

La idea más importante para la utilización de las hojas CSS es separar la estructura de un documento HTML de su presentación o "cosmética". La información de estilo puede ser definida en un fichero separado o en el mismo documento HTML.

CSS, en su versión 3 añade muchas nuevas posibilidades al diseñador Web. Entre sus principales ventajas, control centralizado de los estilos, adaptación a cualquier dispositivo, optimización del ancho de banda, mejoras en la accesibilidad del documento Web y muchos nuevos efectos visuales y de estilo.

CSS versión 3 supone un ahorro considerable de trabajo y esfuerzo para el desarrollador Web para la creación de bordes, redondeados, sombras y maquetación. Pero además, es imprescindible para lograr que un sitio Web se adapte a cualquier dispositivo, de cualquier tamaño, en cualquier navegador y sistema, a través de su tecnología de media queries.

En este curso, el objetivo será entender los principios básicos para establecer y enlazar con ficheros de reglas de estilo, así como entender los tipos de selectores y declaraciones compuestas de propiedades y valores, de forma que consigamos páginas adaptables (responsive design).

Dirigido a:

Este curso va dirigido a cualquier persona que desee actualizar sus conocimientos sobre la creación y diseño de páginas Web con la última versión del CSS, con conocimientos básicos de informática. Este curso afianzará y actualizará los conocimientos de tanto desarrolladores como diseñadores de páginas Web.

El contenido de este curso se ha estructurado siguiendo el programa establecido en la UF1303 "Elaboración de hojas de estilo", perteneciente al Certificado de Profesionalidad: "Confección y Publicación de Páginas Web".

Requisitos:

Para poder realizar este curso es recomendable tener conocimientos informáticos básicos, por ejemplo: manejo de archivos y carpetas e instalación de programas, en cualquier sistema operativo: Windows, Linux o Mac OS.

También es muy importante conocer las etiquetas básicas con las que se crean las páginas Web, es decir, del lenguaje HTML, así como sus principales propiedades y valores. Es recomendable poseer conocimientos básicos de la estructura de la que se componen las páginas Web.

PROGRAMA DEL CURSO

Curso de CSS Completo y Adaptable: 1.-Hojas de estilo en la construcción de páginas Web: Utilidad y características

Objetivo

  • Conocer qué características debe tener una hojas de estilo para dar formato a las páginas Web, para crear ficheros reutilizables.
  • Conocer las diferentes formas de aplicar reglas y hojas de estilo, entendiendo sus ventajas e inconvenientes.
  • Entender las etiquetas y los atributos que se utilizan para crear estilos aplicables a una página completa o para partes de la misma.

Contenido

  1. UA1 - Hojas de estilo en la construcción de páginas Web: Utilidad y características
    1. Introducción
    2. Mapa conceptual
    3. Funciones y características
      1. Descripción de estilos
      2. Utilización de estilos
      3. Los estilos en el lenguaje de marcas
        1. <abbr>  
        2. <acronym>
        3. <b>
        4. <big> 
        5. <cite>
        6. <code>
        7. <del> 
        8. <dfn>
        9. <em>
        10. <i> 
        11. <ins>
        12. <kbd>
        13. <q> 
        14. <samp>
        15. <small>
        16. <strong> 
        17. <u>
        18. <mark>
        19. <sub> 
        20. <sup>
        21. <tt>
        22. <var> 
        23. <span>
        24. <h1><h6>
      4. Los estilos con herramientas de edición Web
    4. Hemos aprendido
  2. Ejercicios
    1. Ejercicio. Uso de etiquetas de formato
      1. Lo necesario para comenzar
      2. Pasos a seguir

Inscríbete ahora y accede a 1 unidades gratis

Curso de CSS Completo y Adaptable: 2.-Hojas de estilo en la construcción de páginas Web: Accesibilidad y tipos de estilos de una página Web

Objetivo

  • Describir la sintaxis y los atributos que se utilizan para crear estilos, con el fin de crear ficheros CSS.
  • Enlazar los ficheros CSS con una o varias páginas de un sitio Web para aplicar un aspecto común a todo un sitio Web.
  • Probar las páginas utilizando varios navegadores Web.
  • Aplicar criterios de usabilidad y accesibilidad.

Contenido

  1. UA2 - Hojas de estilo en la construcción de páginas Web: Accesibilidad y tipos de estilos
    1. Introducción
    2. Mapa conceptual
    3. Hojas de estilo y accesibilidad
      1. Adecuación de las hojas de estilo
    4. Tipos de estilo: incrustados, enlazados, importados, en línea
      1. Descripción de los tipos de estilo
      2. Enlazar una hoja de estilo externa a un documento HTML
      3. Incrustar un estilo dentro de un documento HTML
      4. Importar una hoja de estilo desde un documento HTML
      5. Importar una hoja de estilo, a través de un archivo con estilos
      6. Utilización y optimización de los tipos de estilos
        1. Utilizar abreviaturas 
        2. Evitar el uso de @import 
        3. Agrupar estilos  
        4. Omitir el uso de ceros y unidades de medida que no sean necesarios  
        5. Eliminar definiciones no utilizadas  
        6. Evitar especificar el valor por defecto de las propiedades  
        7. Comprimir los ficheros CSS  
        8. Combinar las hojas de estilo existentes 
    5. Hemos aprendido
  2. Ejercicios
    1. Ejercicio 1. Estilos incrustados
      1. Lo necesario para comenzar
      2. Pasos a seguir
    2. Ejercicio 2. Estilos enlazados
      1. Lo necesario para comenzar
      2. Pasos a seguir

Inscríbete ahora y accede a 1 unidades gratis

Curso de CSS Completo y Adaptable: 3.-Hojas de estilo en la construcción de páginas Web: Selectores y reglas

Objetivo

  • Describir las etiquetas y los atributos que se utilizan para definir estilos para una página y para partes de la misma, teniendo en cuenta unas especificaciones de diseño.
  • Describir la sintaxis y los atributos que se utilizan para crear estilos, con el fin de crear ficheros con declaraciones de estilos.
  • Realizar un fichero con declaraciones de estilo para homogeneizar el formato de un sitio Web, según un diseño especificado:

    - Identificar la sintaxis a utilizar para asignar el estilo a las etiquetas.
    - Enlazar las páginas Web al fichero de estilos.
    - Probar las páginas utilizando varios navegadores Web.
    - Aplicar criterios de usabilidad y accesibilidad.
    - Documentar el fichero creado.

Contenido

  1. UA3 - Hojas de estilo en la construcción de páginas Web: Selectores y reglas
    1. Introducción
    2. Mapa conceptual
    3. Selectores y reglas de estilo
      1. Selectores
        1. Selector universal
        2. Selector de etiqueta  
        3. Selector descendente 
        4. Selector de clase 
        5. Selector de Id  
        6. Combinación de selectores  
        7. Selector de hijos  
        8. Selector adyacente  
        9. Selector de atributos 
      2. Estructura de los estilos
      3. Prioridad de estilos
      4. Sintaxis básica de estilos
      5. Utilización de elementos y pseudoelementos
        1. ::before 
        2. ::after 
        3. ::first-letter 
        4. ::first-line  
        5. ::selection 
      6. Utilización de clases y pseudoclases
        1. :first-child  
        2. :link 
        3. :visited
        4. :hover 
        5. :active
        6. :focus 
        7. :lang
    4. Hemos aprendido
  2. Ejercicios
    1. Ejercicio 1. Estilos mediante selectores de ID
      1. Lo necesario para comenzar
      2. Pasos a seguir
    2. Ejercicio 2. Estilos mediante selectores de clase
      1. Lo necesario para comenzar
      2. Pasos a seguir
    3. Ejercicio 3. Utilización de pseudoelementos
      1. Lo necesario para comenzar
      2. Pasos a seguir
    4. Ejercicio 4. Utilización de pseudoclases
      1. Lo necesario para comenzar
      2. Pasos a seguir

Inscríbete ahora y accede a 1 unidades gratis

Curso de CSS Completo y Adaptable: 4.-Hojas de estilo en la construcción de páginas Web: Atributos de fuente, color y fondo

Objetivo

  • Describir la sintaxis y los atributos que se utilizan para crear estilos, con el fin de crear ficheros CSS.
  • Enlazar los ficheros CSS con una o varias páginas de un sitio Web para aplicar un aspecto común a todo un sitio Web.
  • Probar las páginas utilizando varios navegadores Web.
  • Aplicar criterios de usabilidad y accesibilidad.

Contenido

  1. UA4 - Hojas de estilo en la construcción de páginas Web: Atributos de fuente, color y fondo
    1. Introducción
    2. Mapa conceptual
    3. Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos)
      1. Descripción de los atributos de estilo
        1. Unidades de medida 
        2. Fuentes 
        3. Color 
        4. Fondo  
    4. Hemos aprendido
  2. Ejercicios
    1. Ejercicio 1. Uso de atributos de fuente y color
      1. Lo necesario para comenzar
      2. Pasos a seguir
    2. Ejercicio 2. Importación de una fuente
      1. Lo necesario para comenzar
      2. Pasos a seguir
    3. Ejercicio 3. Uso de atributos de fondo
      1. Lo necesario para comenzar
      2. Pasos a seguir

Inscríbete ahora y accede a 1 unidades gratis

Curso de CSS Completo y Adaptable: 5.-Hojas de estilo en la construcción de páginas Web: Atributos de texto y bloques

Objetivo

  • Describir la sintaxis y los atributos que se utilizan para crear estilos, con el fin de crear ficheros CSS.
  • Enlazar los ficheros CSS con una o varias páginas de un sitio Web para aplicar un aspecto común a todo un sitio Web.
  • Probar las páginas utilizando varios navegadores Web.
  • Aplicar criterios de usabilidad y accesibilidad.

Contenido

  1. UA5 - Hojas de estilo en la construcción de páginas Web: Atributos de texto y bloques
    1. Introducción
    2. Mapa conceptual
    3. Atributos de estilo para fuentes, color y fondo, texto y bloques (párrafos)
      1. Texto
      2. Bloques
      3. Propiedades Flex Box 
    4. Utilización de los atributos de estilo
  2. Hemos aprendido
  • Ejercicios
    1. Ejercicio 1. Uso de atributos de texto
      1. Lo necesario para comenzar
      2. Pasos a seguir
    2. Ejercicio 2. Uso de atributos de bloque
      1. Lo necesario para comenzar
      2. Pasos a seguir
    3. Ejercicio 3. Página Web con elementos flexibles
      1. Lo necesario para comenzar
      2. Pasos a seguir

    Inscríbete ahora y accede a 1 unidades gratis

    Curso de CSS Completo y Adaptable: 6.-Hojas de estilo en la construcción de páginas Web: Creación de ficheros

    Objetivo

    • Enlazar los ficheros CSS con una o varias páginas de un sitio Web para aplicar un aspecto común a todo un sitio Web.
    • Probar las páginas utilizando varios navegadores Web.
    • Aplicar criterios de usabilidad y accesibilidad.

    Contenido

    1. UA6 - Hojas de estilo en la construcción de páginas Web: Creación de ficheros
      1. Introducción
      2. Mapa conceptual
      3. Creación de ficheros de estilo
        1. Definición de los ficheros de estilo
        2. Creación de ficheros de estilo genéricos
        3. Adaptación de los ficheros de estilo para distintas páginas Web
      4. Hemos aprendido
    2. Ejercicios
      1. Ejercicio. Aplicar estilos diferentes mediante el uso de media queries
        1. Lo necesario para comenzar
        2. Pasos a seguir

    Inscríbete ahora y accede a 1 unidades gratis

    Curso de CSS Completo y Adaptable: 7.-Diseño, ubicación y optimización de los contenidos de una página Web: Creación de contenidos y Fases

    Objetivo

    • Diseñar, ubicar y optimizar los contenidos de una página Web, para adecuarla al formato de la misma, facilitar su manejo a los usuarios y optimizarla de acuerdo al diseño que se establezca.

    Contenido

    1. UA7 - Diseño, ubicación y optimización de los contenidos de una página Web: Creación de contenidos y Fases
      1. Introducción
      2. Mapa conceptual
      3. Creación de un documento funcional
        1. Metodología básica de creación de páginas Web
          1. Análisis 
          2. Planificación 
          3. Creación de contenidos 
          4. Diseño y Prototipo 
          5. Programación 
          6. Testeo 
          7. Promoción y Publicidad 
          8. Mantenimiento 
        2. Descripción de los objetivos de la página Web
        3. Definición de los elementos funcionales de la página Web
        4. Descripción de cada elemento
      4. Hemos aprendido
    2. Ejercicios
      1. Ejercicio 1. Análisis de contenidos.
        1. Lo necesario para comenzar
        2. Pasos a seguir
      2. Ejercicio 2. Creación de un prototipo.
        1. Lo necesario para comenzar
        2. Pasos a seguir
      3. Ejercicio 3. Gestor de tareas.
        1. Lo necesario para comenzar
        2. Pasos a seguir

    Inscríbete ahora y accede a 1 unidades gratis

    Curso de CSS Completo y Adaptable: 8.-Diseño, ubicación y optimización de los contenidos de una página Web: Diseño de contenidos y Tipos de páginas

    Objetivo

    • Seleccionar los contenidos de la página Web para adecuarlos al formato de la misma de acuerdo con las especificaciones que se definan.

    Contenido

    1. UA8 - Diseño, ubicación y optimización de los contenidos de una página Web: Diseño de contenidos y Tipos de páginas
      1. Introducción
      2. Mapa conceptual
      3. Diseño de los contenidos
        1. Identificación de la información a ubicar en la página Web
        2. Selección de contenidos para cada elemento de la página
        3. Utilización del documento funcional para las especificaciones del diseño
        4. Experiencia de Usuario (UX)
          1. Tendencias para experiencia de usuario 
      4. Tipos de página para la ubicación de contenidos
        1. Definición de los tipos de página en base a los contenidos y funcionalidades
        2. Selección de los tipos de página para la página Web
          1. Responsive Web Design  
          2. Contenido adaptable 
          3. Creación de sitios Web adaptables 
          4. Etiqueta viewport
          5. Soporte a Internet Explorer 
      5. Hemos aprendido
    2. Ejercicios
      1. Ejercicio 1. Card Sorting.
        1. Lo necesario para comenzar
        2. Pasos a seguir
      2. Ejercicio 2. Elección correcta de controles.
        1. Lo necesario para comenzar
        2. Pasos a seguir
      3. Ejercicio 3. Escribir buen texto en la interfaz de usuario.
        1. Lo necesario para comenzar
        2. Pasos a seguir

    Inscríbete ahora y accede a 1 unidades gratis

    Curso de CSS Completo y Adaptable: 9.-Diseño, ubicación y optimización de los contenidos de una página Web: Contenidos adaptables y navegación

    Objetivo

    • Ubicar y distribuir los elementos y contenidos para facilitar el manejo de la página por parte de los usuarios.
    • Optimizar las páginas Web teniendo en cuenta sus elementos, contenidos y sus funcionalidades.

    Contenido

    1. UA9 - Diseño, ubicación y optimización de los contenidos de una página Web: Contenidos adaptables y navegación
      1. Introducción
      2. Mapa conceptual
        1. Diseño Web adaptable (Responsive Web Design)
          1. Media Queries 
          2. Comprobación de respuestas en media queries 
          3.  Los puntos de ruptura
          4.  Rangos de Diseño
          5.  Diseño adaptable
          6.  Uso de las media queries
        2. Utilización del documento funcional para las especificaciones del tipo de página
      3. Especificaciones de navegación
        1. Elementos funcionales
        2. Creación de un mapa de navegación de páginas
        3. Utilización del documento funcional para integrar el mapa de navegación
      4. Elementos utilizados para la navegación
        1. Definición de los elementos utilizados para navegar
        2. Utilización del documento funcional para especificar los elementos de navegación
      5. Elaboración de una guía de usuario
      6. Hemos aprendido
    2. Ejercicios
      1. Ejercicio 1. Media Queries.
        1. Lo necesario para comenzar
        2. Pasos a seguir
      2. Ejercicio 2. Media Queries.
        1. Lo necesario para comenzar
        2. Pasos a seguir

    Inscríbete ahora y accede a 1 unidades gratis