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.
Dieser Kurs ist Teil der Spezialisierung Spezialisierung Web Design for Everybody: Basics of Web Development & Coding
von
Spezialisierung Web Design for Everybody: Basics of Web Development & CodingUniversity of MichiganÜber diesen Kurs
1,257,635 kürzliche Aufrufe
Karriereergebnisse der Lernenden
50%
nahm einen neuen Beruf nach Abschluss dieser Kurse auf
44%
ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs
15%
erhalten Sie eine Gehaltserhöhung oder Beförderung
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 14 Stunden zum Abschließen
Englisch
Untertitel: Englisch
Kompetenzen, die Sie erwerben
Web DesignStyle SheetsCascading Style Sheets (CCS)Web Development
Karriereergebnisse der Lernenden
50%
nahm einen neuen Beruf nach Abschluss dieser Kurse auf
44%
ziehen Sie für Ihren Beruf greifbaren Nutzen aus diesem Kurs
15%
erhalten Sie eine Gehaltserhöhung oder Beförderung
Zertifikat zur Vorlage
Erhalten Sie nach Abschluss ein Zertifikat
100 % online
Beginnen Sie sofort und lernen Sie in Ihrem eigenen Tempo.
Flexible Fristen
Setzen Sie Fristen gemäß Ihrem Zeitplan zurück.
Ca. 14 Stunden zum Abschließen
Englisch
Untertitel: Englisch
von
University of Michigan
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.
Lehrplan - Was Sie in diesem Kurs lernen werden
5 Stunden zum Abschließen
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.
5 Stunden zum Abschließen
8 Videos (Gesamt 80 min), 8 Lektüren, 2 Quiz
8 Videos
01-02 Cascading Style Sheets16m
01-03 Colors9m
01-04 Styling Your Text12m
01-05 Code Together9m
01-06a Display and Visibility - Part 111m
01-06b Display and Visibility - Part 27m
01-07 Optional -- Homework Description4m
8 Lektüren
Syllabus10m
Resources10m
Help us learn more about you!10m
Building Your First Web Page10m
Early coding3m
Code Placement5m
Homework One Description10m
Peer Review1m
1 praktische Übung
Styling Syntax and Theory26m
5 Stunden zum Abschließen
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.
5 Stunden zum Abschließen
8 Videos (Gesamt 79 min), 9 Lektüren, 3 Quiz
8 Videos
02-02 Code Together8m
02-03 Styling Links and Lists11m
02-04 Advanced Selectors12m
02-05 Browser Capabilites11m
02-06 Code Together7m
02-07 Designing For Accessibility6m
02-08 Optional - Homework Description6m
9 Lektüren
Resources1m
Coding Together1m
Supplemental reading on complex selectors20m
Shorthand rules5m
Browsers6m
Code Together2m
Background Images and Opacity6m
Optional - The importance of headings10m
Homework Two Description8m
2 praktische Übungen
Optional Practice Quiz: Review26m
Advanced Selectors Quiz32m
1 Stunde zum Abschließen
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 Stunde zum Abschließen
5 Videos (Gesamt 29 min), 5 Lektüren, 1 Quiz
5 Videos
03-02 Transitions5m
03-03 Transforms5m
03-04 Code together - Transitions4m
03-05 Positioning10m
5 Lektüren
Resources1m
OPTIONAL READINGS - Transitions, Transforms, and Animation2m
Positioning2m
Why not a Peer Assignment this week?1m
Some Fun Links1m
1 praktische Übung
Final Quiz18m
3 Stunden zum Abschließen
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.
3 Stunden zum Abschließen
7 Videos (Gesamt 34 min), 3 Lektüren, 1 Quiz
7 Videos
04-02 Creating Navigation Menus3m
04-03 Accessible Navigation7m
04-04 Creating Navigation Menus 23m
04-05 Creating Navigation Menus 35m
04-06 Optional - Homework Description6m
04-07 Conclusion2m
3 Lektüren
Resources1m
OPTIONAL: A Change to the Accessibility of Headings2m
Final Project Description7m
15 Minuten zum Abschließen
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.
15 Minuten zum Abschließen
4 Lektüren
4 Lektüren
Coursera Options1m
CodeAcademy - other badge tutorials2m
Meetups2m
Post-course Survey10m
Bewertungen
Top-Bewertungen von INTRODUCTION TO CSS3
von AF25. Dez. 2015
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.
von NP18. Mai 2020
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.
von CZ6. Mai 2020
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.
von MS11. Apr. 2018
I have learned SO much in this class. I am making web sites, writing code, making mistakes, and solving problems. This is the most practical class I have taken on Coursera. I HIGHLY recommend it!
Über den Spezialisierung 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.
Häufig gestellte Fragen
Wann erhalte ich Zugang zu den Vorträgen und Aufgaben?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
- The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
- The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
Was bekomme ich, wenn ich diese Spezialisierung abonniere?
Wenn Sie sich für den Kurs anmelden, erhalten Sie Zugriff auf alle Kurse der Spezialisierung und Sie erhalten nach Abschluss aller Arbeiten ein Zertifikat. Ihr elektronisches Zertifikat wird zu Ihrer Seite „Errungenschaften“ hinzugefügt – von dort können Sie Ihr Zertifikat ausdrucken oder es zu Ihrem LinkedIn Profil hinzufügen. Wenn Sie nur lesen und den Inhalt des Kurses anzeigen möchten, können Sie kostenlos als Gast an dem Kurs teilnehmen.
Wie erfolgen Rückerstattungen?
Wenn Sie ein Abonnement abgeschlossen haben, erhalten Sie eine 7-tägige, kostenlose Testversion, die Sie gebührenfrei wieder kündigen können. Danach gewähren wir keine Rückerstattungen mehr, aber Sie können Ihr Abonnement jederzeit kündigen. Lesen Sie unsere vollständige Rückerstattungsrichtlinie.
Ist finanzielle Unterstützung möglich?
Ja, Coursera bietet für Kursteilnehmer, die sich die Kursgebühr nicht leisten können, finanzielle Unterstützung an. Bewerben Sie sich dafür, indem Sie auf den Link für finanzielle Unterstützung links unter der Schaltfläche „Anmelden“ klicken. Sie werden zum Ausfüllen eines Antrags aufgefordert und werden bei Genehmigung benachrichtigt. Diesen Schritt müssen Sie für jeden Kurs der Spezialisierung ausführen, auch für das Abschlussprojekt. Mehr erfahren
Erhalte ich akademische Leistungspunkte für den Abschluss des Kurses?
Für diesen Kurs gibt es keine akademischen Leistungspunkte, doch Hochschulen können nach eigenem Ermessen Leistungspunkte für Kurszertifikate vergeben. Wenden Sie sich an Ihre Einrichtung, um mehr zu erfahren. Online-Abschlüsse und Mastertrack™-Zertifikate auf Coursera bieten die Möglichkeit, akademische Leistungspunkte zu erwerben.
Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..
