|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/diseno-responsivo-con-cajas-flexibles-css3/
课程评论：没有评论
**课程名称：** CSS3 弹性盒子响应式设计 **课程概述：** 本课程将教授您如何利用强大的 Flexbox（弹性盒子）技术来开发响应式网页。课程将基于 W3C 2014 年发布的最新 Flexbox 规范。我们将从 Flexbox 的基础知识开始，涵盖如何创建页面布局、实现元素的水平及垂直对齐、居中显示、调整弹性子项的顺序，以及如何使子项“拉伸”、旋转并自然适应弹性容器。 课程实践部分将从零开始构建响应式网页，直至填充内容。我们将创建一个响应式图片画廊，使其能够根据设备尺寸（包括平板电脑和智能手机）自动调整。此外，还将通过 CSS3 过渡属性演示如何为弹性盒子添加动画效果。最后，我们将设计一个水平菜单，在小屏幕设备（如手机）上会自动改为垂直方向，以解决长菜单在小屏幕上显示不便的问题。 **先修知识：** * **必需：** HTML 和 CSS 的基础知识。 * **建议：** 熟悉 HTML5 和 CSS3。 **所需工具：** * 代码编辑器（如 Sublime Text、Brackets、Aptana 或 Dreamweaver）。 * 现代浏览器。 * 学习热情。
En este curso aprenderás a desarrollar páginas responsivas por medio de la poderosa herramienta de las cajas flexibles o flex-box. Nos basaremos en la especificación más reciente de la W3C de 2014 de las "flex-box". Analizaremos desde las bases de este esquema, que nos permitirá hacer formatos o layouts, así como la forma de alinearlos vertical u horizontalmente, centrarlas, cambiar el orden de las cajas internas o ítems flexibles, así como las propiedades para "estirarlas", rotarlas y adaptarse de forma natual, las cajas internas al contenedor flexible.Haremos ejemplos de páginas responsivas iniciando desde cero, hasta llenarlas de contenido. Realizaremos una galería responsiva con diferentes imágenes, que se adaptarán al tamaño del dispositivo, adaptándose tanto a tabletas como a teléfonos inteligentes. También haremos un ejemplo de cómo animar a las cajas flexibles por medio de las propiedades de transición de los estilos en cascada nivel tres. Por último codificaremos un menú horizontal con cajas flexibles, que cambiará su orientación a vertical cuando se visualice en pantallas pequeñas, como la de los teléfonos, donde es complicado los menús largos.Para que puedas aprovechar este curso, es necesario que tengas conocimientos mínimos de HTML y CSS. También es deseable que conozcas HTML5 y CSS3, aunque no es indispensable.Para tomar este curso necesitas un editor de código como SublimeText. Brackets, Aptana o Dreamweaver y un navegador moderno, así como muchas ganas de aprender.
