Comment créer un modèle de site Web?

Les modèles de conception de sites Web prêts à l'emploi sont payés etgratuit, pour tous les goûts. Cependant, tous ont un énorme inconvénient - ils ne sont pas uniques. Même si vous avez acheté un modèle, quelqu'un d'autre peut l'acheter.

Comment être, si vous voulez avoir votre propre site web,et vous ne pouvez pas commander un site Web dans un studio professionnel? Vous pouvez et devriez essayer de créer votre propre modèle de conception pour votre site. Un modèle est une sorte de préparation pour la conception des pages de votre projet web, que vous remplissez ensuite avec le contenu nécessaire.

Alors, par où commencer. La première étape - examen préliminaire prudent, commentVous voulez voir le design de votre site, cela peut sembler superflu. Cependant, seulement au premier coup d'oeil. Il est préférable de dessiner un dessin sur papier, d'expérimenter différentes options et de commencer à travailler dans un éditeur graphique.

L'étape suivante, comme vous l'avez probablement déjà deviné, dessine un dessin dans un éditeur graphique. Qui en même temps choisissent l'éditeur - une question de goûts personnels et de préférences. Le paquet graphique le plus commun - Adobe Phohtoshop, alors considérez la création d'un modèle pour la conception du site sera sur son exemple.

Les pages de votre futur site seront les cellules de la table si vous utilisez la disposition de la table ou des blocs, si le bloc. Placez l'image que vous avez dessinée disposition de conception site dans ces cellules ou blocs est l'étape suivante dans la création d'un modèle de site. Pour ce faire, vous devez diviser une seule image en plusieurs parties, par le nombre et la taille des cellules ou des blocs souhaités.

Dans le programme Adobe Phohtoshop il y a un outil spécial pour couper des images - Outil de tranche. Avec cet outil, littéralement comme un couteaul'image est découpée en nombre de pièces requis. Il doit être pris en compte que lorsque vous remplissez le texte, certaines cellules de tableau ou des blocs sur la page du site peuvent "s'étirer". Par conséquent, pour ces cellules, il est nécessaire de découper des morceaux de l'image afin que lors de la copie, ils ne créent pas l'impression d'une tuile.

Lorsque l'image est découpée dans le nombre de pièces requis, vous devez l'enregistrer. Dans Adobe Phohtoshop, c'est facile. Dans le menu Fichier vous devez sélectionner un élément Enregistrer pour les appareils Web. Dans la boîte de dialogue qui apparaît, vous devezsélectionnez le type de fichier "HTML & images", indiquez le nom du fichier "index.htm" ou "index.html" (l'extension .htm est préférable) et enregistrez ce fichier dans le dossier racine de votre futur site. Si tout a été fait correctement, le fichier index.html correspondant et le répertoire images apparaîtront dans ce dossier. En images, juste toutes les pièces hachées de l'image seront.

Quelle est la prochaine? Il ne reste plus qu'à éditer le fichier index.html de sorte que lorsque vous le remplissez avec du texteIl n'y avait pas de rupture de l'image ou des rayures blanches. Afin d'éviter de tels problèmes, il est nécessaire de sélectionner pour quelles cellules les images doivent être en arrière-plan, quelles cellules seront étirées ou combinées. Ne vous découragez pas si vous n'avez pas réussi à découper parfaitement l'image de la première fois, vous pourriez avoir besoin de quelques tentatives douloureuses. Mais par conséquent, la conception de votre site sera exactement ce que vous vouliez, et le site lui-même vous plaira originalité et unicité.

Basé sur les matériaux du site webstudio2u.net