Connaissance basique sur votre site internet avec Dreamweaver, supports de cours gratuit sur Dreamweaver document en pdf.
Précautions préliminaires
• Une connaissance basique d’Internet, de Windows et d’un traitement de texte sont utiles sinon indispensables pour la réalisation de ce qui suit.
• Le contenu de ce site n’est pas très élaboré mais il est conçu uniquement dans un but pédagogique.
• Pour débuter, faites simple sinon simpliste. Vous ajouterez vos effets visuels et autres fantaisies lorsque vous posséderez les outils de base.
• La connaissance d’un éditeur Html n’empêchera jamais de connaître les balises source du langage Html [oui, je sais, je me répète… mais toutes les « signatures » du Web vous le diront].
Dreamweaver
Nous utilisons ici Dreamweaver qui est un (sinon le) meilleur éditeur de pages Html du marché. S’il a l’avantage d’être très complet et très performant, il peut paraître quelque peu déroutant pour un débutant.
Notre but ici n’étant pas de faire une aide détaillée de Dreamweaver, nous nous cantonnerons volontairement aux fonctions élémentaires afin de réaliser une première prise en main.
Plan du site
Toujours dans un esprit didactique, ce site comprendra un page de présentation de l’auteur (c-à-d vous) et 3 « sous-pages » consacrées à son chanteur préféré, ses loisirs préférés et un portrait chinois.
Mise en place des pages du site
• Nous mettrons tous les éléments du site (fichiers Html, images, etc) dans le mêmerépertoire. Créez un nouveau répertoire ou dossier que l’on appellera ici « SiteDreamweaver ».
• Ouvrez le programme Dreamweaver.
Démarrer ÆProgrammes ÆMacromedia Dreamweaver ÆDreamweaver
• Fermons toutes ces petites fenêtres qui encombrent l’écran pour ne garder que la fenêtre principale.
Cela simplifiera notre tâche de débutant et il est de toute façon possible de les rappeler par après.
• On va tout de suite enregistrer la page ouverte par défaut : Fichier ÆEnregistrer sous…Comme indiqué sur la capture d’écran, désignez le chemin du dossier pour enregistrer le fichier Dans »SiteDreamweaver » et donnez comme Nom »index ». Ce fichier (la page de présentation) sera la page d’accueil [ou homepage] de votre site. Par convention, on appelle toujours ce fichier « index.htm » ou « index.html ». C’est le fichier ouvert par défaut par les navigateurs Internet.
La page de présentation (index.htm)
• Revenons à la page de présentation. Pour ce faire, on peut (notamment) passer parFichier Ouvrir Æ dossier « SiteDreamweaver » Æ index.htm
• Prenons la bonne habitude de donner un titre à la page. Nous verrons plus tard que ce titre s’affichera tout en haut dans la fenêtre du navigateur. Modifier ÆPropriétés de la pageet donnons comme Titre »Mon site Internet ». OK.
• Tapez maintenant dans la fenêtre principale : « Mon site Internet » que l’on met en surbrillance.
• On appelle la barre des propriétés. Fenêtre ÆPropriétés(ou Modifier ÆPropriétés de la sélection ou Ctrl + F3).
….
Si le lien ne fonctionne pas correctement, veuillez nous contacter (mentionner le lien dans votre message)Site internet avec Dreamweaver (264 KO) (Cours PDF)
