|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/introcss
课程评论：没有评论
课程名称：《CSS3入门》 课程概述：当今的网站设计与早期仅由白色页面和蓝色链接构成的网站已大相径庭。现代网站拥有复杂的布局、独特的字体和定制的配色方案。本课程将向您展示层叠样式表（CSS3）的基础知识，重点学习如何编写CSS规则、测试代码和建立良好的编程习惯。妥善设计网页样式可以提升页面效果，而不当的样式设计则可能适得其反，甚至比没有样式更糟。课程将教您如何使用标准化的可访问性指南评估页面，以确保网站不会对认知和身体残疾人士构成障碍。完成此课程后，学习者将能够为给定的HTML页面绘制设计图，并使用CSS实现该设计，添加字体、颜色和布局。 本课程是《每个人的网页设计》专业化的第二门课程，后续课程将重点介绍如何通过JavaScript添加互动，及进行响应式设计的样式增强。 请注意，完成本课程将需要使用笔记本电脑或台式电脑进行作业。 课程大纲： 第一周：简单样式入门 内容：欢迎加入《CSS3入门课》。本周您将学习如何利用CSS3的强大功能为页面添加样式，重点在于正确语法和可访问性设计的重要性。准备好在此课程中犯错误和打字错误，因为实践是理解材料的唯一途径。 第二周：高级选择器、显示和可访问性设计 内容：颜色和字体仅仅是样式的开始，本周将学习显示属性及更多高级选择器，用于控制网页元素的排列和样式。 第三周：盒模型与定位 内容：本周侧重于盒模型的应用，包括边框、内边距和外边距的添加，以及如何定位元素在页面上的位置。 第四周：伪类、伪元素与最终项目 内容：学习如何样式化伪类和伪元素，同时完成同行评审的项目，展示您遵循样式指南并赋予项目个人风格的能力。 第五周：未来的方向 内容：课程结束后，继续练习您的技能，确保始终有项目在进行中。课程提供了一些进一步学习的建议。 通过这门课程，您将打下坚实的CSS基础，为后续的网页设计学习奠定良好基础。
Name:Week One: Getting Started with Simple Styling
Description:Welcome to Introduction to CSS3! In this course you will learn how to style your pages by taking advantage of the power of CSS3. We will focus on both proper syntax (how to write your styling rules) and the importance of accessibility design (making sure that your style enhances your site, not make it harder to navigate). It is so important that you jump in ready to make mistakes and typos in this course. The only way you will really understand the material is to practice typing it in on your own as often as possible.
Name:Week Two: Advanced Selectors, Display, and Designing for Accessibility
Description:Colors and fonts are just the start to styling your page. The nice thing about starting with these properties is that they are usually very straightforward to implement. You pick a color and boom - instant, expected results. This week you will learn more about something called the display property. If you took the HTML course with us you know that some elements (like images) can be displayed side-by-side on the screen while others (like paragraphs) are placed underneath each other. I really like showing people the grid and flex properties to give you a little more power about where things can go on the screen. After learning how to style links and lists we will talk about more advanced selectors . Have you ever noticed on a web page that some links are blue and others are purple, depending upon if you have clicked on the links? How is it possible to style some anchor tags and not others?
Name:Week Three: The Box Model and Positioning
Description: This week has my favorite styling -- the box model. Learning how to add borders, padding, and margin can really make your page attractive. We end this week with the subject of positioning -- how to get elements to stick to a certain part of your page. Think about annoying pop-up ads. How do the programmers get them to stay RIGHT IN THE MIDDLE OF THE SCREEN despite the fact that you keep trying to scroll them away.
Name:Week Four: Pseudo-classes, Pseudo-elements, and a Final Project
Description:This week will be heavy on demos. You will learn how to style pseudo-classes (e.g. a link that has been visiting, an element that has the mouse hovering over it) and pseudo-elements (e.g. the first-letter of a heading, the first line of a paragraph). These elements are not difficult to style, but do require careful coding. The final step to completing this course is the completion of the peer-graded project. You will have the chance to demonstrate the ability to follow styling guidelines while still putting your own personal touch on the project. Just remember, you need to validate your work for proper syntax and accessibility.
Name:Week Five: Where To Go From Here?
Description:If you would like to do more now that you have finished this course, I have a few recommendations. The most important thing is that you continue to practice your skills and always have "something" that you are working on.
The web today is almost unrecognizable from the early days of white pages with lists of blue links. Now, sites are designed with complex layouts, unique fonts, and customized color schemes. This course will show you the basics of Cascading Style Sheets (CSS3). The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits. When done correctly, the styling of a webpage can take enhance your page. When done incorrectly the result can be worse than no styling at all. To ensure that your sites do not put up barriers for people with cognitive and/or physical disabilities, you will learn how to evaluate pages using the standardized POUR accessibility guidelines. Upon completion of the course, learners will be able to sketch a design for a given HTML page. Using that design they will use CSS to implement the design by adding fonts, colors, and layouts. This is the second course in the Web Design For Everybody specialization. Subsequent courses focus on adding interaction with JavaScript and enhancing the styling with responsive design. It will be difficult to complete this course if you do not have access to a laptop or desktop computer for the homework.
