AccueilAccueil  PortailPortail  CalendrierCalendrier  TutorielsTutoriels  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  ConnexionConnexion  

Partagez | 
 

 [Photoshop+Front Page]Faire un site web

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
sabib el mamoud
Blob Jaune
Blob Jaune
avatar

Masculin
Nombre de messages : 911
Age : 27
Localisation : changeante...on cherchant le Gold Bird
Humeur/Caractère : deconera bien qui deconera le premier
Date d'inscription : 13/05/2006

Statut
Expérience:
0/25  (0/25)
Pixel Point Pixel Point: 10

MessageSujet: [Photoshop+Front Page]Faire un site web   Ven 9 Fév - 0: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 Imbecile Heureux

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 ;-)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpgconcours.free.fr/
GTK
Painteur GTK
Painteur GTK
avatar

Masculin
Nombre de messages : 3597
Age : 28
Humeur/Caractère : Fatigué
Date d'inscription : 29/04/2006

Statut
Expérience:
100/100  (100/100)
Pixel Point Pixel Point: ---

MessageSujet: Re: [Photoshop+Front Page]Faire un site web   Ven 9 Fév - 0: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 --

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ultimagraphisme.actifforum.com
sabib el mamoud
Blob Jaune
Blob Jaune
avatar

Masculin
Nombre de messages : 911
Age : 27
Localisation : changeante...on cherchant le Gold Bird
Humeur/Caractère : deconera bien qui deconera le premier
Date d'inscription : 13/05/2006

Statut
Expérience:
0/25  (0/25)
Pixel Point Pixel Point: 10

MessageSujet: Re: [Photoshop+Front Page]Faire un site web   Ven 9 Fév - 0:41

Merci ^^ ça ma pris beaucoup de temps pour faire les screen shots mais voilà c'est enfin là bom Toupidou...AH!!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpgconcours.free.fr/
Contenu sponsorisé




MessageSujet: Re: [Photoshop+Front Page]Faire un site web   

Revenir en haut Aller en bas
 
[Photoshop+Front Page]Faire un site web
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ultima Graphisme :: Aide, Tuto, Script & Recrutement :: Tuto-
Sauter vers: