Lors de la création de sites, des modèles prêts à l'emploi trouvés sur le net sont souvent utilisés. Ils sont parfois téléchargés par les utilisateurs des milliers de fois, les ressources créées sur leur base sont très similaires en apparence. Pour que le site ait un design individuel, son modèle doit être modifié.
Il est nécessaire
- - modèle de site;
- - Logiciel Dreamweaver.
Instructions
Étape 1
La meilleure façon de travailler avec des modèles est Dreamweaver, qui peut être téléchargé sur Internet. Ce programme est l'un des meilleurs outils pour créer un site Web, il vous permet d'éditer des pages à la fois visuellement et à l'aide d'un éditeur de code.
Étape 2
Téléchargez et installez Dreamweaver et lancez-le. Ouvrez-y le modèle de votre choix. Veuillez noter que le modèle doit être sélectionné correctement pour minimiser le travail. Lorsque vous le choisissez, concentrez-vous sur la disposition des éléments de la page, pas sur le jeu de couleurs. Si vous souhaitez créer un site web différent des autres, il vous faudra tout de même changer sa palette de couleurs, il vaut donc mieux choisir un modèle avec une mise en page adaptée, qui n'aura pas à être refaite, et déjà l'agencer dans le La bonne façon.
Étape 3
Il est plus pratique de considérer le processus d'édition avec un exemple spécifique. Téléchargez l'un des modèles html - par exemple, celui-ci: https://web-silver.ru/templates/sites/086/086.zip. Décompressez-le, puis ouvrez le fichier html dans Dreamweaver. Faites attention au commutateur de mode dans le coin supérieur gauche - "Code", "Separate", "Design". En basculant entre les modes, vous pouvez modifier le modèle de la manière la plus pratique pour vous.
Étape 4
Passez à la vue "Conception", puis cliquez avec la souris sur l'un des éléments - par exemple, l'en-tête de page, dans l'exemple du modèle, il contient le texte La rivière. Veuillez noter que les propriétés de cet élément de page sont apparues en bas de la fenêtre du programme. En particulier, la largeur, la hauteur, l'image utilisée sont indiquées. Vous pouvez modifier la taille de l'en-tête en les spécifiant dans les champs appropriés ou simplement en faisant glisser les marqueurs de bordure sur l'en-tête lui-même. Changez l'image, pour cela sélectionnez l'image dont vous avez besoin de la même taille et insérez-la à la place de l'originale.
Étape 5
Vous pouvez modifier n'importe quel élément de la même manière simple. Par exemple, la couleur du texte, l'arrière-plan de la page, les titres des liens, etc. etc. Si quelque chose ne fonctionne pas dans la fenêtre de conception, vous pouvez toujours apporter les corrections nécessaires directement dans le code. N'oubliez pas d'enregistrer le fichier d'origine dans un emplacement séparé avant de commencer le travail. Pendant que vous travaillez, enregistrez ses résultats sous forme de fichiers séparés avec des noms différents, cela vous permettra de revenir en arrière à tout moment. Avec un peu de pratique avec Dreamweaver, vous pouvez modifier rapidement et facilement n'importe quel modèle.
