Le site de Patrick Darcheville

Débuter en HTML & CSS - notions de PHP & SQL

Initiation au HTML, CSS, PHP & SQL

HTML, CSS pour les nuls

Débuter en HTML & CSS

HTML & CSS pour débutant

HTML & CSS facile

Découvrir HTML & CSS

Ci-dessus une animation que vous saurez réaliser dès que vous aurez de bonnes bases dans 4 langages du Web traités dans mon site (HTML, CSS, SVG & JavaScript).

Portée de ce tutoriel

Ce didacticiel est une initiation à la programmation Web et porte surtout sur le couple HTML & CSS mais aussi avec quelques notions de PHP et de SQL.
En effet on ne peut pas tout faire avec HTML & CSS ! Si vous voulez, par exemple, afficher l'instant présent dans votre site vous devez utiliser PHP (voire JavaScript). Pour inclure un fichier dans une page Web vous avez besoin de PHP. Pour réserver une page à un public autorisé (accès avec un mot de passe) PHP est incontournable.

Grâce à une base de donnée votre site devient dynamique. La maintenance du site est grandement facilitée. Plus besoin de changer chaque jour le code HTML d'un page pour l'actualiser il suffit de modifier le contenu de la base de données. Ainsi pour prendre un seul exemple, si vous rajoutez un enregistrement dans la table "news" l'aspect de la page "news.php" changera automatiquement car elle est dépendante de cette table.

N'attendez pas à découvrir dans ce tuto toutes les nouveautés apportées par la version 5 de HTML et 3 de CSS. Les nouvelles balises et propriétés CSS sont présentées respectivement dans : Tutoriel HTML
ET Tutoriel CSS

Pourquoi apprendre les langages du Web ???

Vous vous demandez sans doute pourquoi apprendre des langages tels HTML, CSS et des notions de PHP et de JavaScript alors qu'il y a des éditeurs de site Web gratuits que l'on appelle aussi des "buiders" de sites.
D'abord ces plateformes ne sont gratuites que pour une période d'essai ou pour des fonctionnalités de base. Si vous voulez disposer de plus d'outils il vous faudra payer ... Votre site hébergé sur certaines plateformes dites gratuites risque d'être envahi de publicité.

Autre inconvénient des ces éditeurs en ligne vous dépendez d'une entreprise qui peut être rachetée voire disparaître ou qui peut changer brutalement sa politique tarifaire bref vous êtes "prisonnier".

Les possibilités de personnalisation sont limités. Parfois il est impossible de changer de modèle de présentation au risque de tout perdre ... Pour des raisons de sécurité certains types de fichiers ne peuvent pas être téléversés sur votre site. Pour prendre un exemple, il vous est interdit d'insérer une image vectorielle au format SVG sur la plateforme wordpress.com qui gère votre blog.

C'est vrai que grâce à un "buider" il y a un gain de temps au démarrage puisqu'on évite l'étape d'apprentissage du HTML & CSS mais un "builder" ne vous fais pas économiser du temps pour la maintenance quasi quotidienne du site.

Sachez aussi que la production "artisanale" de site a été considérablement simplifiée en particulier grâce à CSS.
Un seul exemple, grâce à CSS plus besoin de développer plusieurs versions d'un même site selon le type de terminal du visiteur. Les "medias queries" rendent le site "responsive" (qui s'adapte à tous types d'écrans).
Un développeur Web averti crée ses propres outils pour la maintenance rapide de son site (modèle de page, fichiers d'inclusion, feuille de style externe,etc.)

Je conseille aux débutants d'utiliser intelligemment un éditeur de page Web WYSIWIG ("What You See Is What You Get") tel BlueGriffon qui est gratuit.
Je veux dire par là qu'il ne faut pas se contenter de demander au logiciel de générer le code HTML & CSS ; il faut aussi étudier ce code source obtenu afin de se familiariser progressivement avec la syntaxe.

Les différents chapitres de ce tutoriel