DIV TABLE : un générateur interactif de tableaux HTML en ligne

toutpublic

divtable logoDIV 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 : Un éditeur de code en ligne pour le HTML, le CSS et le Javascript

college lycee

thimble logoThimble (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 : un éditeur moderne open source pour le codage

toutpublic

logo bracketsBrackets 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 : un éditeur de texte générique personnalisable pour le codage

toutpublic

sublime texte logoSublime 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.

Apprendre les mises en page CSS

toutpublic

apprendrecsslogoCe 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 : un éditeur PHP, HTML, CSS, JavaScript

toutpublic 

codelobster logoCodeLobster 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.

Tutoriels gratuits pour apprendre le HTML, le CSS et le PHP

toutpublic

htmlLe 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.

 

Le HTML par lui-même

tous sauf ecole Le HTML par lui-même

logo-francetveducationFranceTV 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.

Thimble : le nouveau éditeur HTML en ligne de Mozilla

toutpublic Thimble : le nouveau éditeur HTML en ligne de Mozilla
thimble logo

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

 toutpublicGénérez des boutons en CSS3 sans programmation

buttonX logoLe 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

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

Html-source-code2BlueGriffon 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.