# Développement HTML CSS [toc] # Description/À propos Cette spécialisation couvre la manière d'écrire du HTML5 et du CSS3 syntaxiquement corrects. La maîtrise de cette gamme de technologies vous permettra de développer des sites web de haute qualité qui, fonctionnent de manière transparente sur les navigateurs mobiles, tablettes et grands écrans accessibles. Cela comprendra votre capacité à concevoir et à mettre en œuvre un site réactif qui utilise des outils pour créer un site qui est accessible à un large public, y compris ceux qui ont des déficiences visuelles, auditives, physiques et cognitives. # Qui peut suivre (14ans+ passionnés de …., étudiants en …., responsable de …., etc. ) - toute personne passionnés de la technologie et qui veux apprendre comment creer des pages web. - toute étudiants en science de l'informatique (Genie Logiciel, Cyber Seurite, etc) - Responsable de projet web # Pré-requis nécessaire - Savoir lire et faire des recherche pour comprendre - Avoir un ordi à jour - Etre curieux # Objectifs pédagogiques Après ce cours, vous serez capable de: - Lire et comprendre du code HTML et CSS - Ecrire du HTML et du CSS - creer un site statique - Customiser une page html css - debogger du HTML et du CSS # Introduction # Plan du cours # Partie 1: Definir la structure de vos page avec HTML ## HTML c'est quoi ? HyperText Markup Language est un language de balisage qui est utilise pour creer une page web et une application Web. balisage en francais facile c'est un language qui utilise des tags pour dire au navigateur que l'element qu'il designe est de type `section`,`titre`,`image`, `paragraphe`, `list`, `image`, `tableau`, etc ## comment fonctionne le web ? Le **web** est est un système d'information dans lequel les documents et autres ressources web sont identifiés par des localisateurs de ressources uniformes *(Universal Resource Locator - URL*), qui peuvent être reliés entre eux par des hyperliens, et sont accessibles sur l'internet. les ressources sont stocker sur un ordinateur distant et repond aux requetes et un autre ordinateur lance des requettes faire ces ordinateur pour avoir acces au ressources. - l'ordinateur qui stocke les ressources et reponds au requetes est un **serveur**. - l'ordinateur qui lance les requetes est un **client** ## Creer un document HTML les principales informations a afficher sont dans le fichier HTML et sont presenter a l'utilisateur par le Navigateur. ## Structure d'une page HTML ```htmlembedded <html lang='fr'> <head> <title>Titre </title> <meta name='description' content=''> </head> <body> </body> </html> ``` ## Type de tag HTML Tag Orpheline Tag jumelle: # Partie 2: Presentation et organisation visuel du contenus d'une page avec CSS ## CSS c'est quoi ? ## Un Quizz/Exo à la fin de chaque partie ## Un Exo final