Accueil Plan du site.
Table des matières & Plan du site.
Si vous trouvez une article intéressante, vous pouvez participer à sa diffusion en utilisant les boutons de partage situés ci-dessous.
Accueil
- Introduction.
- L'interactivité grâce au formulaire.
- World Wide Web Consortium (W3C).
- Soutenez une cause.
Pour bien débuter.
Cours 1 - Votre première page XHTML.
- Votre première page en XHTML et CSS.
- La déclaration DOCTYPE.
- Des informations caché dans le head.
- L'encodage de la page XHTML.
- Le premier lien de votre site concerne le CSS.
- Vous pouvez insérer des commentaires dans le code.
Cours 2 - Personnaliser l'arrière-plan.
- Personnaliser l'arrière-plan pour l'élément <html>.
- Une couleur comme arrière-plan.
- Un motif comme arrière-plan.
- L'arrière-plan pour l'élément <body>.
- Optimiser son CSS.
Cours 3 - Les polices de caractères.
Cours 4 - Les marges.
- L'affichage et les résolutions d'écrans.
- Bien comprendre les éléments
marginetpadding. - Le conteneur
<body>est le bloc principal. - Le positionnement relatif et absolu.
Cours 5 - Les bannières, première partie.
Cours 6 - Les bannière, deuxième partie.
Les menus dans l'entête.
- Un menu simple avec couleur seulement.
- Une liste devient un menu.
- Un menu simple avec trois calques.
- Un menu plus complex à trois niveaux avec calque.
- Un menu à onglet à trois couleurs.
Les menus verticales.
- Un menu vertical simple avec couleur seulement.
- Un menu vertical avec calque.
- Un menu vertical avec calque à trois niveaux.
Le corps.
Le pied de page.
Les titres.
Les paragraphes.
- La balise
<p>est de loin l'élément que vous utiliserez le plus. - La balise
<span>est utilisée pour souligner l'importance d'un mot. - La balise
<blockquote>doit être utilisée pour mettre en relief un « bloc » de citation. - C'est «
float:left» et «float:right» qui déterminent le positionnement.
Les hyperliens.
- Un lien simple permet de naviguer d'une page à l'autre.
- La fonction «
onclick» permet de conserver l'onglet de votre site. - Une « ancre » tend vers un endroit précis de la même page ou d'une autre page.
- Une image-lien est en fait un « bouton » sur lequel vous cliquez pour diriger les visiteurs.
- Vous pouvez inviter un visiteur à télécharger directement de votre site.
Les listes.
- Rares sont les sites ne faisant pas appel à au moins une liste.
- Pour une liste triée, utiliser la balise
<ol>. - Un élément liste peut aussi contenir sa propre liste.
- Grâce au CSS, attribuer des calques à la liste au lieu des puces.
Les tableaux simple.
- Les tableaux sont censées être utilisées comme structure de données.
- Une classe permet de définir des paramètres CSS spécifiques au tableau.
- Fusioner verticalement les cellules d'un tableau avec l'élément
<colspan>. - Fusioner horisontalement les cellules d'un tableau avec l'élément
<rowspan>.
Les tableaux plus complexe.
- Définir l'entête et les colonnes de notre tableau.
- Définir le pied du tableau. Pourquoi le pied vient avant le corps ?
- Définir le corps du tableau.
- La propriété « border-collapse » regroupe la bordure en une seul.
Les images.
- Le format d'une image est déterminé au moment de l'enregistrement.
- Pour intégrer une image, vous devez l'insérer dans un paragraphe.
- L'attribut «
alt» qui idéalement ne doit pas contenir plus de 60 caractères - Un thum est en fait une petite image, une petite reproduction de l'original.
- Utilisez cette animation Flash pour faire défiler des images ou des photos...
Mètre en évidence une image.
Une vidéo valide W3C.
Un lecteur mp3 sur son site.
Ajouter ce site à vos favoris
