Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

COURS COMPLET HTML ET CSS Objectifs du cours HTML et CSS et prérequis <="" p=""

COURS COMPLET HTML ET CSS Objectifs du cours HTML et CSS et prérequis <="" p="" style="margin: 5px auto; padding: 3px; background-color: rgba(168, 197, 36, 0.47); box-shadow: 0px 0px 9px; width: 694px; max-width: 694px;"> Bienvenue à tous dans ce cours complet traitant des deux langages informatiques incontournables : le HTML et CSS. Le but de ce tutoriel est d’explorer les différentes fonctionnalités du HTML et du CSS et de vous apprendre à les utiliser pas à pas. Ce cours s’adresse à tous, des plus parfaits débutants aux personnes disposant déjà d’un bagage informatique. Le HTML et le CSS sont des langages de base en informatique ; on commence donc généralement par leur apprentissage car ils sont assez simples à comprendre et car ils sont indispensables. Méthodologie et pédagogie Dans un but pédagogique, et afin de vous fournir la meilleure expérience d’apprentissage possible, ce cours a été divisé en de multiples sous-chapitres. Vous pouvez à tout moment voir le sommaire du cours sur votre gauche. Le chapitre consulté actuellement s’affichera en gras afin que vous puissiez facilement vous repérer. De plus, ce tutoriel HTML et CSS utilise plusieurs supports afin de faciliter votre apprentissage et de valider vos progrès. Chaque nouvelle section dispose d’une vidéo ainsi que d’un script illustré par de nombreux exemples. Avec les exemples, vous disposerez également généralement d’un lien vous permettant de tester le code vous même et de le modifier comme ci-dessous : Essayer ce code ! Finalement, des quizz et des exercices sont disponibles tout au long de ce cours HTML et CSS afin que vous puissiez tester votre compréhension du cours et voir votre progression. En bref : tout a été fait pour faciliter un apprentissage rapide et une compréhension globale du HTML et du CSS. POURQUOI APPRENDRE LE HTML ET LE CSS ? Le HTML et le CSS, deux standards Si le monde de l’informatique vous plaît et que vous êtes tenté d'apprendre la programmation informatique, vous serez obligé de passer par l’apprentissage du HTML et du CSS et ceci pour deux raisons. Tout d’abord, il faut savoir que le HTML et le CSS sont deux véritables standards et n’ont donc, à ce titre, pas de concurrent comme cela peut être le cas pour le langage PhP par exemple (concurrencé par Ruby on Rails et Django entre autres). Ensuite, les langages HTML et CSS sont véritablement à la base de tout projet de développement web car les navigateurs (Google Chrome, Safari, etc.) vont utiliser le code HTML et le CSS pour vous fournir et afficher des pages web. Voici par exemple un exemple de code HTML : Et voici un exemple de code CSS : En bref : que vous vouliez créer un site e-commerce, un blog, une application mobile ou quoique ce soit d’autre, vous serez obligé de passer par les langages HTML et CSS. Cela étant, si vous connaissez un petit peu le monde du web, vous pouvez très bien vous dire que coder en HTML et en CSS est inutile puisque vous pouvez utiliser des solutions toutes faîtes comme des frameworks (WordPress, PrestaShop), des éditeurs WYSIWIG (What You See Is What You Get) comme Adobe Dreamweaver ou encore avoir recours aux services d’une agence spécialisée. Faisons table rase des idées reçues IDEE RECUE N°1 : Un framework, c’est génial. C’est tout à fait vrai. En effet, utiliser un bon framework correspond à des centaines d’heures de travail économisées pour vous et est également la garantie d’un travail bien fait à priori. Toutefois, le jour où vous voulez intégrer quelque chose comme disons… un système de paiement, comment faites-vous ? Et si vous voulez modifier un peu l’apparence graphique de votre site ? Dans ce cas là, ça devient la panique totale. Si installer un framework peut être une bonne solution, ce n’est pas suffisant. Vous devez également le comprendre et pouvoir le modifier. IDEE RECUE N°2 : Avez un éditeur WYSIWIG, pas besoin de savoir coder. Les éditeurs WYSIWIG sont des éditeurs qui codent « à votre place ». En gros, vous choisissez d’insérer un paragraphe, une image, un carré, etc. et l’éditeur crée le code correspondant. Un exemple célèbre est Adobe Dreamweaver. Ces éditeurs sont certes de plus en plus puissants et de mieux en mieux fait. Cependant, ils font et continueront toujours à faire des erreurs, ne serait-ce que d’organisation du code et de logique. En effet, il n’est pas possible pour un programme de penser comme un humain et ainsi votre code ne sera jamais tout à fait valide. De plus, certaines autres limitations demeurent. IDEE RECUE N°3 : Une agence ou un freelance peut faire le travail à ma place. Pour peu que vous ayez un budget suffisant (> 50K€ en général), vous pourrez vous offrir certaines agences reconnues qui font un travail remarquable et offrent un bon support après vente. Toutefois, les "bonnes" agences sont généralement hors budget et nombre de freelances et « d’agences » ne se résument en fait qu’à un étudiant cherchant à gagner un peu d’argent. Or, aujourd’hui, le web est trop complexe pour qu’un développeur seul, aussi expérimenté qu’il soit, puisse gérer seul un projet d’envergure dans des délais convenables. Je vous laisse donc imaginer dans nombre de cas le résultat… De plus, pensez bien que le côté technique d'un projet n'est qu'un aspect parmi d'autres. Si vous dépensez tout votre argent dans le développement de votre site web ou application, comment pourrez-vous marketer votre projet ? Enfin, une fois le travail rendu, il faudra très souvent ne pas vous attendre à ce que votre freelance ou votre agence vienne vous dépanner pendant des années en cas de problème. Mettre un pied dans le monde des développeurs Encore une fois, je ne vous dis pas de ne pas travailler avec une agence, je vous dis simplement de prendre des précautions et de vous organiser avant. Apprendre le HTML et le CSS signifie entrer dans le monde des développeurs et c’est donc commencer à les comprendre et à parler comme eux. Si vous comprenez le HTML et le CSS avant de faire appel à une agence, vous rédigerez alors un cahier des charges plus précis et de meilleure qualité et économiserez finalement beaucoup d’argent et réduirez le nombre de vos soucis. Comprendre son site Finalement (on garde le meilleur pour la fin !), apprendre le HTML et le CSS c’est surtout et avant tout se créer un socle pour comprendre comment fonctionne son site et ainsi pouvoir le modifier ou corriger des problèmes au besoin. Deviendriez-vous plombier sur un coup de tête ? Non, car vous n’y connaissez rien en plomberie. C’est exactement pareil sur le web. L’immense majorité des échecs liés au web proviennent du fait que des personnes se lancent dans l’aventure sans la moindre connaissance de leur environnement. N’oubliez pas qu’il est essentiel, pour qu’un commerce fonctionne (et aujourd’hui plus que jamais) d’avoir une compréhension de son propre business, de son architecture et de son infrastructure. Si vous faîtes l’effort de comprendre cela, vous avez d’ores-et-déjà battu 95% de vos concurrents. Sans compter que pour optimiser votre référencement (donc votre visibilité sur le web), la maîtrise du HTML et du CSS est indispensable. Convaincu ? Dans ce cas, passons à la suite ! Car je suis certain que vous êtes impatients de découvrir ce que signifient les initiales « HTML » et « CSS » ! DEFINITIONS ET ROLES DU HTML ET DU CSS Le HTML, ou HyperText Markup Language HTML est l’abréviation de HyperText Markup Language, soit en français « langage de balisage hypertexte ». Ce langage a été créé en 1991 et a pour fonction de structurer et de donner du sens à du contenu. Grâce au HTML, on va par exemple pouvoir indiquer au navigateur que tel texte doit être considéré comme un simple paragraphe ou que tel autre est un titre. Le code HTML ci-dessous par exemple indique que l’on souhaite créer un grand titre (grâce à l’élément h1) et un paragraphe (grâce à l’élément p). Le HTML va également nous permettre d’insérer différents types d’éléments dans nos pages web : du texte, des liens, des images, etc. Le CSS, ou Cascading StyleSheets CSS est le diminutif de Cascading StyleSheets, ou feuilles de styles en cascade. Le CSS a été créé en 1996 et a pour rôle de mettre en forme du contenu en lui appliquant ce qu’on appelle des styles. Le CSS va nous permettre par exemple de définir la taille, la couleur ou l’alignement d’un texte. Nous allons donc utiliser le CSS sur notre code HTML, afin d’enjoliver le résultat visuel final. Le code ci-dessous par exemple indique que les titres h1 écrits en HTML doivent avoir une couleur rouge et une taille de 14px tandis que les paragraphes doivent être bleus et soulignés. N’utilisez jamais le HTML pour la mise en forme ! Voilà une chose que je vais vous répéter encore et encore au fil de ces premiers chapitres : vous ne devez jamais utiliser le HTML pour faire le travail uploads/S4/ cours-complet-html-et-css 1 .pdf