Comment utiliser un modèle de conception téléchargé

Un modèle de conception téléchargé est un excellent moyen de court-circuiter la création d'un nouveau site Web. Avec un modèle, vous ne devez pas agoniser sur la conception, car il est déjà fait pour vous. Même les graphiques sont inclus. Vous, cependant, besoin de personnaliser le modèle pour répondre à vos besoins site. Cela nécessite un logiciel d'édition Web, idéalement une avec une vue de la mise en page de conception tels que Adobe Dreamweaver, et le logiciel d'édition graphique, tels que Adobe Photoshop ou Adobe Fireworks, qui peut lire PNG et PSD et est capable d'exporter des fichiers JPG et GIF.


Sommaire

  • Personnaliser le fichier html
  • Personnaliser les fichiers graphiques
  • Choses que vous devez

    • logiciel d'édition de page Web



    • logiciel d'édition graphique

    Personnaliser le fichier HTML

    1. Regardez les fichiers inclus avec le modèle de conception téléchargé. Ils seront un mélange de HTML, CSS et des fichiers graphiques. Certains graphiques peuvent être étiquetés comme "modifiable," signifie ce sont ceux du concepteur attend que vous souhaitez personnaliser pour votre site web, tels que la bannière. Autres graphiques vous ne probablement pas besoin d'éditer sont entretoises, des bars et des milieux qui détiennent la conception ensemble.

    2. Faites une copie du dossier contenant les fichiers de modèle. De cette façon, vous pouvez éditer un ensemble de fichiers et de conserver les originaux ailleurs dans le cas où vous souhaitez les utiliser à nouveau.

    3. Ouvrez votre logiciel d'édition Web et ouvrez le fichier modèle chose étiqueté comme index.html. Ce serait la page d'accueil pour le modèle.





    4. Examinez le modèle dans votre outil d'édition Web et rechercher les zones que vous souhaitez personnaliser. Cliquez sur les images pour savoir ce que leurs noms de fichiers sont de sorte que vous pouvez les trouver dans les fichiers de modèle à modifier. En outre, notez les dimensions de l'image (hauteur et largeur). Lorsque vous personnalisez modèles graphiques, vous devez vous assurer que vos nouveaux fichiers sont les mêmes dimensions que les originaux ou vous fausser la mise en page.




    5. Modifier les zones de texte sur le modèle et d'ajouter votre nouveau contenu.

    6. Retirez toutes les parties du modèle que vous ne voulez pas, mais rappelez-vous certains modèles qui utilisent des tables dans la mise en page peut avoir des graphiques ou du texte dans certains endroits pour tenir la largeur d'une colonne à une mesure spécifique. Si vous supprimez ces éléments, la colonne pourrait diminuer, ce qui fausse la mise en page. Remplacez-les par un graphique ou un texte de taille égale à garder la largeur de la colonne de changer.

    7. Utilisez la commande Enregistrer dans votre outil d'édition Web pour enregistrer vos modifications, puis quittez l'outil d'édition Web.

    Personnaliser les fichiers graphiques

    1. Ouvrez votre outil d'édition graphique et ouvrir les fichiers de modèle que vous souhaitez personnaliser. Ceux que vous avez remarqué dans le fichier HTML auront probablement extension JPG ou GIF, qui sont des fichiers compressés optimisés pour le web. Les fichiers que vous souhaitez modifier sont les "original" fichiers que ces versions compressées sont venus. Ils doivent être au format PNG ou PSD ou un autre format que JPG ou GIF et sont probablement stockées dans un dossier distinct dans le dossier de modèle.

    2. Utilisez les outils d'édition dans votre logiciel graphique pour modifier les fichiers à la façon dont vous voulez qu'ils apparaissent sur votre page web et enregistrer les modifications.

    3. Exportez les fichiers graphiques édités dans le format JPG ou GIF qui correspond au format des fichiers que vous remplacer dans le modèle, et les placer dans le même dossier avec le fichier HTML que vous avez enregistré dans la première partie. Ne pas changer leurs noms de fichier ou les références dans le fichier HTML sera brisé. Votre programme graphique vous informe que le fichier exporté remplace un fichier existant et que est ce que vous voulez.

    4. Rouvrez le fichier d'index HTML dans votre outil d'édition Web pour voir comment les graphiques mis à jour regarder et faire les ajustements nécessaires.

    » » » » Comment utiliser un modèle de conception téléchargé