Comment construire un site Web très facile dans Dreamweaver CS4

Comment construire un site Web très facile dans Dreamweaver CS4


Dreamweaver est considéré comme un What You See Is What You Get (WYSIWYG) outil d'édition Web. Tout ce que vous avez à faire ce type de contenu ou utilisez la barre d'outils pour insérer des images, des tableaux ou d'autres fichiers et Dreamweaver se chargera de tout le code HTML pour vous. Vous n'êtes pas obligé d'apprendre tout codage pour créer une page Web de base en utilisant ce type de logiciel.

Dreamweaver offre une période d'essai pour leur version CS5, vous pouvez le télécharger (voir Ressources) pour lui donner un essai avant de l'acheter. Version CS4 est plus disponible en téléchargement gratuit.

Instructions

1 Ouvrez Dreamweaver. Lorsque l'écran de démarrage apparaît, sélectionnez "HTML" dans la colonne Créer. Cela permettra d'ouvrir une nouvelle page Web qui sera répartie sur l'écran. La moitié inférieure sera vide. Ceci est l'endroit où vous allez créer votre page web. La moitié supérieure vous montrera le code HTML associé à votre page Web. Vous pouvez choisir d'afficher uniquement la partie WYSIWYG en cliquant sur le bouton "Design" en haut de la page.

2 Tapez le titre de votre page en haut. Une fois que vous avez le titre, sélectionnez ce texte et allez dans l'onglet Format. Sous Format, sélectionnez "Paragraphe texte", puis "Titre 1." Cela permettra d'accroître la taille de la police à la plus grande disponible en HTML. Sous le titre, maintenant appelé l'en-tête, vous pouvez commencer à taper le reste de votre contenu. Si vous souhaitez faire du texte en gras, en italique ou plus, utilisez l'option "Paragraphe texte" comme vous l'avez fait pour augmenter la police plus tôt.

3 Enregistrez votre page Web dans un nouveau dossier et de donner au fichier le nom "index". Si vous ne nommez pas le home page "index" votre serveur web ne saura pas quel fichier pour servir d'abord si cela est très important. Enregistrer votre page Web est maintenant nécessaire pour l'étape suivante parce que, pour afficher des images, ils doivent avoir le même chemin sur votre serveur web comme ils le font dans Dreamweaver. Si votre image est stockée sur votre disque dur, alors il ne sera pas apparaître sur votre page web. Assurez-vous que vous enregistrez votre fichier avec soit l'extension .htm ou .html.

4 Créez un dossier dans votre dossier de page Web appelée «images». Copiez toutes les images que vous allez utiliser sur votre page Web dans ce dossier. Insérer une image en sélectionnant "Insérer" puis "Image". Accédez à l'image que vous souhaitez ajouter à votre page Web, sélectionnez-le puis cliquez sur "OK". L'image apparaît lorsque le curseur est.

5 Cliquez sur "Insérer" puis "Hyperlink". Dans la zone de texte, tapez la description de la page que vous liez. Ceci est ce qui apparaîtra sur votre page Web. Dans la boîte de lien hypertexte, entrez l'URL de la page Web que vous liez. Cliquez sur "OK".

6 Sauvegardez votre travail lorsque vous avez terminé d'ajouter du texte, des hyperliens et des images.

Conseils et avertissements

  • Planifiez votre page Web avant de commencer à construire. Cela rend le processus de conception plus facile.