Xpert

CSS Fundamentos: diseño y presentación de sitios web

Xpert
En Bogotá

Precio a consultar
¿O prefieres llamar directamente al centro?

Información importante

Tipología Curso
Lugar Bogotá
Duración Flexible
Inicio Fechas a escoger
  • Curso
  • Bogotá
  • Duración:
    Flexible
  • Inicio:
    Fechas a escoger
Descripción

Ya sabes estructurar archivos HMTL? Ahora aprende a aplicar la apariencia gráfica modificando propiedades como tamaños, colores, fuentes, posición, etc.

En éste curso aprenderás a usar correctamente la sintaxis de CSS para aplicar la capa de presentación a tus sitios web usando mejores prácticas que mejoren las características visuales e incluso el desempeño y velocidad.

El contenido de este curso inicia con la explicación de los fundamentos de CSS, su correcta sintaxis y uso para formatear cajas, texto, color, etc. y finaliza con un taller 100% práctico donde verás cómo aplicar la capa de presentación a a una estructura HTML.

Iniciaremos el curso trabajando con Adobe Edge Code, posteriormente usaremos Brackets y finalizaremos trabajando con Adobe Dreamweaver, sin embargo tu puedes seguir los ejercicios del curso con el editor de código que prefieras mediante los mismos archivos que uso en los diferentes ejercicios y que tu podrás descargar.

Este curso también sirve para las personas que deseen formatear o editar eBooks en formato ePub.

Instalaciones (1) y fechas
Dónde se imparte y en qué fechas

Ubicación

Inicio

Bogotá
Ver mapa

Inicio

Fechas a escogerMatrícula abierta

A tener en cuenta

· ¿Qué pasará luego de pedir información?

Una vez que solicites información por medio del catálogo de Emagister.com el centro se pondrá en contacto contigo para informarte del proceso de matriculación.

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

¿Quién quieres que te responda?

Sólo publicaremos tu nombre y pregunta

¿Qué aprendes en este curso?

Características de CSS
Diferencias entre navegadores
Ubicación del CSS
Editores de código
Class selectors
Modelo de caja
Margin y padding
Backgrounds
Propiedad z-index
Font-family y font-size

Profesores

Marlon Ceballos
Marlon Ceballos
Instructor certificado por Adobe (Adobe Certified instructor)

Marlon es especialista en web, multimedia, imagen digital y medios impresos con certificaciones en las últimas versiones de Photoshop, Illustrator, InDesign, Acrobat, Flash, Flah Video, Dreamweaver y Contribute. También posee las certificaciones especializadas ACI - Web Master y ACI - Design Master, además es Adobe Community Professional. Puedes conocer más de éste intructor en éste link: http://xpert.com.co/xpertos/#marlon

Programa académico

Introducción

  • Bienvenida
  • Uso de los archivos de ejemplo

Conceptos fundamentales de CSS

  • Qué es CSS?
  • Características de CSS
  • Herencia
  • Diferencias entre navegadores
  • Ubicación del CSS
  • Ubicación del CSS 2
  • Sintaxis CSS
  • Editores de código

Selectores CSS

  • Qué son los selectores?
  • Tag selectors
  • Class selectors
  • ID Selectors
  • Otros selectores
  • Descended selectors
  • Especificar selectores
  • Agrupar selectores
  • Recomendaciones

Box model o Modelo de caja en CSS

  • Box model o modelo de caja
  • Definir tamaños en CSS
  • Definir tamaños en CSS 2
  • Margin y padding
  • Bordes o contornos con CSS
  • Fondos o backgrounds con CSS

Layouts o estructuras básicas

  • Propiedad position
  • Propiedad position en la práctica
  • Propiedad z-index
  • Propiedad clear
  • Uso de los valores relative y absolute
  • Ejemplos prácticos de layouts
  • Uso del valor auto en la propiedad overflow (3:40)

Dar formato al texto con CSS

  • Sintaxis de propiedades CSS para formatear texto
  • Font-family y font-size
  • Mas propiedades
  • Shorthand notation
  • Otras propiedades

Trabajar con color

  • Propiedades para color y keywords
  • Notación hexadecimal
  • Propiedades para color y notación hexadecimal en la práctica
  • Notación en RGB
  • Notación en keywords y RGB en la práctica
  • Herramientas de ayuda

Taller práctico

  • Que vamos a hacer?
  • Interfaz de Dreamweaver
  • Crear y enlazar hojas de estilo CSS
  • Regla body
  • Regla #contenedor
  • Formato para el contenido
  • Continuación del formato para el contenido
  • Formatear el lateral
  • Formatear el footer
  • Formatear el menú de navegación
  • Ajustes de la página promociones y creación de hoja de estilos para formulario
  • Formato al formulario de contacto

Compara para elegir mejor:
Ver más cursos similares