Pyrat.net – Création de sites Internet

Apprendre à faire des sites web au XXIe siècle

2007-10-11T14:10:26Z

Quitte à apprendre à faire des sites web, autant savoir quoi rechercher…

En effet, l'auto-formation, c'est bien, mais il est préférable de savoir quoi chercher.

Pour créer un site web, on parle souvent d'éditeur de page web, de langage HTML.

Les débutants les plus curieux auront entendu parler de CSS. Certains d'AJAX.

Mais il est très rare que le débutant [1] sache que HTML et XHTML, ce n'est pas la même chose, et qu'aujourd'hui, il est largement souhaitable de faire du XHTML [2].

Concrètement, quoi et où chercher ?

Il faut chercher avec xhtml dans les requête sur les moteurs de recherche :

Il faut connaître quelques sites de référence :

Différences entre HTML et XHTML ?

[1] Et c'est aussi assez courant chez les formateurs des organismes de formation

[2] Et pour être précis, la norme 1.0 strict. Évitez la norme 1.1 qui apporte des contraintes supplémentaires sans bénéfices réels.

En débutant dès maintenant sur des bases saines [1], vous aurez plus facilités à faire un bon code qui se référence bien.

Astuces CSS

2004-10-19T21:20:54Z

Les CSS sont un art parfois difficile. Il faut tenir compte des bugs de tel ou tel navigateur. L'interprétation des spécifications est parfois difficile.
Voici quelques astuces CSS que j'ai pu glaner lors de ma veille technologique sur le web.

Je dois avouer que je tombe rarement sur des pages en français… En voici cependant quelques-unes :

OpenWeb : le site web de référence en français.
Pompage : Reprise d'articles publiés initialement en anglais [1] et son groupe d'échange.
StandBlog : une mine de renseignements mise à jour plusieurs fois dans la journée !
AlsaCréations : une entreprise qui mise sur le partage de ses connaissances pour se faire connaître.

Le reste sera en anglais…

Position is Everithing : la référence en matière de bugs et workaround avec les CSS
A list apart : la référence en matière de respect des standards, de l'accessibilité et de l'usage des CSS

[1] Spécial anglophobes !

N'hésitez pas à proposer d'autre sites dans le forum ci-dessous

Accessibilité d'un site Web

2004-03-30T19:50:20Z

Je vais enrichir cet article petit à petit.

En attendant, quelques sites utiles :

AccessiWeb
Web Accessibility Toolbar une barre d'outil pour Internet Explorer PC absolument géniale !

CSS pour présenter une liste

2004-01-13T07:51:35Z

Quoi de plus banal qu'une liste ! Et pourtant…

Les CSS permettent de modifier radicalement l'apparence d'une liste.

Quelques pages pour vous en convaincre :

OpenWeb : Boîtes bloc, boîtes en ligne et propriété display
CSS MaxDesign : Listamatic
Complex Spiral Consulting : Rounding Tab Corners
Pompage.net : Les Portes Coulissantes de CSS
Fast rollovers, no preload needed

Et pour aller plus loin avec un peu de javascript : Faire un menu dynamique ouvert et accessible

Travailler avec les couleurs

2004-01-03T21:56:58Z

Voici une liste de liens vers des sites aidant au choix des couleurs :

Et des programmes payants :

http://www.tigercolor.com/

Filtrer les CSS

2004-01-02T23:56:52Z

Ce site utilise une astuce pour que ses feuilles de style ne soient pas chargées par des navigateurs « anciens [1] ».

La méthode utilisée vient de ce site : Will the browser apply the rule(s) ? qui dresse un tableau de tous les détournements de CSS connus et comment ils sont compris par les différents navigateurs.

Celui utilisé ici est le High Pass Filter avec un article le décrivant finement.

Méthode

Un premier lien à une feuille de style servant de filtre :

« highpassfilter.css » contient :

@import "null?\"\{"; @import "highpass.css";

La syntaxe utilisée profite d'un bug commun à tous les « anciens » navigateurs qui les empêche de reconnaître la deuxième ligne.

[1] Netscape 4, Internet Explorer 5…

Travailler les CSS avec Internet Explorer

2003-10-17T13:37:30Z

J'utilise un petit utilitaire bien pratique : CSS Stylesheet Browser for Internet Explorer.

Celui-ci rajoute un élément de menu au clic droit dans une page web : « List StyleSheets ».

À partir de là, une nouvelle fenêtre s'ouvre et il est possible d'activer/désactiver à la demande telle ou telle feuille de style.
Et donc de vérifier que son site web est encore lisible sur un navigateur ne supportant pas les feuilles de style.

À utiliser sans modération.

Tiens, une idée ! Testez cet outil sur ce site !