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 : | 928 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çonEN BREF !
| Mise en ligne : | 09/04/2008 |
| Vue : | 3 080 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
EN BREF !
| Mise en ligne : | 12/04/2008 |
| Vue : | 1 988 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
EN BREF !
| Mise en ligne : | 15/04/2008 |
| Vue : | 3 675 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
EN BREF !
| Mise en ligne : | 16/04/2008 |
| Vue : | 2 845 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
EN BREF !
| Mise en ligne : | 21/05/2008 |
| Vue : | 444 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
EN BREF !
| Mise en ligne : | 10/06/2008 |
| Vue : | 206 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
Conseiller à un ami
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)
