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.

La création d’un site Internet est une discipline vaste qui regroupe une multitude de compétences informatiques plus ou moins complexes. Pour orienter sa carrière professionnelle dans le domaine du digital, la création d’un site semble être une aptitude indispensable à l’ère de la digitalisation de la société. Comment apprendre aux étudiants à créer leur propre site web en partant de zéro ?

Grasshopper a été créé par une équipe de codeurs passionnés de chez Google travaillant sur un projet expérimental « Area 120 ».  L’objectif de cette application est d’aider les utilisateurs à s'initier au codage de manière simple et amusante. L’application gratuiteest disponible en ligne via son navigateur mais fonctionne également sur smartphone (Android et IOS) afin que vous puissiez transformer vos trajets ou vous moments de détente en temps d'apprentissage.

Glitch est une plateforme collaborative de codage pour créer et partager des applications web. Glitch propose des outils intuitifs pour développer n'importe quel projet HTML CSS Javascript ou site web. Que vous soyez un codeur expert ou que vous n'ayez jamais écrit une seule ligne de code, Glitch vous fournit une palette d’outils basés sur Node.js et c'est gratuit !

Pour créer son site web, il existe un grand nombre de solutions plus ou moins accessibles d’un point de vue technique et selon les moyens financiers que l’on veut y consacrer.  Si vous n’avez pas le temps d’apprendre les bases du HTML, ni les moyens de passer par des agences professionnelles pour créer le site web de votre établissement ou votre entreprise, il est possible d’utiliser des applications en ligne plus faciles d’accès tant sur le plan technique que graphique. En effet, Le webdesign ne se résume pas à un habillage graphique de votre site, Il faut donc concevoir un site Internet qui s’adapte à la disparité des navigateurs et des modes de visualisation (Responsive Design), tout en étant rapide et réactif.

Button X est un générateur de boutons en ligne qui vous permet de créer des styles de boutons CSS en quelques minutes. Introduit au milieu des années 1990, le langage CSS (Cascading Style Sheets) permet de mettre en forme votre page HTML (couleur du fond de la page, des polices, des liens, du type de police etc.).  Le CSS permet de séparer la structure du document HTML et la présentation par des fichiers séparés. Le code HTML est plus simple car il ne contient aucune balise de formatage. La modification du style d'un élément, dans une feuille CSS, se répercute automatiquement à toutes les pages HTML qui y sont rattachées. Cette technologie implique donc une excellente productivité pour la maintenance d'un site web.

Plus de 45% des sites  internet dans le monde sont propulsés aujourd’hui par un CMS (Content Management System) ou système de gestion de contenu en français. Ces outils interfacés avec une base de données (MYSQL) permettent de réaliser des sites dynamiques et responsives via une interface simple d’administration (back-end) et à l’aide de Templates qui modifient l’apparence du site en quelques clics.

Les CMS rendent possible la création de blogs ou sites communautaires sans forcément connaître les langages de développement (html, PHP, MySQL, JavaScript, CSS…). Les plus célèbres CMS comme WordPress, Joomla, Drupalainsi que Prestashop et Magento pour le e-commerce sont issus du monde libre et conçus avec un code open source. Ils sont tous développés par une communauté de passionnés et gratuits sous licence GPL. Ils sont donc adaptés pour créer un site internet.

DIV Table est une appplication en ligne qui permet de générer des tableaux HTML pour des sites internet en quelques clics avec deux options possibles : via un tableau classique HTML (Table) ou à l'aide de la balise DIV associée à du CSS. Il suffit de régler quelques options sur l'interface, puis sélectionner la taille désirée, l'éditeur interactif traduit immédiatement en code HTML associé à une feuille CSS.

Thimble (Mozilla) est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript. Thimble rend facile la création et le partage de vos sites web. Écrivez et éditez du HTML, du CSS, et du JavaScript directement depuis votre navigateur sur un côté de votre page, avec un aperçu en temps réel sur l'autre côté. Partagez, remixez, répétez !

Brackets est un éditeur open-sourceorienté "web design et développement" pour la conception de pages Web HTML,  CSS et  JavaScript. Brackets est multi-plateformes et est particulièrement adapté au profil d'intégrateur ou de webdesigner ; il a été développé par Adobe et est publié sous une licence MIT. Pour rappel, Les éditeurs de codes comme Sublime Text, NotePad ++ ou Atom permettent d’éditer des textes avec une coloration syntaxique selon le langage choisi.
Brackets dispose d'une interface utilisateur épurée mais trés complète en mode "édition de code". Brackets propose une édition rapide des fichiers ou encore l'affichage d'un nuancier pour faciliter la modification des codes de couleur dans les feuilles de styles éditées.

Sublime Text est un éditeur de texte générique (en anglais) codé en C++ et Python, disponible sur Windows, Mac et Linux.  Pour rappel, Les éditeurs HTML comme NotePad ++ ou Atom permettent d’éditer des textes avec une coloration syntaxique selon le langage choisi. Ils sont généralement utilisés par les développeurs mais peuvent rendent également de nombreux services pour le formatage et l’épurage de textes. Sublime Text prend en charge plus de 44 langages de programmation majeurs.

Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web. Ce site s'adresse aux personnes ayant une base (notions de sélecteurs, de propriétés et de valeurs). Le CSS ou Littéralement Cascading Style Sheets (feuilles de style en cascade), est un langage déclaratif simple pour mettre en forme des pages HTML ou des documents XML. Le langage CSS permet de préciser les caractéristiques visuelles et sonores de présentation d'une page Web : les polices de caractères, les marges et bordures, les couleurs, le positionnement des différents éléments, etc. Le terme de "Cascading" Style Sheets sous entend qu'il est possible de définir un style pour une page HTML puis, à l'intérieur de cette même page, de fournir des informations plus précises ou différentes pour présenter certains éléments plus distinctement.

CodeLobster PHP est un éditeur gratuit extrêmement fonctionnel et en même temps simple d'utilisation. Cet éditeur gratuit propose, par exemple, de surliger la syntaxe selon le type de code. Le code mixte est aussi pris en charge, de sorte que la zone  HTML soit surlignée avec les normes HTML, le PHP tels que PHP, et Javascript tel que Javascript. On peut également choisir les couleurs du surlignage.

Le HTML par lui-même

FranceTV Education propose une Initiation aux techniques du web et d'internet  sous le forme d'un dossier en ligne à destination des plus jeunes. Le HTML y est personnifié par un super héros qui invite le jeune internaute à le suivre avec la promesse qu’au terme de l’expérience, celui-ci regarde par la fenêtre de son navigateur web avec un regard nouveau, non plus celui d’un utilisateur passif mais d’un véritable acteur du web.

La fondation Mozilla présente un nouveau programme Webmaker destiné à promouvoir les technologies du web et à favoriser leur appropriation par les internautes. Webmaker sera architecturé autour de plusieurs services. Le premier présenté est Thimble, un éditeur HTML accessible directement en ligne et qui propose quelques fonctions intéressantes...

 Générez des boutons en CSS3 sans programmation

Le CSS3 est le nom employé pour caractériser l’ensemble des nouveautés depuis le CSS2.1. Il permet, par exemple, de définir de nouveaux effets à appliquer sur les éléments HTML et donc de réaliser des effets visuels assez impressionnants. Le site webarti.com propose un service gratuit en ligne pour créer des boutons en CSS3 (avec des effets) sans saisir la moindre ligne de code CSS et sans aucune ligne  javascript dans la page web.

BlueGriffon : la nouvelle génération des éditeurs HTML

BlueGriffon est le digne successeur de l'éditeur de pages web NVU. Son auteur, Daniel Glazman, a développé un éditeur HTML complètement WYSIWYG dont l’affichage est confié au moteur de rendu qui équipe le navigateur Firefox 4.

BlueGriffon prend en charge le HTML5 et CSS3et propose des boîtes de dialogues évoluées permettant par exemple d'afficher des polices de caractères exotiques ou une disposition en multi-colonnes.