PUBLIC MARKS with tags xhtml & alsacreations

Présentation du gestionnaire de contenu CMS Made Simple : Avantages et inconvénients, Caractéristiques spécifiques par rapport à d'autres CMS, Le travail du rédacteur de contenu, Le travail de l'intégrateur-designeur, Documentation, informations et aide sur CMSMS

Eyrolles vient de publier un nouvel ouvrage sur les feuilles de styles CSS : "Transcender CSS". Il s'agit en fait d'une traduction d'un livre de Andy Clarke, dont l'avant-propos est de Molly Holzschlag et la préface de Dave Shea. Bref, que des pointures dans le domaine. Oui mais voilà, on trouve dans ce livre une partie témoignant d'un manque de tact évident des auteurs : une inspiration (c'est le moins qu'on puisse dire) du site de l'agence française Alsacreations.fr sans aucune mention de la source...

Le principe de ce concours - que nous avions déjà organisé en 2005 - est simple : vous êtes invité à profiter de cette période estivale pour nous proposer une refonte de votre site web. L'idée est de remettre au goût du jour votre page en terme de design, mais aussi de conformité aux standards (X)HTML et CSS, puis de le soumettre au vote des membres et d'être classé dans un tableau général.

On se focalise souvent sur les feuilles de style pour le rendu à l'écran, mais une page web peut également se décliner sous la forme d'un document imprimé. Coup de chance : les feuilles de style CSS servent aussi à définir les styles pour l'impression des pages web. Elle est pas belle, la vie ?

Tout site possède au moins une partie commune à chaque page. Partant de ce constat, pourquoi ne pas insérer de manière dynamique ces éléments et éviter ainsi de dupliquer les portions de codes répétées d'une page à l'autre ? Faciliter la maintenance d'un site et permettre son évolution sans avoir besoin de tout reprendre, tel est le principal attrait de cette méthode. Alors, si comme bon nombre d'entre nous, vous êtes légèrement fainéant sur les bords, et trouvez dommage de vous embêter à ré-écrire une partie de votre code alors qu'une simple ligne suffit ... Ce tutoriel est fait pour vous ! Il vous détaille, pas à pas, la façon de procéder pour inclure un élément sur une ou plusieurs pages de votre site, au moyen de la fonction include().

Je suis relativement débutant avec CSS, auparavant j'utilisais des tableaux, et je créais mon design avec photoshop, ensuite il ne me restait plus qu'à utiliser les tranches, d'arranger un peu le code en fonction de mes besoins, et le tour était joué. Maintenant le css, je suis un peu perdu, et je n'aimerai pas perdre du temps à des "bidouillages", ma question est donc la suivante, quel est le meilleur moyen d'envisager un design CSS ?

Un tutoriel pour apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style.

La question des dimensions idéales d'un site est souvent posée. Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Comment faire un design fluide "intelligent" ?

Une Foire Aux Questions concernant XHTML, CSS, l'accessibilité web, la typographie, bref, la conception web conforme aux standards actuels.

Ce tutoriel vous propose, dans la lignée de celui présentant les bonnes habitudes de codage en JavaScript, d’étudier différentes techniques permettant d’isoler votre code dans des modules « hermétiques », évitant ainsi les interactions involontaires avec le reste de votre code, ou avec le code que vous ne contrôlez pas.

De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"... Bien qu'ils ne soient qu'une exigence de niveau AAA pour WCAG ou Argent pour Accessiweb, ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier. Comme tout dispositif nécessitant une adaptation spécifique de la page, ils doivent être utilisés à bon escient et réclament de respecter quelques règles d'implémentation.

Le forum est devenu le coeur de la communauté Alsacréations. Il est l'endroit le plus vivant et où fourmillent des milliers de membres prêts à s'entraider, défendre la cause des standards ou simplement demander un coup de main

Internet Explorer interprète les dimensions CSS différemment des autres navigateurs, ou plutôt interprétait... Contrairement à ce que laissent supposer certains articles et propos de designers "chevronnés" qui n’en démordent pas, Internet Explorer 6 de Microsoft interprète les dimensions CSS des pages html et xhml valides de la même manière que les autres navigateurs de même génération. Alors pourquoi cette confusion ?

Un outil d'aide aux recruteurs et demandeurs dans l'informatique et la conception internet.

Alsacréations propose aux entreprises, associations, organisations d'ajouter leurs offres d'emploi dans le domaine informatique et de la conception web aux normes. Vous avez la possibilité de proposer une offre d'emploi qui sera présentée par la suite parmi d'autres selon différents critères (type de contrat, compétences requises, lieu, télétravail etc.). De même, si vous recherchez un emploi dans le domaine de la conception web aux normes, vous pouvez proposer votre candidature en présentant vos compétences, votre expérience et vos motivations.

Alsacréations propose aux entreprises, associations, organisations d'ajouter leurs offres d'emploi dans le domaine informatique et de la conception web aux normes. Vous avez la possibilité de proposer une offre d'emploi qui sera présentée par la suite parmi d'autres selon différents critères (type de contrat, compétences requises, lieu, télétravail etc.). De même, si vous recherchez un emploi dans le domaine de la conception web aux normes, vous pouvez proposer votre candidature en présentant vos compétences, votre expérience et vos motivations.

Alsacréations propose aux entreprises, associations, organisations d'ajouter leurs offres d'emploi dans le domaine informatique et de la conception web aux normes. Vous avez la possibilité de proposer une offre d'emploi qui sera présentée par la suite parmi d'autres selon différents critères (type de contrat, compétences requises, lieu, télétravail etc.). De même, si vous recherchez un emploi dans le domaine de la conception web aux normes, vous pouvez proposer votre candidature en présentant vos compétences, votre expérience et vos motivations.

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.

Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant !

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

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.

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.

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.

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

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.