课程主页: https://www.coursera.org/learn/responsivedesign
在当今快速发展的数字时代,网页设计已经不再局限于桌面计算机,用户可以通过智能手机、平板电脑或其他助理技术访问互联网。因此,网页的响应式设计显得尤为重要。《先进的响应式设计样式》是Coursera上的一门课程,旨在帮助学习者理解并应用响应式设计的理念和技术。
课程分为四周,内容丰富,循序渐进。
第一周:响应式设计的样式
本周我们将开始探索响应式设计的理论以及如何判断现有网站是否具备响应式设计的特性。我们将介绍“移动优先”的理念,并学习如何在CSS中使用流体测量来实现设计的第一个实质性步骤。
第二周:基本概念
在这一周中,你将有机会将理论付诸实践,使用CSS中的媒体查询来自动调整网站的外观和功能,以适应不同浏览器的尺寸。我们将了解如何针对不同的屏幕尺寸(称为“视口”)来设计页面。
第三周:布局和可及性的媒体查询
了解想要网站外观的前提下,实际上编写代码是另一回事。本周我们将学习网格和弹性布局属性,探讨如何组织页面布局。同时,我们还会讨论可以提升页面可及性的媒体查询,这些查询能够响应用户对配色方案、动画等的个人偏好。
第四周:框架
在每一位优秀程序员经历了从零开始创建网站的过程后,使用现有工具是非常常见的——毕竟,何必重复造轮子呢?到目前为止的学习将为你提供知识基础,让你能够使用框架创建独特的网站。本周我们将会使用基于HTML5、CSS和JavaScript的Bootstrap框架(即使你从未使用过JavaScript,也无妨)。
总体而言,《先进的响应式设计样式》课程非常适合希望提升网页设计技能的人士,让学生能够掌握在不同设备上创建兼容性强的网站所需的知识和技术。无论你是初学者还是希望进阶的开发者,这门课程都能提供实用的技巧和工具,帮助你在响应式设计的领域中脱颖而出。
课程主页: https://www.coursera.org/learn/responsivedesign