Atelier : Création d'un Site Responsive pas à pas
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1 student enrolled
Wishlisted Wishlist

Please confirm that you want to add Atelier : Création d'un Site Responsive pas à pas to your Wishlist.

Add to Wishlist

Atelier : Création d'un Site Responsive pas à pas

Créez vos sites modernes à partir de zéro avec HTML5 & CSS3 !
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1 student enrolled
Created by Diane Dransart
Last updated 6/2017
French
Price: $55
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Créer des sites modernes
  • Bien coder en HTML5 et CSS3
View Curriculum
Requirements
  • Vous devez avoir appris les langages HTML5 et CSS3 et acquis des notions fondamentales.
Description

Au programme de cet atelier :

L'atelier est reparti en 6 grandes étapes pour mettre en application vos compétences en HTML5 et CSS3 et apprendre à réaliser un site web moderne (compatible PC, tablette et Smartphone) de A à Z.

Nous allons :

  • Etape 1 : Maquetter le design de notre site
  • Etape 2 : Editer son contenu en HTML
  • Etape 3 : Le mettre en forme en CSS
  • Etape 4 : Assurer sa compatibilité sur Internet Explorer et son affichage sur les petites résolutions d'écran et sur les navigateurs mobiles
  • Etape 5 : Tester si le site est valide afin de nous assurer qu'il respecte les standards du web
  • Etape 6 : L'envoyer enfin sur le web et le visualiser sur PCtablette et smartphone.

Cet atelier comprend :

  • 65 vidéos sur la création du site moderne
  • Des ressources : quelques liens utiles et l'ensemble des codes sources.

Si vous avez des questions, n'hésitez pas. 

Je reste à votre disposition !

Who is the target audience?
  • Quiconque souhaite créer un site responsive en HTML5 et CSS3.
Compare to Other HTML Courses
Curriculum For This Course
64 Lectures
04:49:52
+
ETAPE 2 - EDITER LE CONTENU DU SITE EN HTML
15 Lectures 01:10:42




Découper la maquette de la page "Témoignages"
00:24

Découper la maquette de la page "Contact"
00:27

Créer les pages du site
11:02

Construire le squelette du site
09:33

Editer le contenu identique pour toutes les pages
14:39

Editer le contenu spécifique à la page d'accueil
08:13

Editer le contenu spécifique à la page "Activités"
04:11

Editer le contenu spécifique à la page "Réalisations"
03:19

Editer le contenu spécifique à la page "Témoignages"
03:10

Editer le formulaire de contact
10:23

Conclusion de l'étape 2
01:09
+
ETAPE 3 - METTRE LE SITE EN FORME EN CSS
21 Lectures 02:36:10
Introduction à la mise en forme du site
00:37

Utiliser les polices personnalisées
11:53

Définir les styles globaux pour le Design du site
20:06

Appliquer le style sur l'en-tête des pages
07:58

Mettre en forme le menu
21:17

Appliquer le style sur le bloc du contenu global
01:25

Appliquer le style sur le slider
11:07

Appliquer le style sur le côté latéral
13:11

Appliquer le style sur le bloc du contenu variant
05:45

Appliquer le style sur le bloc "presentation"
03:24

Appliquer le style sur le bloc de texte avec flottant
05:10

Appliquer le style sur le bloc "text-infos"
04:08

Mettre en forme les boutons
08:48

Mettre en forme la page "Activités"
04:19

Mettre en forme la page "Réalisations"
04:16

Mettre en forme la page "Témoignages"
06:33

Mettre en forme le formulaire de contact
11:23

Mettre en forme le pied de page du site
10:16

Centrer le site
01:23

Commenter le code
02:25

Conclusion de l'étape 3
00:46
+
ETAPE 4 - ASSURER LA COMPATIBILITÉ ET L'AFFICHAGE DU SITE
13 Lectures 37:03
Introduction à la compatibilité et l'affichage
00:41

Afficher le site avec quelques navigateurs
03:07

Assurer la compatibilité du site avec Internet Explorer
02:57

Assurer l'affichage des principaux blocs sur les petites résolutions d'écran
04:40

Assurer l'affichage de l'en-tête sur les petites résolutions d'écran
02:33

Assurer l'affichage du menu sur les petites résolutions d'écran
10:35

Rendre le slider invisible sur les petites résolutions d'écran
01:01

Assurer l'affichage du côté latéral sur les petites résolutions d'écran
02:31

Assurer l'affichage du bloc de contenu variant sur les petites résolutions
03:09

Assurer l'affichage du pied de page sur les petites résolutions d'écran
00:53

Assurer l'affichage de l'ensemble du site sur les petites résolutions d'écran
03:18

Assurer la compatibilité du site avec les navigateurs mobiles
01:31

Conclusion de l'étape 4
00:07
+
ETAPE 5 - TESTER LA VALIDITÉ DU SITE
3 Lectures 08:57
Introduction au test sur la validité
00:38

Vérifier la validité du site auprès du validateur W3C
08:11

Conclusion de l'étape 5
00:08
+
ETAPE 6 - ENVOYER LE SITE SUR LE WEB
7 Lectures 11:08
Introduction à l'envoi du site sur le web
00:26

Transférer les fichiers sur le serveur avec Filezilla
04:11

Naviguer sur le site avec son PC
01:19

Naviguer sur le site avec sa tablette
01:49

Naviguer sur le site avec son Smartphone
01:24

Conclusion de l'étape 6
00:19

Conclusion et ressources de l'atelier (à télécharger)
01:40
About the Instructor
Diane Dransart
3.6 Average rating
10 Reviews
208 Students
4 Courses
Formatrice des TIC "Apprendre devient un plaisir."

Analyste-programmeur, Mentor Coach-IT(point)NET

Très polyvalente, j'ai acquis ma première expérience professionnelle en créant des sites web en freelance. Aujourd'hui, je me consacre à la transmission et au partage de mes connaissances et compétences.

En début d'année j'ai lancé  Coach-IT(point)NET, un site de formations en ligne spécialisées en Informatique. 

Mon objectif est de vous aider à préparer votre carrière en Développement web, tout en rendant votre apprentissage agréable.

J'évolue avec l'ambition constante d'apprendre, de transmettre ce que j'apprends et de développer des projets avec conviction et passion.