Si vous trouvez un article intéressant, vous pouvez participer à sa diffusion en utilisant les boutons de partage situés ci-dessous.

imprimer le tutoriel

Tutoriel xhtml 1.0 et css 2.1.

Nouveau look.

Le site a subi une refonte majeure question de moderniser un peu le rendu. J'espère qu'il vous plaira. J'en ai profité pour mettre à jour certaines informations. J'ai aussi ajouté d'autres ressources comme un formulaire qui envoie les messages vers une boîte courriel ainsi qu'un nuage de mot clefs.

Le Concepteur de Site Web

Si vous avez besoin d'un site professionnel, Le Concepteur est aussi une petite entreprise. Pour plus d'informations, visiter le site Le Concepteur Web Designer.

Maquettes en promotion.

 

Créer votre propre site web.

Voilà ce que je vous propose. Un modèle XHTML, qui est une version plus stricte et propre du HTML et une feuille de style CSS seront à télécharger et serviront de base pour votre site. Vous apprendrez à insérer divers éléments qui l'enrichiront le plus simplement possible (prévoyez une trentaine de jour).


HTML 5 et CSS 3 - NOUVEAU.

Icone html 5 officiel W3C « Le tutoriel de la version HTML 5 et CSS 3 est en construction, mais à la suite de plusieurs courriels des visiteurs, j'ai décidé de mettre ce qui à été fait en ligne même s'il est loin d'être terminé. Je vous demande un peut de patience et de consulter régulièrement cette parti du tutoriel pour voir les nouveaux éléments ajouté. »

Le Concepteur.


Pourquoi créer un site en XHTML 1.0 strict ?

Sans tomber dans le dogmatisme sur la meilleure version à utiliser, disons simplement qu'aujourd'hui le marché est constitué de différentes technologies de navigateurs. Certains navigateurs fonctionnent sur des ordinateurs, d'autre sur des téléphones mobiles ou encore sur des appareils portables de poche, ce qu'on appelle en anglais des PDA. Ces dernières technologies ne disposent pas des ressources système pour interpréter une page mal conçue. Une syntaxe rigoureuse limite les risques d'erreurs d'interprétation de la part de ses petits navigateurs.

Si vous avez déjà un site, profitez-en pour rafraîchir votre code, faite une mise à jour de la matière et pourquoi pas une refonte ? Peut-être que le « look » est un peu dépassé.


Un peu de PHP.

PHPSi vous croyez ne pas avoir besoin d'un formulaire, sauter cette étape, mais si au contraire, vous voulez une interactivité avec vos visiteurs, connaître leur opinion, répondre à leur question, vous le pourrez grâce au à un formulaire PHP.

Le PHP est un langage qui s'insère dans une page HTML ou XHTML pour communiquer avec le serveur afin que celui-ci effectue certaines tâches. Par exemple, combien de visiteurs y a-t-il sur votre site, la date et bien d'autres fonctions plus complexes. Dans notre cas, nous utiliserons un script PHP pour transférer les données d'un formulaire vers une base de données, présente sur le serveur.

Ce formulaire à télécharger est accompagné d'un « Captcha Securimage », une sécurité contre les ordinateurs robots qui scrute le net et qui inonde les bases de données de publicité (spam ou pourriel comme nous disons au Québec).

Attention! Ce ne sera pas un cours sur le PHP à proprement parler, mais simplement des étapes à suivre pour rendre votre formulaire actif.


Insérer un sondage - NOUVEAU.

Un petit sondage en PHP à insérer sur votre site, sans avoir besoin d'une base de données sur le serveur. Télécharger et personnaliser plusieurs éléments comme la couleur des barres de progression, la couleur du texte et l'arrière-plan.


Nuage de mots clefs - NOUVEAU.

Pour aider la navigation vers les pages ou les sujets les plus importants de votre site, il peut être utile d'y insérer un nuage de mots cléfs communément appelé "nuage de tags". Chaque mot du nuage peut diriger les visiteurs vers une page ou une ancre. Les couleurs ainsi que la taille de la police peut être personnalisées à souhait.


World Wide Web Consortium (W3C).

PHP Au début de sa commercialisation, internet n'était soumis à aucune norme, sauf, à l'avidité des fabricants de navigateurs, chacun tentant de s'approprier une part d'un marché en pleine expansion. Ainsi, Microsoft Internet Explorer et Netscape revendiquaient une bonne part du marché au détriment des concepteurs qui devaient tenir compte des exigences de ces propriétaires ambitieux lors de la conception de leur site.

Grâce au consortium W3C, les normes se sont standardisées. Les fabricants de navigateurs, à commencer par Microsoft, qui accuse toujours un retard sur ses concurrents, Mozilla, Opera, Google, etc. font à présent preuve d'une volonté commune de respecter ces normes, mettant fin à des contraintes coûteuses, pesant sur les développeurs.

En construisant votre site XHTML selon les standards W3C, vous obtenez la garantie que tous les navigateurs conçus selon ces normes, afficheront de manière équivalente votre travail (vous aurez tout de même quelques compromis à faire — voir "Les navigateurs"). Ces mêmes standards facilitent grandement l'échange de données entre divers environnements de télécommunication qui se diversifient et qui supplanteront dans un avenir proche les ordinateurs de bureau.


Soutenez une cause !

AAIM Monaco Il y a surement une association, une fondation ou une cause qui vous tient à cœur, alors pourquoi ne pas réserver un espace sur votre site comme vitrine à cet organisme ?

Personnellement, j'ai eu un coup de cœur pour l'Association Athina Ichtyose Monaco qui aide la recherche sur l'ichtyose et les maladies orphelines. Il y a une petite fille près de chez moi qui souffre de cette maladie et même si j'habite à Montréal et que l'association se trouve à Monaco, j'ai décidé de soutenir les efforts de cette association. S'ils trouvent un traitement pour guérir ou soulager cette petite, je pourrais me dire que j'ai modestement contribué à lui redonner le sourire. De plus, avec le temps, une belle amitié c'est développée avec un des administrateurs bénévoles, M. George Pratt.

Si vous prenez parti pour une cause, qui sait ou pourrait conduire cette belle initiative.

Il est regrettable, pour ma part, qu'il y ait un empressement à mettre de la publicité pour des produits et services sur des sites personnels alors que tant d'organismes ont besoin de visibilité. Soyez généreux, un petit calque sur votre site ne modifiera certainement pas son esthétisme au point de ruiner votre travail. Dans le monde où nous vivons, la solidarité n'est plus un luxe, mais un devoir civique.

Pour faire un don :

Vous pouvez maitenant faire un don en ligne.

AAIMONACO
Association Athina Ichtyose Monaco
Site : http://www.aaimonaco.org.
Pour faire un don : http://www.aaimonaco.org/faire-un-don.php.

 

»

LE CONCEPTEUR DE SITE WEB.com

Pour un site professionnel

Téléphone 514 363-4169
Courriel serge@leconcepteur.ca