background preloader

MOOC HTML5/CSS3 semaine 1

MOOC HTML5/CSS3 semaine 1
Related:  HTML et CSS

Can I use - Support tables for HTML5, CSS3 HTML5 Please - Use the new and shiny responsibly Le modèle tabulaire en CSS Note : Cet article est publié conjointement sur OpenWeb.eu.org et sur Alsacreations.com. En outre, certaines parties de cet article sont extraites du livre «CSS avancées, vers HTML5 et CSS3», avec l’aimable autorisation de l’auteur :) Compatibilité Commençons par une excellente nouvelle : le modèle de rendu tabulaire en CSS est finalisé depuis suffisamment longtemps pour être compatible avec tous les navigateurs actuels et leurs générations précédentes. Il faut remonter aux antiques versions d’Internet Explorer 7 et précédentes pour trouver des navigateurs qui ne supportent pas ce schéma de positionnement. Display Depuis les spécifications CSS2, pas moins de 10 valeurs dédiées aux rendus tabulaires ont été ajoutées à la propriété display. Vous connaissiez sans nul doute déjà les valeurs block, inline, none et inline-block, en voici de nouvelles dans notre arsenal à présent bien complet : table Spécifie un comportement de table de type bloc pour un élément. inline-table table-row table-row-group

6 façons d’asseoir votre expertise en marketing digital Aujourd’hui le marketing sur internet est constitué d’un ensemble varié de domaines : optimisation pour les moteurs de recherche, community management sur les réseaux sociaux, web analyse… mais pas seulement ! En effet vous aurez besoin d’ouvrir votre horizon pour garder le rythme dans ce domaine en perpétuelle évolution… Voici donc une sélection de 6 pistes qui vous permettrons d’accroitre toujours plus vos compétences – ou tout simplement votre culture personnelle ! 1. Améliorez vos compétences Excel Oui, oui, Excel. Il est donc important d’apprivoiser cet outil certes commun, mais qu’on ne pense pas nécessairement devoir utiliser dans le cadre du métier de web-marketer. Pour vous aider dans cette tâche, sachez que Microsoft propose sur son site un certain nombre de didactitiels pour vous guider : Centre d’Aide Excel – Formations 2. Pour cela les bases suffisent : il s’agit avant tout de comprendre la logique, le fonctionnement des langages de bases tels que HTML/CSS et JavaScript. 3. 4.

HTML5test - How well does your browser support HTML5? html tables · guides Summary In this article we will cover how to use HTML tables correctly. Introduction “Ack!” — how do you use web standards to organize reams of data? The very idea of tons of nested elements needed to get all the data into nice little rows and boxes ought to put your brain into “Ack!” In web design tables are a good way to organize data into a tabular form. Back in the Jurassic Age of the Internet before CSS was popularised as a method of separating the presentation from structure of the HTML, tables were used as a way to lay out web pages — to create columns, boxes, and generally arrange the content. The most basic table Let's start with the semantic HTML code required to render a basic table — this particular example compares recent volcanic eruptions in the Pacific region of North America: <table><tr><td>Volcano Name</td><td>Location</td><td>Last Major Eruption</td><td>Type of Eruption</td></tr><tr><td>Mt. This code renders roughly like so: Adding some more features Oooh... Compatibility

PUBLICATION WEB Conception de site Web Webnode est conçu pour vous permettre de créer facilement et de maintenir un site Web à partir de n'importe où en ligne. Il est pratique à utiliser avec des outils en glisser-déposer, gadgets prêts à l'emploi et widgets ; il n'a pas de bannière publicitaire. Wix vous permet de créer facilement des sites Web. Il suffit de s'inscrire, cliquer sur un modèle et commencer la création. Google site facilite la création et le partage d'un site Web au sein d'un groupe. Editeur HTML en ligne Online HTML editor simple et facile à utiliser, il suffit d'éditer le code html dans et voir les résultats en direct. Tinymce éditeur de site WYSIWYG en ligne Quackit éditeur de site WYSIWYG en ligne Html-color-codes éditeur de site WYSIWYG en ligne avec code couleur et divers outils images/couleurs Outils Web : css, templates Freecss templates: menus & templates gratuits particulièrement bien conçus Generateur-de-css Générateur de feuilles de styles très simple Domaine Client FTP Blog Favicon

Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité Accessibilité des sites internet, bonnes pratiques, ergonomie, utilisabilité Javascript Langage de script pour le web dynamique exécuté par le navigateur Développement Langages et technologies du web tels que PHP, MySQL, Ajax Responsive web design Tout pour smartphones et tablettes Design Design et graphisme pour le web Formats, encodage, XML Formats variés, XML et microformats, sémantique Web Le monde du web et d'internet en général Attention, il ne faut jamais mettre un <p> dans un <q>, c'est invalide.

Related: