Le principe "d'être accueilli par des vêtements" est vrai non seulement pour les personnes, mais aussi pour les sites. La robe du site est sa conception. Et c'est le design qui détermine l'impression que le visiteur a dans les premières secondes de visualisation de la ressource. Cette impression est d'autant plus importante qu'elle détermine son comportement futur. Le premier élément de conception que tout utilisateur qui visite le site voit est son "en-tête". Le bouchon est le visage de la ressource Web. Par conséquent, chaque concepteur de sites Web novice veut tout d'abord apprendre à créer des en-têtes pour les sites.
Nécessaire
- - accès à Internet;
- - navigateur moderne;
- - éditeur graphique raster (GIMP, Photoshop);
- - en option: éditeur de graphiques vectoriels (CorelDraw);
- - en option: environnement de modélisation 3D (Blender, 3DStudio);
- - facultatif: feuille de papier, crayon ou stylo.
Instructions
Étape 1
Développer un concept pour le futur en-tête du site. Idéalement, le concept devrait être basé sur l'idée originale. Lorsque les idées manquent, l'inspiration peut être acquise en analysant les bonnes solutions existantes. Reflétez le résultat d'une recherche créative sous la forme d'un croquis sur une feuille de papier. Le croquis doit refléter la structure du futur en-tête du site avec l'indication des endroits "caoutchouc" et des zones remplies d'images. À ce stade, il est judicieux de réfléchir à un schéma de couleurs approximatif pour la conception de l'en-tête.
Étape 2
Sélectionnez la taille de l'en-tête. En fait, il vaut la peine de définir clairement un seul de ses paramètres - la hauteur. En règle générale, la hauteur des en-têtes du site est fixe et ne dépend pas de la résolution logique qui affecte les paramètres d'affichage des polices. En d'autres termes, vous devez choisir une valeur pour la hauteur de l'en-tête en pixels. Dans ce cas, il est judicieux de prendre en compte la possibilité de placer des bannières ou des blocs de publicité contextuelle dans l'en-tête. En ce qui concerne la largeur, vous devez déterminer la valeur minimale, en mettant en évidence au moins une zone "caoutchouc" qui permet à l'en-tête de s'adapter aux différentes tailles de la page Web.
Étape 3
Créez un modèle d'en-tête dans un éditeur graphique. Dans un nouveau document, ajoutez un calque transparent sur lequel vous allez faire glisser l'esquisse en fonction des paramètres géométriques sélectionnés. La hauteur du calque doit correspondre à la hauteur de l'en-tête. La largeur peut être prise comme arbitraire, mais supérieure à la taille minimale, laissant de la place pour des zones horizontales "caoutchouc".
Étape 4
Recherchez ou créez des images statiques à placer dans votre modèle d'en-tête. Le logo et certains éléments uniques peuvent être créés dans un éditeur vectoriel ou un environnement de modélisation 3D. Il est assez facile de trouver des images thématiques sur des photobanques gratuites sur Internet.
Étape 5
Insérez l'arrière-plan, le logo et les images statiques dans le modèle d'en-tête du site dans un éditeur graphique. Ajoutez l'arrière-plan et chaque image à un calque transparent séparé. Disposez les couches de la meilleure façon. En déplaçant les images en couches, obtenez leur mise en page parfaite, correspondant au modèle précédemment créé.
Étape 6
Enregistrez l'image d'en-tête résultante. Enregistrez le projet de travail dans le format natif de l'éditeur graphique. Enregistrez ensuite l'image d'en-tête aplatie dans un format sans perte (par exemple, PNG).
Étape 7
Créez un modèle d'en-tête HTML si nécessaire. Ouvrez l'image aplatie dans l'éditeur. Découpez-en des images qui correspondent à des zones de taille fixe. A partir des endroits correspondant aux zones "caoutchouc", découpez les images de 1 pixel de large. Enregistrez toutes les images sur le disque. Disposez l'en-tête HTML à l'aide des images enregistrées.
