[Photoshop+Front Page]Faire un site web

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 ;-)

Très bon tuto ! Super !

Merci ^^ ça ma pris beaucoup de temps pour faire les screen shots mais voilà c'est enfin là