CSS3 入门

Introduction to CSS3

Part of a 5-course series, the Web Design for Everybody Specialization

密歇根大学

Coursera

计算机

简单(初级)

18 小时

Sponsored\Ad:本课程链接由Coursera和Linkshare共同提供
  • 英语
  • 726

课程概况

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.

你将学到什么

Web Design

Style Sheets

Cascading Style Sheets (CCS)

Web Development

课程大纲

周1
完成时间为 5 小时
Week One: Getting Started with Simple Styling
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.
8 个视频 (总计 80 分钟), 8 个阅读材料, 2 个测验

周2
完成时间为 5 小时
Week Two: Advanced Styling
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 we move on to new properties that tend to require a little bit of tweaking to get the desired results. In particular we will talk about the Box Model, background images, opacity, float, columns, visibility, and designing for different browsers.
8 个视频 (总计 79 分钟), 9 个阅读材料, 3 个测验

周3
完成时间为 1 小时
Week Three: Psuedo-classes, Pseudo-elements, Transitions, and Positioning
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? This week you will learn how to style pseudo-classes (e.g. a link that has been vi...
5 个视频 (总计 29 分钟), 5 个阅读材料, 1 个测验

周4
完成时间为 3 小时
Week Four: Putting It All Together
This week I am going to do some code review. I will show you how I used pseudo-classes and pseudo-elements to style a table. Then I give you a demonstration of three different navigation bars that utilize different styling options. We will want to step back and talk about how these different options may affect the accessibility of our site. 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.
7 个视频 (总计 34 分钟), 3 个阅读材料, 1 个测验
完成时间为 15 分钟
Where To Go From Here?
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.

Self-Driving Cars. Become an autonomous vehicle engineer.
声明:MOOC中国发布之课程均源自下列机构,版权均归他们所有。本站仅作报道收录并尊重其著作权益,感谢他们对MOOC事业做出的贡献!(排名不分先后)
  • Coursera
  • edX
  • OpenLearning
  • FutureLearn
  • iversity
  • Udacity
  • NovoEd
  • Canvas
  • Open2Study
  • Google
  • ewant
  • FUN
  • IOC-Athlete-MOOC
  • World-Science-U
  • Codecademy
  • CourseSites
  • opencourseworld
  • ShareCourse
  • gacco
  • MiriadaX
  • JANUX
  • openhpi
  • Stanford-Open-Edx
  • 网易云课堂
  • 中国大学MOOC
  • 学堂在线
  • 顶你学堂
  • 华文慕课
  • 好大学在线CnMooc
  • 以及更多...
本平台部分课程由Coursera、Udemy及其推广联盟服务商Linkshare共同提供,本平台合法享有相应的推广收益。

© 2008-2018 MOOC.CN 慕课改变你,你改变世界