Comment utiliser un modèle de conception téléchargé
Personnaliser le fichier HTML
sauvegarder Recherchez les fichiers inclus dans le modèle de conception téléchargé. Ce sera un mélange de fichiers HTML, CSS et graphiques. Certains graphiques seront étiquetés "modifiables", ce qui signifie qu'ils sont ceux que le concepteur pense que vous souhaitez personnaliser pour votre site Web, tels que l'en-tête. Les autres graphiques que vous n'avez probablement pas besoin d'éditer sont les espaceurs, les barres, les arrière-plans qui maintiennent le dessin.
Effectuez une copie du dossier contenant les fichiers de modèle. De cette manière, vous pouvez éditer un groupe de fichiers et conserver les originaux à un autre endroit au cas où vous voudriez les utiliser à nouveau.
sauvegarder Exécutez le programme pour modifier Web et ouvrez le fichier du modèle étiqueté de la même manière que index.html. Cela devrait être la page de démarrage du modèle.
sauvegarder Examinez le modèle dans votre outil d’édition Web et recherchez les zones que vous souhaitez personnaliser. Cliquez sur les images pour connaître le nom des fichiers et pouvoir les placer dans le modèle pour les éditer. Faites également attention aux dimensions des images (hauteur et largeur). Lorsque vous personnalisez les graphiques du modèle, vous devez vous assurer que vos nouveaux fichiers ont les mêmes mesures que ceux d'origine, mais vous déformerez la mise en page.
sauvegarder Modifiez les zones de texte du modèle et ajoutez le nouveau contenu.
Supprimez toute partie du modèle que vous ne souhaitez pas, mais souvenez-vous que certains modèles utilisant des tableaux dans leur disposition peuvent comporter des graphiques ou des textes à certains emplacements pour conserver la largeur d'une colonne d'un certain indicateur. Si vous supprimez ces éléments, la colonne risque de se réduire, ce qui déformera les éléments armés. Remplacez-le par un graphique ou un texte de taille égale pour conserver la largeur de la colonne.
Utilisez la commande Enregistrer de votre outil d'édition Web pour enregistrer vos modifications, puis quittez l'outil d'édition Web.
Personnaliser les fichiers graphiques
sauvegarder Exécutez l'outil d'édition graphique et ouvrez les fichiers que vous souhaitez personnaliser. Celles que vous avez déjà vues dans le fichier HTML ont probablement une extension JPG ou GIF, qui sont des fichiers compressés optimisés pour le Web. Les fichiers que vous souhaitez modifier sont les fichiers "originaux" des versions compressées. Ils doivent être au format PNG ou PSD ou dans un autre format que JPG ou GIF et sont probablement stockés dans un dossier distinct du dossier de modèles.
Utilisez les outils d’édition de votre programme graphique pour modifier l’affichage des fichiers sur votre page Web et enregistrer les modifications.
sauvegarder Exportez les fichiers graphiques édités aux formats JPG ou GIF qui correspondent au format des fichiers que vous remplacez dans le modèle et placez-les dans le même dossier que le fichier HTML que vous avez enregistré dans la première partie. Ne changez pas les noms des fichiers, sinon les références dans le code HTML seront modifiées. Votre programme graphique ne vous informera que du fait que le fichier exporté remplace un fichier existant, et c'est ce que vous souhaitez.
sauvegarder Rouvrez le fichier d'index HTML dans votre outil d'édition Web pour voir à quoi ressemblent les graphiques mis à jour et effectuer les ajustements nécessaires.
