Apprendre les standards du web : HTML5, CSS3, JavaScript
À travers de nombreux exemples pratiques et cas concrets, Alsacréations vous propose de découvrir toutes les possibilités offertes par la conception web aux normes, HTML, XHTML, HTML5, les feuilles de style CSS et CSS3, le Web mobile, l'accessibilité, PHP, JavaScript, jQuery, etc.
Tutoriel : Guide pas à pas
Article : Document d'analyse ou de référence
Astuce : Court stratagème toujours utile
Cette page présente une sélection de nos ressources. Vous pouvez aussi consulter la liste complète des tutoriels et articles ou des astuces. Pensez à utiliser le moteur de recherche.
Pour débuter
Nouveau venu dans le monde des standards web ? Voici quelques ressources de base afin de mieux comprendre les rouages indispensables à un bon concepteur de sites web.
- Les bons outils pour commencer à intégrer votre site web
- Qu'est-ce que le W3C ? A quoi sert-il ?
- Quelle différence y a-t-il entre HTML et XHTML ?
- Quelle est la différence entre les chemins relatifs et absolus ?
- Comment héberger votre site web ?
- Comment définir l’apparence de ses liens ?
- Bien construire sa hiérarchie de titres
- Les DTD HTML4.01 et XHTML1.0 : quel doctype choisir ?
- Une feuille de styles de base pour bien commencer
- Squelettor : un générateur de gabarit HTML, XHTML et HTML5
- Les grilles dans le Webdesign
- Mockups et Rough : gagnez du temps !
Comprendre le positionnement en CSS
Consolidez et élargissez vos connaissances des différents schémas de positionnement CSS actuellement utilisés ou avant-gardistes (flux, positionnement absolu, fixé, relatif, flottement, inline-block, modèle tabulaire).
- Structure HTML et rendu CSS des balises : bloc et en-ligne
- Initiation au positionnement en CSS
- Initiation au positionnement CSS (partie 2)
- Mise en page CSS avancée grâce à la propriété display
- Guide de survie du positionnement CSS
- Centrer les éléments ou un site web en CSS
- Comment centrer verticalement sur tous les navigateurs ?
- Un design fluide avec trois «colonnes», grâce au positionnement flottant
- Gabarits de mise en page (1, 2, 3 colonnes, largeurs fixes et fluides, centrés)
- Des CSS dynamiques grâce à LESS
- Le modèle tabulaire en CSS
La révolution webdesign : HTML5 et CSS3
HTML5 et CSS3 nous promettent une révolution à la fois technique (nouveaux éléments de sémantique et de périphériques, nouveaux formulaires nouvelles applications dynamiques) et graphique (polices exotiques, positionnements intuitifs, effets décoratifs ou d’animation, propriétés avancées ou encore gestion des tailles d’écran).
- Osez HTML5 et CSS3 !
- HTML5 se dévoile
Mythes et vérités de HTML5- Les préfixes vendeurs en CSS
- Utiliser CSS3 aujourd'hui, outils et ressources
- CSS3Pie, styles CSS3 pour Internet Explorer
- Géolocalisation en HTML5
- Introduction à la balise video de HTML5
- Les Media Queries CSS3
- Créer des coins arrondis en CSS et sans images
- CSS3 Flexbox layout Module
- Les ombrages en CSS3
- La transparence de couleur avec RGBa en CSS3
- Arrière-plans avec CSS 3 Backgrounds
- Transitions CSS3
- CSS3 : transformations 2D
- Slideshow en CSS3
- Sémantique HTML5 et ARIA pour Wordpress
- HTML5 Boilerplate, un template puissant et complet
Résoudre les problèmes d'affichage
Une aventure dans le monde obscur et redoutable des différences d’affichage selon les navigateurs du marché. Parcourez les contrées malfamées des hacks et autres «bidouilles», du mécanisme étrange de HasLayout et de toutes les solutions permettant d’harmoniser des pages sur l’ensemble des navigateurs.
- Rendu par défaut des éléments HTML
- Méthodologie pour résoudre les problèmes d'affichage en CSS
- Qu'est-ce que les hacks CSS ?
- Les commentaires conditionnels pour Internet Explorer
- Les classes conditionnelles en HTML
- HasLayout et bugs de rendu dans Internet Explorer 6-7
- Comment éviter que les éléments flottants dépassent de leur parent ?
- Tester son site sous IE8/IE7/IE6, Firefox, Safari, Chrome et Opera
- Des tests fiables sous tous les navigateurs
Un site pour le Web mobile
Parce que faire un site web pour terminal mobile, ce n’est pas fixer sa largeur à 320 pixels ou proposer une version iPhone, voici un tour d’horizon de toutes les solutions offertes par CSS pour adapter une présentation existante aux mobinautes
- Web mobile : introduction et glossaire
- Une feuille de styles de base pour le Web mobile
- Les Media Queries CSS3
- Comprendre le Viewport dans le Web mobile
- Un menu déroulant adapté aux mobiles
- Émuler Google Android pour mobile
- Cibler les mobiles sous Windows Phone
- Simulez votre site sur téléphones mobiles avec ProtoFluid
- Tester son site avec un simulateur Blackberry
- Initiation au développement sur iPhone
- Ajouter une icône pour iPhone/iPod Touch/iPad
Aller plus loin
Il y a tant à découvrir...
Alsacréations est également un organisme de formation agréé qui propose des enseignements web à Paris et Strasbourg : HTML et CSS (tous niveaux jusqu'à expert), Web mobile, jQuery, accessibilité numérique, Wordpress.
Découvrez nos formations web, leurs programmes, les dates des sessions et les tarifs sur le site formations.alsacreations.fr
