
Explicación del contenido que se va ha impartir en el curso, veremos la estructura general de css comenzando con los selectores
Continuamos con los selectores viendo su funcionalidad
Profundizaremos en los colores que se pueden dar al texto en especial a la propiedad color.
Veremos como crear fondo en nuestras aplicación, con diferentes tipos de elementos.
Veremos como crear fondo en nuestras aplicación, con diferentes tipos de elementos.
Crear bordes a nuestro elementos html es importante para las vistas de los programas, aquí veremos los diferentes tipos de que podemos crear.
Crear bordes a nuestro elementos html es importante para las vistas de los programas, aquí veremos los diferentes tipos de que podemos crear.
Como diseñar los contornos aplicando margenes a los elementos HTML
Separación entre el texto y el margen de un elemento HTML para mejor perspectiva del diseño.
La anchura y altura es importante para que el elemento HTML tenga más profundidad.
Estructurar nuestra vista utilizando border, padding y margin, nos da una presencia más equilibrada.
Trabajaremos con la propiedad outline
Veremos la propiedad outline.
Veremos todas las propiedades para trabajar el texto
Veremos todas las propiedades para trabajar el texto
Diseño de vistas con imágenes de icionos
Sobre la escritura, trabajaremos con distintas fuentes de texto.
Sobre la escritura, trabajaremos con distintas fuentes de texto.
Diseño de las etiqueta de HTML <a>
Diseño de las etiqueta de HTML <a>
Diseño de estilo en las etiquetas HTML <ul><li>
Diseño de estilo en las etiquetas HTML <ul><li>
Daremos estilo a la etiqueta HTML<table>
Daremos estilo a la etiqueta HTML<table>
Daremos estilo a la etiqueta HTML<table>
Colocación de elementos dentro de una página web
Veremos como ubicar elementos HTML en una zona concreta de la vista
Veremos como ubicar elementos HTML en una zona concreta de la vista
Veremos como ubicar elementos HTML en una zona concreta de la vista
Veremos que hacer con es texto que sobre sale de un contenedor, aplicando esta propiedad
Coma hacer flotar un elemento HTML a una zona concreta de la vista
Creación de composiciones de imágenes en una vista.
Creación de composiciones de imágenes en una vista.
Veremos como estructurar los componentes de una página
Veremos como estructurar los componentes de una página
Veremos como estructurar los componentes de una página
Seguimos tratando elemento HTML y dándoles estilo
Veremos con colocar elemento HTML en posición horizontal y fijos
Veremos como estructurar nuestro nav en horizontal y verticalmente y darle estilo para una mejor presencia
Veremos como estructurar nuestro nav en horizontal y verticalmente y darle estilo para una mejor presencia
Estructuraremos nuestros diseños, por mediación de estos elementos, acceso más rápido para dar estilo.
Estructuraremos nuestros diseños, por mediación de estos elementos, acceso más rápido para dar estilo.
Estructuraremos nuestros diseños, por mediación de estos elementos, acceso más rápido para dar estilo.
Estructuraremos nuestros diseños, por mediación de estos elementos, acceso más rápido para dar estilo.
Trabajaremos con estructuras de subenlaces, como incluirlos en un botón principal y el despliegue para su vista
Trabajaremos con estructuras de subenlaces, como incluirlos en un botón principal y el despliegue para su vista
Diseño de estilo con atributos
Diseño de estilo con atributos
Veremos como dar un grado de opacidad a texto, imágenes y fondos
Veremos uno de los elementos más importante para las aplicaciones web y como darle una presencia más interactiva con el usuario
Veremos uno de los elementos más importante para las aplicaciones web y como darle una presencia más interactiva con el usuario
Veremos uno de los elementos más importante para las aplicaciones web y como darle una presencia más interactiva con el usuario
Para mejor presentación de los elementos HTML procedemos a redondear las esquinar para dar mejor presencia
Otra alternativa para mejor presencia de las imágenes es utilizar la propiedad para dar un borde concreto a nuestra imágenes.
Otra de las propiedad que son necesarias para poder dar un buen estilo a nuestra páginas dando el grado de transparencia y efecto que deseemos.
Otra de las propiedad que son necesarias para poder dar un buen estilo a nuestra páginas dando el grado de transparencia y efecto que deseemos.
Procederemos a crear efecto en el texto
Esta propiedad nos sirve para crear comentarios al pasar el curso por determinado sitio, desarrollaremos este tipo de componentes.
Crearemos con las propiedades CSS específicas la transformación de elementos en 3D
Una de las cosas más novedosas de CSS son sus animaciones, es tos apartados diseñaremos algunas animaciones con la propiedades específicas que tiene este lenguaje.
Una de las cosas más novedosas de CSS son sus animaciones, es tos apartados diseñaremos algunas animaciones con la propiedades específicas que tiene este lenguaje.
Una de las cosas más novedosas de CSS son sus animaciones, es tos apartados diseñaremos algunas animaciones con la propiedades específicas que tiene este lenguaje.
Una de las cosas más novedosas de CSS son sus animaciones, es tos apartados diseñaremos algunas animaciones con la propiedades específicas que tiene este lenguaje.
Estructuraremos los elemento en varias columnas
Estructuraremos los elemento en varias columnas
Trabajaremos nuestra estructura de página en contenedores para poder organizar mejor la vista
Trabajaremos nuestra estructura de página en contenedores para poder organizar mejor la vista
Trabajaremos nuestra estructura de página en contenedores para poder organizar mejor la vista
Trabajaremos nuestra estructura de página en contenedores para poder organizar mejor la vista
Trabajaremos nuestra estructura de página en contenedores para poder organizar mejor la vista
Ahora nos toca poder hacer responsiva la página para esto utilizaremos la propiedad @media de CSS
Ahora nos toca poder hacer responsiva la página para esto utilizaremos la propiedad @media de CSS
Ahora nos toca poder hacer responsiva la página para esto utilizaremos la propiedad @media de CSS
Veremos como utilizar propiedades CSS para transformar elementos HTML en dos dimensiones
Veremos como utilizar propiedades CSS para transformar elementos HTML en dos dimensiones
Crearemos efectos de transiciones de elementos HTML por mediación de CSS
Crearemos efectos de transiciones de elementos HTML por mediación de CSS
Analizamos el proyecto y vemos como estructurarlo
Confeccionaremos el esqueleto en HTML de nuestra página principal
Creamos en CSS de página principal y esqueleto en HTML de las subpáginas
Seguimos creando páginas y dándoles estilo
Seguimos creando páginas y dándoles estilo
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).
El W3C define las especificaciones del estándar CSS. Después, los navegadores intentan implementar esas especificaciones, para que las páginas web se vean igual en todos ellos.
Los navegadores cada vez cumplen más y mejor el estándar CSS. Por ejemplo: Internet Explorer 6 cumplía el estándar en sólo un 12% mientras que Internet Explorer 9 lo cumple en un 95%. Por eso se deben maquetar las páginas web siguiendo el estándar CSS y no las especificaciones de un navegador determinado. También hay que procurar mantener actualizado el navegador, ya que a medida que van cumpliendo el estándar, van añadiendo funcionalidades que antes no tenían.
El curso se estructurará de la siguiente forma:
1. Presentaciones : Daremos la parte teórica con explicaciones breves y concisas
2. Práctica: Procederemos durante la sesión a realizar ejercicios de desarrollo, explicaremos su estructura y funcionalidad.
3.Repaso : En la finalización de la sesión procederemos a un repaso de la materia dada y una reflexión sobre su contenido.
4. Ejercicios: El alumno tendrá ejercicios adicionales, para el repaso de la sesión
5. Tutorias: El alumno podrá contactar con el instructor en cualquier momento para aclarar la dudas que pueda tener.
6. Material: Estará a disposición del alumno el manual del curso en pdf, los ejercicios complementarios de todo el curso