Accueil leçons Microcodile

Tutoriaux Dreamweaver

Présentation de Dreamweaver

Dreamwaver est le logiciel N°1 dans la conception de site Internet. Quand on maîtrise cet outil, on gagne un temps fou dans la conception des sites. Dreamweaver s'adresse aussi bien au débutant qu'au développeur ou designer confirmés. Les leçons sont affichées dans l'ordre logique d'apprentissage, si vous sautez une leçon, il est possible que vous manquiez une notion importante.


EN BREF !

Mise en ligne : 05/04/2008
Vue : 9 990 fois
Niveau : Débutant

Définir un site

Avant de se lancer dans la conception d'un site, il est important d'indiquer à Dreamweaver où se trouve le répertoire contenant le site. Il faut aussi définir un dossier qui contiendra les images du site web. Le nom de ce dossier est aussi important au niveau du référencement. Découvrez comment bien préparer Dreamweaver pour concevoir votre premier site

Voir la leçon
 

EN BREF !

Mise en ligne : 09/04/2008
Vue : 28 338 fois
Niveau : Débutant

Mise en page CSS leçon 1

Placez vos différentes balises DIV pour réaliser le gabarit de votre site. Créer une feuille de styles externe pouvant être utilisée dans toutes les pages de votre site internet.

Voir le résultat à la fin de la leçon 1
Voir le résultat final

Voir la leçon
 

EN BREF !

Mise en ligne : 12/04/2008
Vue : 19 550 fois
Niveau : Débutant

Mise en page CSS leçon 2

Personnalisez vos balises DIV et BODY avec des images de fond, placez une image dans votre page, faîtes un lien hypertexte et modifiez le titre de votre page. Définissez la police par défaut pour vos styles CSS.

Téléchargez les images de la leçon (archives zip)
Voir le résultat à la fin de la leçon 2
Voir le résultat final

Voir la leçon
 

EN BREF !

Mise en ligne : 15/04/2008
Vue : 32 637 fois
Niveau : Débutant

Mise en page CSS leçon 3 faire un menu horizontal à partir d'une liste

Réalisez des menus horizontaux en CSS à partir d'une liste à puces. Créez vos rollover entièrement en CSS en personnalisant les styles des balises UL, LI et A. Modifez l'affichage d'une balise suivant le bloc DIV où celle-ci se trouve.

Voir le résultat à la fin de la leçon 3
Voir le résultat final

Voir la leçon
 

EN BREF !

Mise en ligne : 16/04/2008
Vue : 27 416 fois
Niveau : Débutant

Menu vertical en CSS

Apprenez à réaliser un menu vertical en css à partir d'une liste à puces. Faîtes des rollover.

Voir le résultat à la fin de la leçon
Voir le résultat final

Voir la leçon
 

EN BREF !

Mise en ligne : 21/05/2008
Vue : 5 914 fois
Niveau : Débutant

Personnalisation des tableaux et des balises de titre (h1 à h6) avec les feuilles de styles

Dans ce tutorial, apprenez à modifier l'apparence des tableaux et des cellules avec les feuilles de styles CSS. Présentez les balises de titre (title) de h1 à h6 avec un aspect conforme à votre maquette de site. Découvrez comment fusionner les bordures d'un tableau grâce à border-collapse dans votre style css.

Notre page à la fin de cette leçon

Voir la leçon
 

EN BREF !

Mise en ligne : 10/06/2008
Vue : 4 005 fois
Niveau : Débutant

Personnalisation des formulaires avec les styles CSS

Personnalisez les éléments de vos formulaires, couleur de fond, bordure, taille du texte et police grâce aux feuilles de styles CSS. Encadrez vos titres et paragraphes avec les bordures.

Voir le résultat final

Voir la leçon
 

 

 

 

Conseiller à un ami

Ce site peut être utile pour un de vos amis. Facile, j'inscris son email dans le champ de formulaire et je clique sur le bouton Envoyer. Un email lui est envoyé avec un lien pour se rendre sur le site

Newsletter :

Pour ne rater aucune nouvelle leçon, abonnez-vous à notre lettre d'informations (Maximum 1 par mois).




 

Planches originales de bandes dessinées
 
Boutique en ligne buggy, traction, mountainboar et kitesurf
 

Astuces

Si vous utilisez Internet Explorer ou Firefox, en appuyant sur la touche F11 de votre clavier, vous basculerez en mode plein écran et visualiserez pleinement les tutoriaux animés de Microcodile.com. (Appuyez de nouveau sur F11 pour revenir au mode normal)