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.
Этот курс входит в специализацию ''Специализация Web Design for Everybody: Basics of Web Development & Coding'
от партнера
Специализация Web Design for Everybody: Basics of Web Development & CodingМичиганский университетОб этом курсе
Недавно просмотрено: 1,256,507
Карьерные результаты учащихся
50%
начал новую карьеру, пройдя эти курсы
44%
получил значимые преимущества в карьере благодаря этому курсу
15%
стал больше зарабатывать или получил повышение
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 2 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Прибл. 14 часов на выполнение
Английский
Субтитры: Английский
Приобретаемые навыки
Web DesignStyle SheetsCascading Style Sheets (CCS)Web Development
Карьерные результаты учащихся
50%
начал новую карьеру, пройдя эти курсы
44%
получил значимые преимущества в карьере благодаря этому курсу
15%
стал больше зарабатывать или получил повышение
Сертификат, ссылками на который можно делиться с другими людьми
Получите сертификат по завершении
100% онлайн
Начните сейчас и учитесь по собственному графику.
Курс 2 из 5 в программе
Гибкие сроки
Назначьте сроки сдачи в соответствии со своим графиком.
Прибл. 14 часов на выполнение
Английский
Субтитры: Английский
от партнера
Мичиганский университет
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.
Программа курса: что вы изучите
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.
5 ч. на завершение
8 видео ((всего 80 мин.)), 8 материалов для самостоятельного изучения, 2 тестов
8 видео
01-02 Cascading Style Sheets16мин
01-03 Colors9мин
01-04 Styling Your Text12мин
01-05 Code Together9мин
01-06a Display and Visibility - Part 111мин
01-06b Display and Visibility - Part 27мин
01-07 Optional -- Homework Description4мин
8 материалов для самостоятельного изучения
Syllabus10мин
Resources10мин
Help us learn more about you!10мин
Building Your First Web Page10мин
Early coding3мин
Code Placement5мин
Homework One Description10мин
Peer Review1мин
1 практическое упражнение
Styling Syntax and Theory26мин
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.
5 ч. на завершение
8 видео ((всего 79 мин.)), 9 материалов для самостоятельного изучения, 3 тестов
8 видео
02-01 Box Model13мин
02-02 Code Together8мин
02-03 Styling Links and Lists11мин
02-04 Advanced Selectors12мин
02-05 Browser Capabilites11мин
02-06 Code Together7мин
02-07 Designing For Accessibility6мин
02-08 Optional - Homework Description6мин
9 материалов для самостоятельного изучения
Resources1мин
Coding Together1мин
Supplemental reading on complex selectors20мин
Shorthand rules5мин
Browsers6мин
Code Together2мин
Background Images and Opacity6мин
Optional - The importance of headings10мин
Homework Two Description8мин
2 практических упражнения
Optional Practice Quiz: Review26мин
Advanced Selectors Quiz32мин
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 тест
5 видео
03-02 Transitions5мин
03-03 Transforms5мин
03-04 Code together - Transitions4мин
03-05 Positioning10мин
5 материалов для самостоятельного изучения
Resources1мин
OPTIONAL READINGS - Transitions, Transforms, and Animation2мин
Positioning2мин
Why not a Peer Assignment this week?1мин
Some Fun Links1мин
1 практическое упражнение
Final Quiz18мин
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.
3 ч. на завершение
7 видео ((всего 34 мин.)), 3 материалов для самостоятельного изучения, 1 тест
7 видео
04-02 Creating Navigation Menus3мин
04-03 Accessible Navigation7мин
04-04 Creating Navigation Menus 23мин
04-05 Creating Navigation Menus 35мин
04-06 Optional - Homework Description6мин
04-07 Conclusion2мин
3 материала для самостоятельного изучения
Resources1мин
OPTIONAL: A Change to the Accessibility of Headings2мин
Final Project Description7мин
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.
15 минут на завершение
4 материалов для самостоятельного изучения
4 материала для самостоятельного изучения
Coursera Options1мин
CodeAcademy - other badge tutorials2мин
Meetups2мин
Post-course Survey10мин
Рецензии
Лучшие отзывы о курсе INTRODUCTION TO CSS3
от партнера AF25 дек. 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.
от партнера CZ6 мая 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.
от партнера NP18 мая 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.
от партнера MS11 апр. 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!
Специализация 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.
Часто задаваемые вопросы
Когда я получу доступ к лекциям и заданиям?
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.
Что я получу, оформив подписку на специализацию?
Записавшись на курс, вы получите доступ ко всем курсам в специализации, а также возможность получить сертификат о его прохождении. После успешного прохождения курса на странице ваших достижений появится электронный сертификат. Оттуда его можно распечатать или прикрепить к профилю LinkedIn. Просто ознакомиться с содержанием курса можно бесплатно.
Какие правила возврата средств?
Когда вы оформите подписку, начнется семидневный бесплатный пробный период, в течение которого подписку можно отменить без штрафа. По истечении этого срока вы не сможете вернуть средства, но сможете отменить подписку в любой момент. Ознакомьтесь с нашей политикой возврата средств.
Можно ли получить финансовую помощь?
Да, Coursera предоставляет финансовую помощь учащимся, которые не могут оплатить обучение. Чтобы подать заявление, перейдите по ссылке "Финансовая помощь" слева под кнопкой "Зарегистрироваться". Заполните форму заявления. Если его примут, вы получите уведомление. Обратите внимание: этот шаг необходимо выполнить для каждого курса специализации, в том числе для дипломного проекта. Подробнее
Получу ли я зачеты в университете за прохождение курса?
Этот курс не приравнивается к зачету в университетах, однако некоторые вузы принимают сертификаты на свое усмотрение. Дополнительную информацию уточняйте в своем деканате. Онлайн-дипломы и сертификаты Mastertrack™ от Coursera позволяют получить зачеты.
Остались вопросы? Посетите Центр поддержки учащихся.
