It used to be the case that everyone viewed web pages on about the same size screen - a desktop computer. But now it is just as likely that someone will be using a smart phone, tablet, or assistive technology to access the Internet. Therefore, people viewing your site will now expect that it will perform regardless of the device (smartphone, tablet, laptop, desktop computer, or screen reader) AND take into account some common personal settings such as color schemes. This ability to respond to any platform and user preferences is called Responsive Design.
Advanced Styling with Responsive Design
Offrez à votre carrière le cadeau de Coursera Plus avec $160 de réduction, facturé annuellement. Économisez aujourd’hui.
Advanced Styling with Responsive Design
Ce cours fait partie de Spécialisation Web Design for Everybody: Basics of Web Development & Coding
Instructeurs : Colleen van Lent, Ph.D.
125 679 déjà inscrits
Inclus avec 
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
4.7
(4,529 avis)
niveau Débutant
Aucune connaissance prérequise
Planning flexible
Env. 11 heures
Apprenez à votre propre rythme
98%
La plupart des apprenants ont aimé ce cours
Ce que vous apprendrez
Describe basic knowledge of browser tools for responsive design.
Understand the importance of a "mobile-first" paradigm for web design.
Write rules for responsive design for a mobile and large-screen view.
Compétences que vous acquerrez
- Catégorie : Bootstrap (Front-End Framework)
- Catégorie : Responsive Web Design
- Catégorie : JavaScript
- Catégorie : Cascading Style Sheets (CSS)
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Évaluations
4 devoirs
Enseigné en Anglais
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Élaborez votre expertise du sujet
Ce cours fait partie de la Spécialisation Web Design for Everybody: Basics of Web Development & Coding
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
- Apprenez de nouveaux concepts auprès d'experts du secteur
- Acquérez une compréhension de base d'un sujet ou d'un outil
- Développez des compétences professionnelles avec des projets pratiques
- Obtenez un certificat professionnel partageable
Obtenez un certificat professionnel
Ajoutez cette qualification à votre profil LinkedIn ou à votre CV
Partagez-le sur les réseaux sociaux et dans votre évaluation de performance
Il y a 4 modules dans ce cours
What does it mean to have responsive design for your site? How can you tell if your existing site is responsive? This week we will begin with the theories behind the "mobile-first paradigm" - the idea that your mobile site should provide everything needed, not a pared-down version of a good page. We end the week by taking the first concrete step of using fluid measurements in your CSS.
Inclus
6 vidéos9 lectures1 devoir3 sujets de discussion
This week you will get a chance to put the theories into practice using media queries in your CSS. These queries can automatically change the look and functionality of your site based on the size of the browser being used to view the page. This allows you to decide what type of look you want to achieve at various screen sizes, also called "viewports".
Inclus
7 vidéos3 lectures2 devoirs1 évaluation par les pairs1 élément d'application
Knowing what your want your site to look like is the first step, but actually writing the code is another. This week we look at the grid and flex display properties to suggest ways to organize the layout of your page. We also talk about media queries that you should be including to increase the accessibility of your page. These queries can react to user preferences about color schemes, animation, and more.
Inclus
5 vidéos5 lectures
After every good programmer has put in time creating sites from scratch, it is common to utilize existing tools out there. After all, why recreate the wheel? The work you have done up to this point will give you the knowledge needed to craft your own unique sites from these frameworks. This week we will work with Bootstrap, a framework that uses HTML5, CSS, and JavaScript (but don't worry if you have never used JavaScript yourself).
Inclus
10 vidéos5 lectures1 devoir1 évaluation par les pairs1 élément d'application
Instructeurs
Évaluations de l’enseignant
4.8 (394 évaluations)Offert par
Recommandé si vous êtes intéressé(e) par Mobile and Web Development
University of London
Johns Hopkins University
Scrimba
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Avis des étudiants
Affichage de 3 sur 4529
4.7
4 529 avis
- 5 stars
78,55 %
- 4 stars
17,01 %
- 3 stars
3,46 %
- 2 stars
0,75 %
- 1 star
0,22 %
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à plus de 7 000 cours de renommée internationale, à des projets pratiques et à des programmes de certificats reconnus sur le marché du travail, tous inclus dans votre abonnement
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux Questions
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.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.