Maquetación Web: HTML 5 y CSS

Transcripción

1 Maquetación Web: HTML 5 y CSS Programa de Estudio

2 Maquetación Web: HTML 5 y CSS Convertite en un maquetador profesional, da tus primeros pasos en el desarrollo Front-End. Aprende los elementos fundamentales del mundo de la web en cuanto a construcción de sitios con CSS. Contenido del curso Este curso inicial de CSS te enseñará las bases del maquetado. Podrás trabajar con elementos semánticos para tu estructura, conociendo en que caso y cómo utilizarlos. También podrás desarrollar barras de navegación, encolumnado con float, display y flexbox así como tambien podrás agregar una tipografía desde Google Fonts. Al final de este curso, si bien inicial, podrás generar un desarrollo profesional de tu proyecto como siempre lo soñaste. PRÁCTICAS EN CLASE: Comenzarás en las primeras clases conociendo elementos semánticos, para luego aplicarles color, medidas y espacios entre ellos. Conocerás que medidas de longitud se manejan así como herramientas tales como el inspector de elementos o goteros online que facilitarán tu desarrollo. Luego avanzarás sobre pseudo clases y propiedades avanzadas como position que te permitirán generar un barra de navegación simple con sólo CSS. El trabajo con sprites potenciará tu conocimiento, finalizando el curso con un ejercicio integrador que te permitirá afianzar todos tus conocimientos Público Personas que quieran desempeñarse en el campo del diseño web y la programación web,

3 pudiendo maquetar sitios web de forma ágil y con gran calidad. Salida Laboral Al finalizar el curso, el alumno se convertirá en un Maquetador Web Junior pudiendo desempeñar tareas de forma free-lance o en empresas dedicadas al diseño de sitios Web. También sentará las bases para ser un futuro desarrollador front-end. Requisitos Se requieren conocimientos sólidos de HTML o haber realizado el curso HTML5: Fundamentos de una Página Web. Modalidad de cursado Puedes tomar este curso en modalidad presencial o modalidad a distancia

4 En este curso aprenderás a Conocer las propiedades más importantes Generar barras de navegación con CSS Manejar propiedades avanzadas que te permitirán dejar elementos fijos en tu pantalla, así como superponerlos Trabajar con elementos que cualquier futuro, diseñador web, maquetador, o desarrollador Front-end debe conocer Desarrollar los primeros pasos en el mundo Front-end Estar listo para iniciar tus pasos en tu primer trabajo con diseñador y maquetador web Conocer los principales elementos que forman parte del mundo web desde la construcción de la página hasta convertir en realidad el diseño del cliente

5 Plan de Estudios

6 1. Introducción al mundo del CSS Nuevos elementos semánticos de HTML5 Implementación de CSS en HTML Trabajo externo, interno y en linea Jerarquía entre las tres maneras de implementación Selectores de elemento, clase y id Selectores compuestos Selectores grupales y descendentes Propiedades de texto Propiedades de fuente 2. Maquetando Width y height Min-width y min-height Margen, padding, border Propiedades de fondo Import y reseteo de estilos Box-sizing Outline Opciones de encolumnado : Float Display 3. Iniciando en Flexbox y Pseudo clases Flexbox trabajo simple para encolumnar Pseudo clases :hover, :link, :visited, :active, :focus :first-child, :last-child Pseudo elementos : :first-.line, ::first-letter

7 4. Contadores, menues, sprites ::after ::before Contadores y profundización en ::after y ::before Propiedades de lista Overflow Resize Generación de menues simples con CSS Qué son sprites 5. Superposición de elementos, elementos fijos y menúes desplegables Position absolute, relative, fixed, static Usos y profundización Menúes simples desplegables con CSS Qué es un newsletter, estilos en linea, tablas Propiedades de las tablas 6. Integrando conocimientos Jerarquías de selectores Regla media Meta viewport que es para qué sirve Opacity vs rgba Historia de los condicionales y situación actual Implementación de frameworks de manera genérica, qué es y para qué sirve?

8 Lavalle 648 Piso 8, Microcentro, CABA EducaciónIT. Copyright