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.
課程信息
214,007 次近期查看
學生職業成果
37%
完成這些課程後已開始新的職業生涯
36%
通過此課程獲得實實在在的工作福利
11%
加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始，按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
完成時間大約為11 小時
英語（English）
字幕：阿拉伯語（Arabic）, 法語（French）, （歐洲人講的）葡萄牙語, 意大利語, 越南語, 德語（German）, 俄語（Russian）, 英語（English）, 西班牙語（Spanish）
您將獲得的技能
Web DesignStyle SheetsCascading Style Sheets (CCS)Web Development
學生職業成果
37%
完成這些課程後已開始新的職業生涯
36%
通過此課程獲得實實在在的工作福利
11%
加薪或升職
可分享的證書
完成後獲得證書
100% 在線
立即開始，按照自己的計劃學習。
可靈活調整截止日期
根據您的日程表重置截止日期。
完成時間大約為11 小時
英語（English）
字幕：阿拉伯語（Arabic）, 法語（French）, （歐洲人講的）葡萄牙語, 意大利語, 越南語, 德語（German）, 俄語（Russian）, 英語（English）, 西班牙語（Spanish）
提供方
密歇根大学
The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.
教學大綱 - 您將從這門課程中學到什麼
完成時間為 4 小時
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.
完成時間為 4 小時
8 個視頻 （總計 80 分鐘）, 8 個閱讀材料, 2 個測驗
完成時間為 4 小時
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.
完成時間為 4 小時
8 個視頻 （總計 79 分鐘）, 9 個閱讀材料, 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 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. It is also the first step to adding simple animation to your site. 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.
完成時間為 1 小時
5 個視頻 （總計 29 分鐘）, 5 個閱讀材料, 1 個測驗
完成時間為 2 小時
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.
完成時間為 2 小時
7 個視頻 （總計 34 分鐘）, 3 個閱讀材料, 1 個測驗
完成時間為 25 分鐘
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.
完成時間為 25 分鐘
5 個閱讀材料
審閱
來自CSS3 入门的熱門評論
由 GC 提供2020年12月19日
This course helped me hone my CSS skills. Even though I had some knowledge on the subject, I understood and practiced many things that I had difficulty understanding before. Thanks, Professor Colleen.
由 MK 提供2020年9月25日
This course is a recommendable for all beginners who are interested in designing and styling their web pages. The whole course is interesting and challenging at the end of the course and I enjoyed it.
由 CZ 提供2020年5月6日
please remove the peer grading module because some students graded me with unreasonable deductions by giving no reason why he/she did this. It won't be fair enough for people who graded me seriously.
由 NP 提供2020年5月18日
Excellent course! Well paced and the course really builds skills in using CSS3! Highly recommend this course to anyone looking to get a good grounding in CSS or who wants to go over the basics again.
關於 Web Design for Everybody: Basics of Web Development & Coding 專項課程
This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.
常見問題
我什么时候能够访问课程视频和作业？
我订阅此专项课程后会得到什么？
Is financial aid available?
完成课程后，我会获得大学学分吗？
還有其他問題嗎？請訪問 學生幫助中心。
