RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif

Apprendre à faire un site web responsive en Css adapter un site aux tablettes et au mobile responsive design html css

3.00 (1 reviews)
Udemy
platform
Français
language
Web Development
category
372
students
2 hours
content
Jan 2022
last update
FREE
regular price

What you will learn

Apprendre le CSS et les media queries

Rendre un site responsive

Le responsive design

Site web responsive

Adapter un site web à tous types d'écran

Passer d'une version desktop à une version mobile

Les media queries en css

Faire un site web responsive rapidement

Responsive web site

Adapter un site web à un mobile

Adapter un site web à une tablette

Utiliser l'inspecteur de google

Utiliser des outils pour adapter un site aux mobiles et tablettes

Responsive en html css

Description

Dans ce cours tu va apprendre maintenant à faire rapidement un site web responsive en HTML CSS à utiliser les media queries en css de manière efficace et simple et réussir à utiliser l'inspecteur et le dev tools de manière méthodique pour voir les différents outils pour contrôler l'adaptation de ton site web et adopter des méthodes de travail que tu pourra reproduire dans n'importe quel site web par la suite c'est méthode sont universel et permette d'apprendre rapidement en 120 minutes à rendre ton site web responsive on va travailler sur une landing page de présentation d'un domaine d'activité je t'invite à connaître d'abord html et css de A à Z avant de t'attaquer à cette formation ce cours s'adresse à tous débutants en responsive design à la refonte de site web adaptable sur tablettes ou mobiles.

Responsive Design deviens un pro en matière de design fait des sites web adapter sur ordinateur jusqu'au mobile . Découvre comment fonctionne les media queries CSS comment adapter ton site web pour tous type d'écrans ici on part d'un site desktop (ordinateur) et tu le rend adaptable à tous les écrans de A à Z le design web adaptables à tous types de support !

Voici comment faire un de site responsive design, en 120 minutes...

Même sans savoir comment faire de responsive design dans tes projets :

Le système complet de “RESPONSIVE  WEB DESIGN”, expliqué et détaillé :

Tu n’as plus besoin de faire de tuto, plus besoin de l'aide de ton voisin plus besoin de lire des textes à rallonge pour te plonger dedans…

Du coup, tu peux utiliser le temps que tu gagnes pour te concentrer sur ton projet en cours… ou bien faire des site web beaucoup plus fréquents en finir avec les formations à rallonge !

Content

Introduction Premiére Media queries

Introduction Fichiers sources à télécharger pour les vidéos ci dessous section 1
Modifier la police réduire les cartes première étape
Réduire toutes les cartes dans sa media queries
Agrandir et réduire le contenant de chacun des éléments qui sorte de l'écran

Seconde Media Queries en CSS

Fichiers sources à télécharger pour les vidéos ci dessous section 2
Réduire la description des cartes et de la navigation à partir de 1070px
Ajuster les polices de la navbar et du portrait ainsi que du titre
Ajuster un tableau et optimiser la partie habitat

Troisième Media Queries en CSS

Fichiers sources à télécharger pour les vidéos ci dessous section 3
Ecran sous 680 px passer la navbar à la verticale
Agrandir ses cartes et ses vidéos passer les paragraphes de description dessous
Centrer les éléments à effet décaler passer le footer à la verticale

Quatrième Media Queries en CSS

Fichiers sources à télécharger pour les vidéos ci dessous section 4
Les écrans de petites tailles apprendre à utiliser les outils dev tools
Comment organiser des éléments trop grand dans des écrans petits
Réorganiser sa structure de page si besoin sans influer sur le travail déjà fait

Finaliser son site web et le faire valider son HTML et son CSS à validator

Fichiers sources à télécharger pour les vidéos ci dessous section 5
Les parties des éléments invisible c'est quoi ?
Finaliser son site web responsive en html css s'avoir utiliser les outils de dev
Ajuster et comment valider son code ou si besoin corriger les erreurs ?

Screenshots

RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Screenshot_01RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Screenshot_02RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Screenshot_03RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Screenshot_04

Charts

Price

RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Price chart

Rating

RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Ratings chart

Enrollment distribution

RESPONSIVE WEBSITE La Meilleure Méthode de Site Responsif - Distribution chart
4499162
udemy ID
1/17/2022
course created date
1/21/2022
course indexed date
Bot
course submited by