La conception d’un site Web peut être une tâche difficile lorsque vous n’êtes pas sûr de ce à quoi il ressemblera. La lecture de différents sites Web que vous aimez peut être une bonne idée lorsque vous pensez à l’apparence de votre propre site Web. Cependant, il existe un moyen de créer un site web similaire à celui que vous admirez. Vous pouvez utiliser le code source HTML de la page Web que vous aimez comme modèle pour votre propre site Web. En utilisant Adobe Dreamweaver, vous pouvez personnaliser ce modèle dans le site Web de votre choix.
Ouvrez le navigateur de votre choix et allez sur le site Web que vous souhaitez émuler. Trouvez le code source du site Web et copiez-le. Selon le navigateur que vous utilisez, vous trouverez le code source à différents endroits.
Mozilla Firefox : Cliquez sur l’onglet en haut du navigateur qui dit « Afficher ». Dans la liste déroulante, cliquez sur l’avant-dernière option, « Page Source ». Une autre fenêtre s’ouvrira contenant le code source HTML. Allez dans l’onglet « Modifier », choisissez « Sélectionner tout », puis choisissez « Copier » dans la même liste déroulante.
Internet Explorer : Trouvez l’onglet « Affichage » en haut du navigateur et sélectionnez « Source » en bas de la liste. Une fenêtre séparée apparaîtra affichant le code source HTML. Allez dans « Modifier », choisissez « Sélectionner tout », puis choisissez « Copier » dans la même liste déroulante.
Ouvrez Adobe Dreamweaver sur une page HTML vierge. Assurez-vous que la page est affichée sous l’affichage « Code » et non sous l’affichage « Design ». Vous pouvez voir les trois options d’affichage au-dessus de la page blanche : « Code », « Split » et « Design ». Cliquez sur l’option « Code » et vous verrez un squelette HTML.
Mettez en surbrillance toute la page et supprimez le squelette HTML. Allez dans « Modifier » et sélectionnez « Coller » pour coller le code source HTML dans Adobe Dreamweaver. Ensuite, sélectionnez l’affichage « Design », et vous verrez le design du site web. Vous êtes maintenant libre de personnaliser le code source ou de l’utiliser comme modèle pour de futurs projets de site web.
Laisser un commentaire