Créez votre premier site web Responsive en HTML et CSS

Créer un CV sous forme d'un site internet grâce aux langages de programmation HTML et CSS, et le rendre "responsive"
Rating: 4.4 out of 5 (207 ratings)
4,516 students
Créez votre premier site web Responsive en HTML et CSS
Rating: 4.4 out of 5 (207 ratings)
4,514 students
Programmer en HTML pour réaliser un site vitrine
Styliser son site avec le langage CSS
Créer son premier site internet (CV)
Paramétrer son site pour qu'il soit "responsive"
Mettre en ligne son site internet

Requirements

  • Aucune
Description

Dans ce cours pratique, vous allez progresser par étape dans l'apprentissage de la réalisation d'un site internet avec les langages HTML et CSS.


Nous partirons d'une feuille blanche :

  • Nous commencerons par apprendre les bases du HTML

  • Nous apprendrons ensuite le langage CSS

  • Et enfin, nous créerons un site web complet


Nous verrons ensuite comment finaliser notre site:

  • En le rendant "responsive", c'est à dire qu'il s'adapte à "tous" les écrans

  • En vérifiant que le contenu respecte les standards du web définis par le W3C

  • En le mettant en ligne (les étapes de mise en ligne seront décrites mais il vous faudra prendre un hébergeur)


Ce cours est à destination des débutants en informatique ou des débutants dans la programmation Web. Tout y est détaillé (je suis également disponible et réactif pour vous aider dans votre apprentissage). Vous trouverez dans chaque session, le code correspondant (pour éviter que vous soyez bloqué).


Avec les compétences que vous allez acquérir grâce à ce cours, vous saurez créer un site vitrine, le rendre "responsive", et le rendre disponible sur internet.


En fin de cours, je vous montre une introduction au PHP et au JavaScript !


Ce cours se concentrant sur la pratique, la présence de théorie se fait extrêmement rare !!! Il va donc falloir que vous mettiez les mains dans le cambouis et que vous programmiez !!!


Je reste à votre disposition pour répondre à vos questions et vous guider dans votre apprentissage.


A très vite !!!

Who this course is for:
  • Etudiants ou futurs étudiants en informatique
  • Développeurs (web ou non)
  • Développeurs autodidactes
  • Novices en informatique
Curriculum
6 sections • 38 lectures • 2h 49m total length
  • Que contient ce cours ?
  • Qui suis-je ?
  • Le cours et les modules
  • Le parcours de formation
  • Conseils pour suivre la formation
  • Les logiciels
  • Créer son espace de travail dans Visual Studio Code
  • Le HTML et les balises
  • Balises de titres (et la balise de séparation)
  • Balises de listes et combinaisons des balises
  • Balises "block" & "inline" avec les balises SPAN et DIV + les commentaires
  • Les images
  • Mettre en gras, en italique et souligner
  • Les tableaux
  • Les liens
  • Les formulaires
  • Réaliser un document HTML complet
  • Les premières propriétés CSS
  • Classes et ID, et réaliser un fichier CSS dédié
  • Les marges (Padding et Margin)
  • Polices et tailles
  • Positionner les éléments avec la propriété Float
  • La propriété "Position"
  • la propriété "Flex"
  • Pseudo-classes et pseudo-éléments
  • Réalisation du Header
  • Créer le menu
  • Le footer
  • Le corps du site
  • Page "Expériences pro"
  • Page "contact"
  • Les "média queries"
  • Le référencement
  • Validation W3C
  • Mettre en ligne son site internet
  • Introduction au JavaScript
  • Introduction au Php
  • Poursuivre son apprentissage

Instructor
Formateur en école supérieure d'informatique + sur H2PROG
Matthieu GASTON
  • 4.6 Instructor Rating
  • 1,720 Reviews
  • 8,816 Students
  • 20 Courses

Professionnel de l'informatique depuis 2012, après un Master MIAGE acquis à Toulouse en Alternance auprès d'IBM, j'ai travaillé dans des grandes structures comme Capgemini et CGI en qualité de développeur et de chef de projet.

Intervenant en école supérieure d'informatique, j’enseigne aujourd’hui sur internet en particulier sur Udemy et sur H2PROG afin de faire partager mes compétences et mon expérience.

L’objectif principal de mes formations est de vous amener à pratiquer un maximum, et de vous sentir à l’aise avec le développement informatique.

Si vous arrivez ensuite à trouver un emploi, j’aurais réussi ma mission.