Le moyen le plus simple pour un débutant de créer un site Web consiste à utiliser un modèle standard. L'unicité de la ressource peut être obtenue en apportant un certain nombre de changements cosmétiques et organisationnels dans la conception standard.
Nécessaire
- - modèle de site;
- - programme Photoshop;
- - extension pour le navigateur FireBug;
- - Éditeur Bloc-notes ++.
Instructions
Étape 1
Trouvez un modèle de site Web qui vous convient sur Internet. Explorez les modèles proposés, en faisant attention à leur adaptabilité à la taille du moniteur, aux spécificités de la disposition des colonnes et des menus. Téléchargez l'option sélectionnée. Vérifiez ses performances en téléchargeant des fichiers à la racine du site en cours de création. Si le modèle contient des erreurs qui se révèlent dans le travail, il est préférable de trouver une autre option.
Étape 2
Modifiez la plupart des images du modèle. Remplacez chaque image comme suit. Lancez Photoshop et ouvrez l'un des fichiers graphiques de modèle qu'il contient. Regardez dans le menu "Image" dans la colonne "Taille" pour les paramètres de l'image. Ouvrez une nouvelle feuille avec les mêmes dimensions et créez l'image dont vous avez besoin dessus. Enregistrez le résultat dans le dossier des modèles sous le nom du fichier graphique à remplacer. Par conséquent, il est nécessaire de remplacer toutes les images significatives.
Étape 3
Modifiez le reste des paramètres à l'aide de tableaux en cascade style.css, un langage de programmation formel qui décrit l'apparence d'un document. Il est plus pratique d'effectuer de telles modifications via le panneau d'administration et il est préférable de visualiser les résultats sur l'hébergement local afin de ne pas télécharger chaque mise à jour sur le serveur.
Étape 4
Téléchargez et installez l'extension FireBug gratuite pour votre navigateur. Une icône avec un bug jaune devrait apparaître dans le coin supérieur droit de la fenêtre du navigateur. Cliquez sur l'icône et appuyez sur F12. Le code de la page réduite apparaît en bas de l'écran. Il peut être développé en survolant les signes plus. En cliquant sur la ligne d'un élément, vous pouvez voir comment il est mis en évidence en haut de l'écran. Dans la partie droite de la fenêtre avec le code il y a des styles indiquant les lignes responsables de l'apparence de la page.
Étape 5
Ouvrez le modèle dans l'éditeur Notepad ++. Utilisez FireBug pour trouver les paramètres à modifier et éditez-les dans Notepad ++.
Étape 6
Enregistrez le résultat et téléchargez le site créé sur le serveur.
