HTML

toutpublic Le site "HTML.net" propose des tutoriels gratuits pour apprendre le HTML, le CSS et également le langage PHP via des leçons, forum etc... Un site intéressant qui permet aux débutants comme aux plus aguérris de progresser ou de réviser les règles de la programmation HTML.

 

Tutoriel HTML - Table des matières

  • Introduction
    Une courte introduction sur le tutoriel et ce que vous pourrez y apprendre.
  • Leçon 1: Commençons depuis le début
    Trouver les outils nécessaires pour fabriquer votre propre site Web.
  • Leçon 2 : Qu'est-ce que HTML ?
    Comprendre ce qu'est HTML et ce que cela signifie.
  • Leçon 3 : Les éléments et les balises ?
    Ce que sont les éléments et les balises et à quoi ils servent.
  • Leçon 4 : Créer son premier site Web
    Apprendre à créer son premier document HTML - le gabarit des pages futures.
  • Leçon 5 : Ce que vous avez appris jusqu'ici ?
    Se rappeler ce qui a été appris et découvrir le contenu des prochaines leçons.
  • Leçon 6 : Quelques éléments de plus
    Se familiariser avec les sept éléments les plus utilisés.

htmlnet html

  • Leçon 7 : Les attributs
    Apprendre à ajouter des informations supplémentaires à ses balises et commandes formulées de façon plus explicite.
  • Leçon 8 : Les liens
    Découvrir comment créer des liens vers ses pages et d'autres pages sur Internet.
  • Leçon 9 : Les images
    Découvrir combien il est simple et facile d'insérer des images dans ses pages.
  • Leçon 10 : Les tables
    Construire des tables HTML pour présenter un contenu structuré.
  • Leçon 11 : Plus sur les tables
    Créer des tables encore plus évoluées.
  • Leçon 12 : La présentation (CSS)
    Comprendre comment les feuilles de style en cascade (CSS) peuvent servir pour une présentation formidable de ses pages.
  • Leçon 13 : La mise en place des pages
    Savoir comment publier ses pages sur Internet pour que d'autres en profitent aussi.
  • Leçon 14 : Les standards du Web et la validation
    Connaître le standard actuel de HTML et vérifier l'exactitude de son code.
  • Leçon 15 : Les dernières astuces
    Quelques bons conseils pour ses projets de sites Web.

 

Tutoriel CSS - Table des matières

  • Introduction
    Une courte introduction sur le tutoriel et ce que vous pourrez y apprendre.
  •  Qu'est-ce que CSS ?
    Une petite histoire de la création de CSS, et les raisons pour lesquelles il est judicieux de préférer CSS à HTML pour la disposition et la présentation.
  • Leçon 2 : Comment CSS fonctionne-t-il ?
    Apprendre la syntaxe de base de CSS et créer sa première feuille de style.
  • Leçon 3 : Les couleurs et les arrières-plans
    Apprendre à appliquer des couleurs et couleurs de fonds dans son site Web et comment utiliser des images d'arrière-plan.
  • Leçon 4 : Les polices
    Dans cette leçon, vous apprendrez ce que sont les polices et comment les appliquer avec CSS.
  • Leçon 5 : Le texte
    Cette leçon introduit les possibilités étonnantes de CSS pour ajouter une présentation au texte.

htmlnet css

  • Leçon 6 : Les liens
    Comment ajouter des effets plaisants et utiles aux liens et se servir des pseudo-classes.
  • Leçon 7 : L'identification et le regroupement d'éléments (class et id)
    Une approche sur la façon d'utiliser les attributs class et id pour définir les propriétés des éléments sélectionnés.
  • Leçon 8 : Le regroupement d'éléments (span et div)
    Une approche de l'utilisation des éléments span et div, et le rôle central de ces deux éléments HTML pour CSS.
  • Leçon 9 : Le modèle des boîtes
    Le modèle des boîtes dans CSS décrit les boîtes générées pour les éléments HTML.
  • Leçon 10 : Le modèle des boîtes : margin & padding
    Changer la présentation des éléments avec les propriétés margin et padding.
  • Leçon 11 : Le modèle des boîtes : les bordures
    Apprendre les options illimitées de l'utilisation de bordures dans ses pages avec CSS.
  • Leçon 12 : Le modèle des boîtes : la hauteur et la largeur
    Dans cette leçon, nous apprendrons comment définir aisément la hauteur et la largeur d'un élément.
  • Leçon 13 : Les éléments flottants (les flottants)
    Un élément peut flotter à droite ou à gauche avec la propriété float.
  • Leçon 14 : Le positionnement des éléments
    Le positionnement CSS permet de placer un élément dans la page exactement où l'on veut.
  • Leçon 15 : Une couche sur une couche avec z-index (les couches)
    Cette leçon nous apprendra comment faire se recouvrir des éléments différents avec la propriété z-index.
  • Leçon 16 : Les standards du Web et la validation
    La dernière leçon traite des standards du W3C et de la façon de vérifier l'exactitude de son code CSS.

 

Tutoriel PHP - Table des matières

  • Introduction
    Une courte introduction sur le tutoriel et ce que vous pourrez y apprendre.
  • Leçon 1 : C'est quoi PHP ?
    Quelques petites choses sur les rouages de PHP, ce qu'on entend par « PHP est une technologie côté serveur », et ce que vous trouverez dans les leçons qui suivent.
  • Leçon 2 : Les serveurs
    Nous examinons les différentes options entre faire tourner PHP sur son propre ordinateur ou sur un hôte web.
  • Leçon 3 : Votre première page PHP
    Dans cette leçon, vous créerez votre première page PHP très simple. Par la même occasion, vous vérifierez également si votre serveur est bien configuré pour faire tourner PHP.

 

htmlnet php

  • Leçon 4 : Travailler avec les heures et les dates
    Introduction aux fonctions utilisables pour travailler avec les heures et les dates.
  • Leçon 5 : Les boucles
    Les boucles peuvent répéter des parties d'un script. Dans cette leçon, nous voyons des boucles telles que while et for.
  • Leçon 6 : Les conditions
    Les conditions servent à contrôler l'exécution d'un script PHP. Nous verrons if … elseIf … else … et switch … case.
  • Leçon 7 : Commenter ses scripts
    Les commentaires rendent les scripts plus clairs et compréhensibles. Les commentaires peuvent être d'une grande aide, à vous ou à une autre personne, si on a besoin de modifier le code plus tard.
  • Leçon 8 : Les tableaux
    Dans cette leçon, vous saurez ce qu'est un tableau, comment l'utiliser et ce qu'il peut faire.
  • Leçon 9 : Les fonctions
    Dans les leçons précédentes, vous avez appris à utiliser plusieurs fonctions toutes faites. Apprenez maintenant à créer les vôtres.
  • Leçon 10 : Passer des variables dans une adresse URL
    Apprenez à passer des variables et des valeurs d'une page à l'autre en utilisant les chaînes de requêtes HTTP.
  • Leçon 11 : Passer des variables dans des formulaire
    Les sites web interactifs ont besoin que les utilisateurs entrent quelque chose. La méthode la plus courante pour recueillir ces entrées est d'utiliser un formulaire.
  • Leçon 12 : Les sessions
    Les sessions servent à stocker et récupérer des informations lors des visites des utilisateurs sur votre site.
  • Leçon 13 : Les cookies
    Les cookies servent à stocker et récupérer des informations sur un utilisateur lors de ses visites successives.
  • Leçon 14 : Le système de fichiers
    Avec le système de fichiers, on peut accéder au système de fichiers du serveur. Cela permet de manipuler les fichiers, les dossiers et les périphériques avec des scripts PHP.
  • Leçon 15 : Lire dans un fichier texte
    Dans cette leçon, nous utiliserons le système de fichiers pour lire un fichier texte. Les fichiers texte se révèlent très utiles pour stocker toutes sortes de données.
  • Leçon 16 : Écrire dans un fichier texte
    Cette leçon aborde la manière d'écrire dans un fichier texte à l'aide du système de fichiers. Les fichiers texte se révèlent très utiles pour stocker toutes sortes de données.
  • Leçon 17 : Les bases de données
    Dans ce tutoriel, nous employons la base de données MySQL. MySQL est le point d'entrée naturel lorsqu'on veut utiliser des bases de données dans PHP.
  • Leçon 18 : Créer des bases de données et des tables
    Dans cette leçon, nous voyons deux manières de créer des bases de données et des tables. D'abord comment ça marche en PHP, puis comment les construire avec un outil plus convivial : PhpMyAdmin.
  • Leçon 19 : Insérer des données dans une base de données
    Apprendre à utiliser des déclarations SQL pour insérer des données dans une base de données. Nous voyons aussi les types de données et les erreurs les plus courantes commises par les débutants.
  • Leçon 20 : Récupérer des données dans une base de données
    Apprendre à utiliser une requête SQL pour récupérer des données dans une base de données.
  • Leçon 21 : Supprimer des données dans une base de données
    Apprendre à supprimer des enregistrements dans une base de données en utilisant SQL.
  • Leçon 22 : Mettre à jour des données dans une base de données
    Dans cette dernière leçon, vous apprendrez à mettre à jour des données en utilisant une déclaration SQL.

Le codage HTML peut intéresser les enseignants de toutes disciplines, d'ailleurs dés le collège une initiation à l'algorithmique avec Scratch est enseignée en Technologie/Mathématiques.

Référencement  :

Une fois votre premier site web en ligne, il est nécessaire de respecter quelques règles simples pour que son site soit bien référencé sur les moteurs de recherche.... De nombreux sites internet proposent des didactitiels, conseils ou tutoriels vidéos voir la vidéo...

Quelques conseils : 

  • La qualité du contenu éditorial, articles etc...de votre site web
  • Limitez le nombre de liens par page, concevez un site utile et riche en informations, et rédigez des pages présentant votre contenu de façon claire et pertinente.
  • La qualité des liens vers votre site internet (backlinks) pour améliorer la popularité, la réputation et la confiance aux yeux de Google
  • Une technologie "Responsive Design" pour une bonne visibilité sur tablettes et Smartphones
  • Un code HTML optimisé pour permettre de mettre en avant votre contenu éditorial

 Plus d'informations sur : http://fr.html.net/

Aucune opinion sur "Tutoriels gratuits pour apprendre le HTML, le CSS et le PHP".

Devenir Membre

Pour vous informer sur l'école numérique (Tice), les applications pédagogiques, les outils, le codage, l'algorithmique, les objets connectés... Totalement Gratuit !

S'inscrire