sabib el mamoud Blob Jaune


   Age : 18 Inscrit le : 13 Mai 2006 Messages : 895 Localisation : changeante...on cherchant le Gold Bird Humeur/Caractère : deconera bien qui deconera le premier Statut Expérience:
   (0/25)
Pixel Point: 10
 | Sujet: [Photoshop+Front Page]Faire un site web Jeu 8 Fév - 22:16 | |
| Voilà un tuto pour faire votre Propre site Web ^^
Il vous faudra pour ce tuto : -Photoshop. (Ici Français) -Front Page. (Anglais) -un Hébergeur pour y mettre votre site. (J’ai choisi ifrance, enfin c’est juste un exemple et de ça simplicité)
D'abord il va nous falloir le Graphisme de votre site : "Kit Graphique"
Ouvrez Photoshop: Fichier->Nouveau
800*800
Faite un nouveau Calques Appelé le par Exemple "Base" Puis faites une sélection qui ressemble un peu à ça:

Puis remplissez la avec du Gris 878787 un peu prés

01- là vous mettez une image ou un texte (avec votre le nom du site) [Photoshop] 02- ici il doit y avoir les liens de votre site ainsi que des catégories et aussi les petits bouton de vos Partenaire (Exemple)[Front Page ou Photoshop] 03- c'est la partie qui change à chaque Lien; sur la plus part des sites, c’est la seul parti qui change. [Front Page ou Photoshop] 04- là il y a écrit la plus part du temps, la copyright du site, ou un truc genre : "Il est strictement interdit de le reproduire, dans sa forme ou son contenu, sans un accord écrit préalable du "Votre Site" ^^ voilà c’est un peu ça ^^
Maintenant que vous avez les bases créé votre Graph. comme vous le voulez ^^ Voilà un exemple très simple qui vous aidera peut être :

Joli non ? : p
Maintenant que vous avez finis avec le graph. on doit le découpé, Prenez l’outil tranche (Raccourci : ‘K’) Et découpé votre site en suivant le l’exemple de la deuxième image (L’exemple ou les partis du site sont divisé et numéroté) normalement ça doit donné quelque chose de ce genre :

[Attention : la partie est divisée en deux ! Celle de la catégorie, et l’autre c’est ce qui sera derrière les liens]
Maintenant faite : Fichier > Enregistrer pour le web Puis sélectionné tout les tranches et faites cette option (ou choisissez une autre si vous voulez, c’est juste pour la qualité et la taille de l’image)

Puis faite enregistrer, et choisissez le dossier que vous voulez puis suivez l’exemple en dessous :

Voilà pour le graph. maintenant sauvegardez en .PSD pour que Photoshop ce souvienne des calques (juste en cas de problème)
Et on passe à Front Page !!! Mission 1 Complet !!! ^^
Ouvrez maintenant Front Page ! Faites : Fichier > New > Page or Web Puis faites encore Fichier > Properties Puis écrivez le nom de votre site sur la partie Title Voilà après faites Table > Insert > Table

Normalement ça doit être quelque chose de genre :

Puis prenez l’outil Eraser si vous ne le trouvez pas bouton droit de la souris sur le menu et activé Tables

Puis supprimé c’est trait :

Voilà maintenant mettez les images faite sur Photoshop à l’endroit approprié : Insert > Picture > from File Et vous aurez après le site dans un tableau, seulement vous ne pouvez pas écrire sur c’est image, pour ça supprimé les images : 3-1 et 2-2 :

Faite après clique droit sur la parti 3-1 et choisissez comme image de l’arrière plan l’image qui était à cette endroit, puis faite le même travail sur la parti 2-2 Attention : si c’est une image vous aurez peut être un problème de répétition, pour ça la meilleur solution c’est de trancher l’image sous Photoshop avant puis la mettre dans une colonne sous front page
voilà maintenant vous pouvez mettre les liens et les pages: ma methode que je fais pour les liens c'est de liée d'abords les liens à des pages qui n'existe pas pour l'instan mais a la fin je les ajoutes, sinon vous aurez a refaire chaque page pour ajouté les liens ce qui est trés long :/ vous pouvez aussi faire le contraire, faire des copies de l'index puis leur changer le nom en ce que vous voulez avoirs, puis a la fin vous avez qu'a changer ce qu'il y a dedans et c'est tout ^^
pour installer un lien, selectionné le texte clicable, puis faite Insert > HyperLink (ou tout simplement Ctrl+K) puis choisissez le document ou vous voulez que le navigateur ouvre aprés avoir cliqué sur le texte. Attention: elle doit etre sur le meme dossier, sinon y a des hebergeurs ( Gratuit) qui peuvent bugué :/ et il faudra aussi ne pas changer leur endroit plutar, puisqu'il va pas la cherché de lui meme 
voilà c'est tout pour Front Page ^^ Mission 2 Complet
pour l'herbergeur j'ai choisi Ifrance parce que c'est simple et c'est 100Mo ( avec une bannier de pub en haut qui peut disparraitre avec des redirigeurs) pour ci-inscrire prenez ce lien : http://web.ifrance.com/subscribe.php qu'on vous serez inscrit et connecter vous avez qu'as cliquez sur
 puis sur :
 puis vous choisisser sur la parti a gauche ce que vous voulez uploader ( là c'est votre page et vos images) puis vous cliquez sur :

voilà vous avez plus qu'a attendre et vous aurez un site rien qu'a vous :p
Tuto de Junior X ;-) |
|
GTK Painteur GTK


   Age : 19 Inscrit le : 29 Avr 2006 Messages : 3561 Humeur/Caractère : Fatigué Statut Expérience:
   (100/100)
Pixel Point: ---
 | Sujet: Re: [Photoshop+Front Page]Faire un site web Jeu 8 Fév - 22:37 | |
| Très bon tuto ! Super ! _________________
-- Peuple d' Ultima Graphisme, je m'adresse à vous -- -- Prenez les armes et assomez la racaille ! -- -- Vous aussi, devenez une Brute --  |
|
sabib el mamoud Blob Jaune


   Age : 18 Inscrit le : 13 Mai 2006 Messages : 895 Localisation : changeante...on cherchant le Gold Bird Humeur/Caractère : deconera bien qui deconera le premier Statut Expérience:
   (0/25)
Pixel Point: 10
 | Sujet: Re: [Photoshop+Front Page]Faire un site web Jeu 8 Fév - 22:41 | |
| Merci ^^ ça ma pris beaucoup de temps pour faire les screen shots mais voilà c'est enfin là  |
|