Curso Hojas Estilo CSS: “Diagramación y Edición de Páginas Web con CSS” con Dreamweaver CS5.5
Código SENCE: 1237883905

Inicio»Cursos»

El curso de CSS (Cascading Style Sheets), Hojas de Estilo en Cascada, es personalizado con un cupo máximo de 7 alumnos por curso. Permite aprender el lenguaje CSS en forma práctica, integrando todo lo que se enseña clase a clase a través de ejercicios prácticos con casos específicos que resolver y realizando el montaje de un sitio web completo con CSS durante el curso. Se utiliza la última versión de Dreamweaver CS5.5 para editar el CSS, enseñando los nuevos efectos visuales de la versión CSS 3. El curso de CSS es abierto, práctico y presencial, se dicta en Chile en la cuidad de Santiago, comuna de Providencia.

Objetivo curso Hojas de Estilo CSS

El objetivo del curso de Hojas de Estilo CSS es que el alumno pueda utilizar las Hojas de Estilo en Cascada o CSS para controlar, editar y actualizar el aspecto visual del contenido de un sitio web. Podrá realizar sitios web accesibles y livianos, de rápida actualización, profundizando en la disposición de los elementos gráficos y la apariencia de todas las páginas de un sitio web, manejando distintos tipos de diagramación y conociendo la metodología necesaria para elaborar Hojas de Estilo CSS compatibles con los distintos navegadores y dispositivos de salida.

Al finalizar el curso, se tienen los conocimientos necesarios para reemplazar la diagramación con tablas por la diagramación con hojas de estilo CSS añadiendo nuevos efectos visueles con la versión CSS 3, que permite generar sitios de acuerdo a los estándares y requerimientos actuales en organizaciones privadas y gubernamentales, mejorando el posicionamiento de sitios web en buscadores y controlando en forma ágil y centralizada la apariencia de los distintos elementos gráficos y de contenido de todo un sitio web, visualizandolo en distintos dispositivos con Adobe Device Central.

Nivel y requisitos curso Hojas de Estilo CSS

El nivel de este curso de CSS es intermedio, para aquellos que quieran profundizar en la potencialidad del código CSS como herramienta de diagramación y formateo de contenido web. El curso está dirigido a todo aquel que requiera aprender el lenguaje CSS para mejorar sus habilidades como diseñador o desarrollador web y para profundizar en el desarrollo de sitios web. Los requisitos para este curso son haber aprobado el curso de Dreamweaver básico que dicta Digicap o tener los conocimientos equivalentes: familiaridad con la edición de código HTML, manejar conceptos generales de desarrollo web y un manejo básico de Dreamweaver.

Cupos y duración

Máximo 7 alumnos por curso. Son clases personalizadas, presenciales y prácticas. El curso de Hojas de Estilo CSS tiene una duración de 18 horas.

Recursos

• Sala con proyector multimedia y equipos conectados en red.
• Cada alumno cuenta con un computador equipado con multimedia e Internet para trabajar.
• Sitio de alumnos con: manual en línea del curso, ayudas, foro, acceso a servidor y otros recursos.

Metodología, evaluación y certificados

• Las clases son presenciales y se apoya el aprendizaje con los recursos del sitio de alumnos. Cada alumno recibe una clave que le permite acceder al sitio de alumnos y utilizar todos los recursos en línea para aprovechar al máximo las clases, y para aprender y estudiar de mejor manera las materias del curso.
• Las clases son prácticas y durante el curso se realizan ejercicios prácticos y un sitio web con CSS para integrar todo lo aprendido. Se desarrollan ejercicios y un sitio web con CSS para integrar las materias, aprendiendo en la práctica no solo las herramientas de la aplicación que se enseña, sino también la metodología necesaria para realizar un proyecto o trabajo práctico completo durante el curso.
• Para evaluar la participación del alumno se realizan evaluaciones prácticas durante el curso.
• DIGICAP entrega a cada alumno un diploma que certifica su asistencia y participación en el curso.

Temario Curso de CSS “Diagramación y Edición de Páginas Web con CSS”

1.Introducción a las Hojas de Estilo en Cascada o CSS
- Qué es el código CSS, su origen y su necesidad
- Relación entre CSS y HTML en el desarrollo web
- CSS en diagramación, formato y efectos visuales

2.Sintaxis y aplicación de CSS
- Sintaxis del CSS y definición de reglas: selector y declaración
- Aplicación de reglas CSS en elementos HTML
- Uso de estilos CSS internos y hoja de estilos externa
- Hojas de estilos externas: vinculación e importación

3.Uso y características de selectores CSS
- Selectores de etiqueta, Clase y de ID
- Pseudo elementos y Pseudo clases
- Selectores contextuales, universales y grupales
- Utilización óptima de selectores

4.Herencia y cascada en CSS
- Diferencia entre herencia y cascada
- Jerarquía de visualización en las definiciones de estilos
- Esquema de especificidad de los selectores

5.Aplicación de CSS con Dreamweaver
- Definición de reglas con Dreamweaver
- Incorporación de hojas de estilo existentes
- Utilización del panel de CSS
- Edición directa del código CSS

6.Formato visual de elementos HTML con CSS
- Formateo de textos y listas con CSS
- Control de tablas con CSS
- Disposición y formato de formularios con CSS
- Formato de vínculos con Pseudo clases
- Uso de CSS para el control de imágenes

7.Diagramación con CSS
- Uso del elemento DIV como contenedor
- Entendiendo el "Modelo de Caja"
- Posicionamiento: absoluto, fijo, relativo y estático
- Unidades de color: hexadecimales y RGB
- Unidades de medida más usadas: pixel, porcentaje y ems
- Asignación de nombres para clases e ID

8.Tipos de diagramación con CSS
- Páginas con diagramación fija, líquida y elástica
- Uso de diagramación híbrida
- Páginas con diagramación de múltiples columnas

9.Elementos de interfaz y navegación con CSS
- Barras de navegación con botones
- Menús desplegables
- Galería de imágenes con CSS
- Aplicación de fondos de imagen

10.Efectos visuales con CSS 3
- Bordes redondeados
- Sombras en textos y cajas
- Transparencias y transiciones
- Gradiente de colores
- Uso de CSS 3 en navegadores antiguos

11.Visualización y validación de estilos CSS
- Validación de código CSS
- Visualizar CSS en distintos navegadores
- Previsualizar distintos dispositivos con Adobe Device Central
- Atributo Media, Media Query y barra Representación de Estilos
- Hojas de estilo CSS para impresión
- Necesidad del DTD o Doctype Document
- Hacks para resolver problemas de visualización

• Digicap
  • Nuestra Empresa
  • Salas y Equipos
  • Ubicación
• Cursos
  • Curso Flash
  • Curso Dreamweaver
  • Curso Photoshop
  • Curso Illustrator
  • Curso WordPress
  • Curso CSS
  • Curso Freehand
  • Curso Strata 3D
  • Curso PHP-MySQL
• Calendarios
• Valores
• Galería
• Contacto
  • Consultas
  • Preinscripción

• Mapa