Comment faire modèles de site web

<div itemprop="description" class="intro marginTop" data-module="article-intro">

Les modèles sont utiles pour la conception de Web commun, et peuvent être vendus à d`autres pour un bon profit. Les modèles peuvent être facilement créés avec quelques outils simples de conception. habileté artistique peut aider grandement dans le processus, mais ne doit pas.

Choses que vous devez

  • Adobe Photoshop 6+ (voir Ressources ci-dessous)
  • ou The GIMP (voir les ressources ci-dessous)
  • Adobe Dreamweaver (voir Ressources ci-dessous)
  1. Création du design graphique

  2. 1

    Ouvrez Photoshop et créez une nouvelle image avec une résolution de 1024 x 768. Assurez-vous que l`image a un fond transparent.

  3. 2

    Utilisez l`outil de remplissage pour créer une couleur d`arrière-plan pour la page. Ensuite, dans le "Filtres" section du menu Fichier, cliquez sur le "Texturizer" outil. Appliquer une texture à la couleur.

  4. 3



    Créez un nouveau calque, et utiliser les outils de rectangle ou un rectangle arrondi pour créer une barre de navigation et le contenu et le logo de boîtes.

  5. 4

    droite, cliquez sur la couche que les boîtes sont, et sélectionnez "Options de fusion." Cela va ouvrir un menu dans lequel vous pouvez appliquer biseaux, ombres portées et de nombreux autres effets sur les boîtes.

  6. 5

    Enregistrez le fichier comme une image .jpg dans votre dossier de modèle Web.

  7. Création du modèle HTML

    • 1

      Ouvrez Dreamweaver et créez un nouveau fichier .html.

    • 2

      Créez un nouveau calque, et insérer l`image que vous venez de créer. Cliquer sur "Propriétés de la page" au bas de l`écran, et correspondre à l`arrière-plan de la page avec l`arrière-plan de l`image.

    • 3

      Sélectionnez l`image, et d`utiliser le rectangle, ovale, et des outils de polygones en bas à gauche de l`écran pour créer des points chauds autour de tous vos boutons de navigation.

    • 4

      Enregistrez le fichier sous "template.html"

Ressources

  • Crédit photo webtemplatesgallery.com

AUTRES