Faire une page Web à partir d'un modèle que vous créez dans GIMP (GNU programme de manipulation d'image ) vous permet de démarrer sur votre page web rapidement avec moins de temps et d'efforts. GIMP vous permettra même de manipuler les couches et faire d'autres effets au-delà de la portée du débutant. La connaissance de GIMP et comment la mettre dans votre code web HTML seront utiles . Les choses dont vous aurez besoin
GIMP ( téléchargement gratuit pour Windows, OS X , Linux)
bloc-notes ( ou tout autre éditeur de texte)
compétences en HTML ( voir nos autres articles de l'aide pour les bases )
afficher Instructions supplémentaires
1
Ouvrir GIMP en cliquant sur l'icône une fois que vous avez téléchargé et installé le programme à partir du site Web (voir Ressources). Sélectionnez "Fichier" et "Nouveau" avant de cliquer sur " Modèle" menu déroulant. Sélectionnez la zone De Template et dans le menu déroulant qui apparaît, cliquez sur l'option pixel " 800x600" . D'autres options sont disponibles pour vous à essayer dans le futur, mais ce qui est bon pour un usage général dans une session de web design pratique . Cliquez sur " OK".
2
Appuyez sur " Ctrl " et "b" en même temps sur votre clavier si une fenêtre intitulée " boîte à outils " dans la marge supérieure ne s'ouvre pas . Deux cinquièmes de la descente de la fenêtre sont deux carrés qui se chevauchent. L' un à l'avant est la couleur de premier plan , l'autre est la couleur de fond . Cliquez sur chaque boîte séparément et sélectionnez la couleur dans la fenêtre " changement de couleur " qui apparaîtra. Dans la fenêtre de couleur du changement, cliquez sur votre souris sur la grande place qui a les couleurs de effacement de l'un à l'autre. Teinte, saturation, rouge, vert et bleu niveaux peuvent être réglés avec les barres coulissantes à droite une fois que vous avez votre choix . Cliquez sur " OK " pour garder la sélection et fermer cette fenêtre. Changez l'autre (fond ) couleur en cliquant sur la case derrière lequel vous avez cliqué auparavant sur la boîte à outils , les deux cinquièmes de la descente .
3
Cliquez sur l'outil " Blend " icône dans la boîte à outils. En cas de doute qui icône c'est , survolez les icônes avec votre souris pour trouver l'icône appropriée . Il devrait ressembler à une boîte qui a fondu gris au blanc . La fenêtre non -toolbox nous appellerons la «toile» même si elle dit probablement "Untitled " et " 800x600" quelque part dans sa marge supérieure . Cliquez sur la toile dans le coin supérieur gauche de l'écran et faites glisser la souris vers le coin inférieur droit de l'écran pour le remplir avec la couleur sélectionnée dans un dégradé. Si aucun gradient est désirée, il suffit de sélectionner l'outil " Remplissage " et cliquez sur la toile à remplir avec une couleur unie.
4
Cliquez sur Fichier dans la partie supérieure de la toile et , à partir du menu dans le menu déroulant , sélectionnez Nouveau. Lorsque l'option "Créer une nouvelle image " fenêtre s'ouvre , modifiez les valeurs pour " Largeur" et " Hauteur" si elles sont réduites de 20 pixels chacun à 780 pixels de large et 580 pixels de haut. Sélectionnez "Edition" puis "Copier" dans le menu déroulant. Passez à la première toile et sélectionnez "Modifier" puis "Coller " pour coller l'image plus petite sur l'original. Il s'auto - centre lorsque collé. Retour à la nouvelle toile (blanc ) et fermez-le . Cliquez sur " Fichier" et dans le menu déroulant , sélectionnez "Enregistrer sous". Faire un nom pour votre travail et enregistrez-le .
5
La page web se fait à moins que vous souhaitez couper l'image pour l'utiliser en HTML (voir la section suivante) .
Faire tranches GIMP ( utilisées en HTML )
6
Créer le haut (en-tête ) de la page Web . Cliquez sur le " Rectangle Outil de sélection " dans la boîte à outils . Cliquez sur la toile dans le coin gauche extrême haut et faites glisser pour sélectionner les 20 pixels en hauteur et toute la largeur ( 800 pixels). Vous pouvez dire le nombre de pixels que vous avez sélectionné dans le rectangle en regardant le bas de la fenêtre de toile pour voir les dimensions (en pixels) à côté du mot " Rectangle. " Select "Image" et du menu déroulant , sélectionnez « Découper la sélection . " Sélectionner "Enregistrer sous" et rattraper le nom de " top.jpeg " qui reflète le fait que le fichier est en haut de votre page web . Fermez la page .
7
Créer milieu de la page Web. Ouvrez le fichier dans GIMP que vous avez nommé et enregistré à l'étape quatre. Choisissez l'option " Rectangle Outil de sélection " et sélectionnez une zone dans la partie centrale de la toile qui s'étend sur toute la largeur , mais est seulement un pixel de haut . Crop à cette sélection et enregistrez le fichier sous le nom " middle.jpeg " qui reflète le fait que le fichier est le modèle le corps de la page Web .
8
Créer bas de la page Web de la même manière que vous avez fait le haut de la page Web en sélectionnant une zone de 20 pixels de haut qui s'étend sur la largeur de l'écran tout en bas de la page. Enregistrez ce fichier sous " bottom.jpeg . "
9
Faire la page web de la même largeur que votre image GIMP ( d'une largeur de 800 pixels). Tapez dans le code HTML après avoir ouvert la section de la page.
10 Au sommet, juste après que vous ouvrez l' balise body , ajouter ![]()
src="top.jpeg" à votre code HTML. Faites la même chose plus faible dans le code, juste avant d'ajouter la balise
dans le code.