public marks

PUBLIC MARKS from sibelius

30 December 2005 17:00

Des blocs de même hauteur sans tableaux - Alsacréations

Les mises en pages en CSS ont de nombreux avantages par rapport aux designs par tableaux. Cependant, un bloc <div> ne se comporte pas comme une cellule de tableau et le problème le plus fréquent est que l'on voudrait que deux cellules côte à côte s'adaptent l'une à l'autre lorsqu'elles sont étirées en fonction de leur contenu.

Un menu déroulant en CSS et XHTML (horizontal et vertical) - Alsacréations

by 9 others
Nous allons voir comment créer un menu déroulant comportant plusieurs menus, contenant chacun des sous-menus. Cette version de ce tutoriel a été remise à jour en août 2004 pour y apporter des simplifications et des fonctionnalités supplémentaires notamment au niveau de l'Accessibilité.

Galerie photo avec JavaScript - Alsacréations

by 2 others
Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie <head> de la page.

Réalisation d\'un design complet (XHTML / CSS) en 5 étapes - Alsacréations

by 10 others
Dans ce tutoriel nous allons voir étape par étape comment faire le code xhtml et css d'un design pas forcément très évolué mais vous pourrez comprendre le processus de création d'un design en xhtml et css.

Tableaux ou Div, petite comparaison concrète - Alsacréations

by 2 others
A l'heure actuelle, la grande majorité des sites web sont construits grâce à l'utilisation de tableaux. Les tableaux, permettent en effet de structurer la page en plusieurs parties, et chaque partie peut contenir un menu, un entête, un contenu,... Cependant, cette méthode quasi-universelle présente de nombreux désavantages...

Construire un site sans tableaux - Alsacréations

by 1 other
L'orientation des Standards est claire : tous les attributs de taille, de position, de couleurs, d'alignement (width, height, align, font, color,...),... NE DOIVENT PAS figurer sur la page html, mais sur ce qui va gérer l'affichage, c'est à dire la feuille de style CSS. Nous allons donc créer notre site proprement, intégralement en CSS (pas de tableaux pour l'affichage). Ce site sera respectueux des Standards du W3C, mais aussi de l'Accessibilité aux non-voyants, non-entendants, personnes présentant des handicaps divers (sensoriels, moteurs...).

Centrer les éléments ou un site web en CSS - Alsacréations

by 1 other
Il existe plusieurs méthodes d'alignement et de centrage en CSS, qui dépendent de la structure des balises (bloc, en-ligne) et le type (vertical, horizontal)

30 December 2005 08:00

La structure des balises : bloc et en-ligne - Alsacréations

by 1 other
La compréhension de la structure des éléments va avoir de nombreuses implications par la suite, et paradoxalement c'est souvent un sujet peu connu des webmasters.

Quelle est la différence entre une classe et un id ? - Alsacréations

Chaque terme permet de créer des propriétés CSS personnalisées, que vous pouvez appliquer à vos balises, mais il existe des différences entre une classe (.toto) et un id (#toto)

Mon site validé en XHTML Strict n\'est pas compatible partout. Pourquoi ? - Alsacréations

by 2 others
Vous venez de créer votre premier site web que vous avez validé avec succès sur l'outil de validation du W3C. Mais oh surprise ! Votre site web ne se comporte pas de façon identique sur tous les navigateurs. Naturellement, tout le monde vous a dit qu'un site en XHTML strict et CSS était le meilleur moyen d'avoir une compatibilté maximale partout.

Quelle est la différence entre un DIV et un "calque" - Alsacréations

by 1 other
Résumé : les logiciels WYSIWYG automatiques, comme Macromedia Dreamweaver (jusqu'aux versions très récentes), continuent de véhiculer les concepts et termes obsolètes de "calques". En mode Création de Dreamweaver, il est possible de concevoir sa mise en page soit grâce aux tableaux, soit grâce aux "calques", c'est à dire - selon lui - les balises <layer>, <div> ou <span>. Or, cet abus de langage est malheureusement demeuré très ancré et induit de nombreux amalgames.

Les DTD HTML4.01 et XHTML1.0 : comment choisir ? - Alsacréations

by 2 others
Si vous avez adopté la démarche de mise en conformité de votre site Web avec les Standards (X)HTML et CSS définis au sein du W3C, ou si vous vous apprêtez à le faire, vous ne pouvez manquer d'avoir à placer, en tête de chacune de vos pages, une DTD

Politique d\'accessibilité - Alsacréations

Par soucis de proposer un service accessible à toute la population, Alsacréations a adopté une politique d'accessibilité la plus proche possible des normes actuelles et vous propose plusieurs moyens et facilités de navigation dans le site.

Modèles de mise en page en CSS - Alsacréations

by 7 others
Des dizaines de gabarits en XHTML pour construire vos sites sans tableaux

Comprendre le positionnement des balises en CSS - Alsacréations

by 3 others
Les éditeurs HTML visuels n'utilisent qu'une infime partie des possibilités des balises (faussement nommées "calques" en général), ce qui les rend souvent peu compatibles et peu pratiques. Voici comment positionner les éléments en CSS de façon optimale, bien que résumé schématiquement.

29 December 2005 19:00

Faire un Style switcher (changement d\'habillage) en PHP - Alsacréations

La séparation du contenu et de la mise en forme permet de créer différentes mises en pages ou styles en changeant simplement la feuille de style du document. Nous allons voir alors comment créer simplement un style switcher (une liste permettant de choisir entre différents styles) géré en PHP qui gardera en mémoire (via un cookie) le style choisi pour permettre d'afficher ce style à chaque chargement de page.

Inclure un fichier dans un autre, grâce à CSS et PHP - Alsacréations

Les cadres (frames et iframes) sont fréquemment utilisés pour faire une mise en page avec des parties fixes et des parties dynamiques, scrollables. Cependant, cette technique, heureusement peu voire non utilisée par les sites professionnels tout-publics présente de nombreux désavantages, notamment pour le référencement, la mise en favoris, l'impression de page,...

PHP : on reprend tout à zéro - Alsacréations

by 1 other
XHTML, CSS, JavaScript,... et PHP : tout cela peut facilement embrouiller le débutant. Néanmoins la création d'un site web professionel nécessite la maîtrise de nombreux domaines, il est donc utile de revenir sur les principaux mécanismes employés lors de l'utilisation de PHP. Ceux-ci nécessitent d'être correctement compris et assimilés si l'on souhaite profiter du potentiel offert par les langages côté serveur.

FAQ PHP - Alsacréations

by 1 other
PHP est très souvent source de diverses confusions. Nous avons donc établi une FAQ basée sur notre expérience des nombreuses questions posées au sujet de PHP sur le forum Alsacréations. À consulter sans modération...