Bienvenu cher invité - Enregistre toi en cliquant ici et rejoins plus de 50 000 membres !

Bienvenue sur HaKwArA - Forum Maroc.
Header

HaKwArA - Forum Maroc » Internet et Technologies » Web-mastering » ~Créer un site web avec Photoshop

Réponse
LinkBack (1) Outils de la discussion vBmenu Seperating Image Modes d'affichage vBmenu Seperating Image
~Créer un site web avec Photoshop
Vieux 15/06/2008, 01h44         1 links from elsewhere to this Post. Click to view. #1 (permalink)
BlackBerry    BlackBerry est déconnecté
Avatar | Groupe | Progression
Avatar de BlackBerry
Divers Infos
Membre n°
  28446
 Inscrit
  juin 2008
 Messages
  15
 Grade
  1ére Classe
Réputation
Points : 0        |   Pouvoir: 1
Reputation:BlackBerry n'a pas encore de réputation
Envoyer un message via MSN à BlackBerry Envoyer un message via Skype™ à BlackBerry
~Créer un site web avec Photoshop



Bonjour à tous,
Je voulais juste vous faire part d'une méthode assez simple pour créer son propre site web, gratuitement, quand on à les outils b3da ^^
Intro
Vous aurez besoin de Photoshop, [vous ne pouvez pas voir le lien].[enregistrez vous ici] ou un éditeur du style (Dreamweaver), un log de transfert FTP ([vous ne pouvez pas voir le lien].[enregistrez vous ici]->serial facile à trouver, pourquoi s'en priver ^^, [vous ne pouvez pas voir le lien].[enregistrez vous ici]), et un espace d'hébergement of course
Création du webdiz'
Déjà, commencez par créer votre webdesign grâce à Photoshop. Vous trouverez pas mal de tutos sur Internet (de très bons sur [vous ne pouvez pas voir le lien].[enregistrez vous ici], mais bon les meilleurs sont ceux qui sont personnalisés). Vous devriez donc avoir votre .psd avec tout en place. Généralement un site est composé des éléments suivants : Header (la bannière), le Menu, le corps ou seront les infos genre texte etc, et éventuellement un footer (copyright ou autre...). Prenez l'outil Slice (ca doit être Trancher en français je pense) et découpez votre design (header, boutons, footer, corps, etc...). Allez maintenant dans File -> Save for web and devices (fichier -> sauver pour le web), choisissez votre format d'image préféré, et enregistrez dans le dossier de votre choix. Vous avez donc votre une page web toute faite :D
Version Light
Mais on peut pas s'arrêter là, en effet la page est uniquement constituée d'images, c'est donc trèèès lourd à charger réélement sur internet, et il y a forcément pas de lien ^^". C'est là qu'entre en jeu votre éditeur (NVu pour ma part). Ouvre votre page html avec le log. Généralement, Photoshop génère des images sans interêts genre les carrés noirs qui servent à rien. Supprimez-les grâce à Nvu, c'est déjà quelques ko de gagnés :D
Pour créer les liens, clic droit sur le bouton de votre choix et créer un lien. Vous aurez donc le choix entre lien relatif ou absolu, cad vers une page dans le même dossier que la page actuelle (dossier/page.html) ou bien vers le réseau internet ([vous ne pouvez pas voir le lien].[enregistrez vous ici]). Bref, créez votre lien.
Deuxième astuce pour optimiser le temps d'affichage, Photoshop génère pour chaque page ses boutons etc même si c'est le même ! On va donc remplacer tout ca par une seule image. En clair, voilà le truc : on a 2 pages
Il ya donc le double de chaque image. Gardons-en une quoi ^^ Pour ce faire, allez sur la deuxième page, séléctionnez l'image et remplacez son lien par celui utilisé par la première (les images sont dans le dossier /images, créé par Ps). Voilà, encore un peu de vitesse gagnée ^^.
Pour le texte je pense que c'est assez basique, donc je vous laisse faire
Les titres des pages, le fond de la page sont dans le menu Format. L'alignement, c'est comme sous Word. Voilà, ce sont les principales actions je pense ^^ Très bon outil open source pour votre site ;)
Rendez-le publique !
Créez-vous un espace d'hébergement gratuit (ifrance, Zymic, communautaire) ou payant (... xD), récupérez les infos FTP (adresse du serveur, username, pass), ouvrez votre gestionnaire FTP (voir début de page) et rentrez ces infos. Connectez-vous, et envoyez les pages html et le dossier images. Voilà ! C'est tout
N.B : La page d'accueil doit bien être renommée en index.html

Conclusion
Bon perso, j'utilise cette méthode quand faut vraiment faire vite quoi, rien ne vaut un codage xhtml/css, mais faut le temps d'apprendre et coder, mais je vous y invite vivement (tutos sur le site du zero, alsa créations...). La page sera pas mal niveau graphique mais assez lente à charger (bon pas mal quand même faut avouer), et non conforme
Si vous voulez un tuto imagé et plus détaillé, faites-le moi savoir







Parmi mes sujets :

Signature :

CS:=TOF= Ezechiel|CoD4:Ezechiel|Crysis|Unreal2004|Quake3|Do om/OGame|Shinobi|MGS
|>Fan ! =)
  Réponse avec citation
vieux
Attribox   
Avatar | groupe | progression
Divers Infos
Membre n°
  0
 Inscrit
  Mai 2007
 Messages
  413
 Grade
  sous-lieutenant
Beitrag

------------------
HaKwArA.CoM ...
   
Vieux 15/06/2008, 12h48         #2 (permalink)
big_boss159    big_boss159 est déconnecté
Avatar | Groupe | Progression
Avatar de big_boss159
Divers Infos
Membre n°
  2680
 Inscrit
  février 2008
 Messages
  2 656
 Grade
  General
 Clan
  îlot nucléaire
Réputation
Points : 49        |   Pouvoir: 10
Reputation:big_boss159 a des super sujets
Modérateur du mois Juin
Envoyer un message via MSN à big_boss159 Envoyer un message via Skype™ à big_boss159
Par défaut




Merci pour ce tuto







Parmi mes sujets :

Signature :
  Réponse avec citation
Vieux 28/06/2008, 13h16         #3 (permalink)
Y@$$!NO    Y@$$!NO est déconnecté
Avatar | Groupe | Progression
Avatar de Y@$$!NO
Divers Infos
Membre n°
  3157
 Inscrit
  février 2008
 Messages
  1 984
 Grade
  colonel-major
 Clan
  Les fainéants
Réputation
Points : 58        |   Pouvoir: 12
Reputation:Y@$$!NO est  très competent
Par défaut

Meme si c'est un peu long ton tuto , mais merci quand meme







Parmi mes sujets :

Signature :
  Réponse avec citation
Vieux 23/07/2008, 11h23         #4 (permalink)
xwihec    xwihec est déconnecté
Avatar | Groupe | Progression
Avatar de xwihec
Divers Infos
Membre n°
  54391
 Inscrit
  juillet 2008
 Messages
  3
 Grade
  1ére Classe
Réputation
Points : 0        |   Pouvoir: 0
Reputation:xwihec n'a pas encore de réputation
Par défaut

nvu ou dremower fond un sale codage :
--
soluce : utiliser le block note avec le [vous ne pouvez pas voir le lien].[enregistrez vous ici]







  Réponse avec citation
Vieux 23/07/2008, 12h56         #5 (permalink)
misios    misios est connecté maintenant
Avatar | Groupe | Progression
Avatar de misios
Divers Infos
Membre n°
  3558
 Inscrit
  février 2008
 Messages
  725
 Grade
  Adjudant
 Clan
  îlot nucléaire
Réputation
Points : 16        |   Pouvoir: 4
Reputation:misios avance bien
Par défaut

c'est cool ton tuto merci ;D







Parmi mes sujets :

Signature :
[vous ne pouvez pas voir le lien].[enregistrez vous ici]

[vous ne pouvez pas voir le lien].[enregistrez vous ici]
  Réponse avec citation
Vieux 27/07/2008, 19h22         #6 (permalink)
albator1967    albator1967 est déconnecté
Avatar | Groupe | Progression
Avatar de albator1967
Divers Infos
Membre n°
  53452
 Inscrit
  juillet 2008
 Messages
  3
 Grade
  1ére Classe
Réputation
Points : 0        |   Pouvoir: 0
Reputation:albator1967 n'a pas encore de réputation
Par défaut

merci pour l info








Signature :
simba 202 , abonnement off

[vous ne pouvez pas voir le lien].[enregistrez vous ici]
  Réponse avec citation
Vieux 13/08/2008, 11h09         #7 (permalink)
neXus'    neXus' est connecté maintenant
Avatar | Groupe | Progression
Avatar de neXus'
Divers Infos
Membre n°
  59945
 Inscrit
  août 2008
 Messages
  40
 Grade
  1ére Classe
Réputation
Points : 1        |   Pouvoir: 1
Reputation:neXus' a deja reçu une réputation
Par défaut

s il te plait si tu as le temps met un tuto pour sites avec xhtml / css etc
merci d avance







Parmi mes sujets :

Dernière modification par neXus' ; 13/08/2008 à 11h33.
  Réponse avec citation
Vieux 13/08/2008, 16h18         #8 (permalink)
walidto    walidto est déconnecté
Avatar | Groupe | Progression
Avatar de walidto
Divers Infos
Membre n°
  31066
 Inscrit
  juin 2008
 Messages
  154
 Grade
  caporal chef
Réputation
Points : 0        |   Pouvoir: 1
Reputation:walidto n'a pas encore de réputation
Envoyer un message via MSN à walidto Envoyer un message via Yahoo à walidto Envoyer un message via Skype™ à walidto
Par défaut

merci pour ce tuto







Parmi mes sujets :

Signature :
[vous ne pouvez pas voir le lien].[enregistrez vous ici]

[vous ne pouvez pas voir le lien].[enregistrez vous ici]


.
  Réponse avec citation
Vieux 13/08/2008, 21h52         #9 (permalink)
misios    misios est connecté maintenant
Avatar | Groupe | Progression
Avatar de misios
Divers Infos
Membre n°
  3558
 Inscrit
  février 2008
 Messages
  725
 Grade
  Adjudant
 Clan
  îlot nucléaire
Réputation
Points : 16        |   Pouvoir: 4
Reputation:misios avance bien
Par défaut

Je vous deconseille cette metode si vous utiliser l'hebergement de FREE car il est deja lent si vous faite avec sa sautez par la fenetre







Parmi mes sujets :

Signature :
[vous ne pouvez pas voir le lien].[enregistrez vous ici]

[vous ne pouvez pas voir le lien].[enregistrez vous ici]
  Réponse avec citation
Réponse


LinkBacks (?)
LinkBack to this Thread: http://www.hakwara.com/web-mastering/creer-un-site-web-avec-photoshop-6379.html
Envoyé par For Type Date
HaKwArA - Forum Maroc This thread Refback 15/06/2008 12h26

Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))
 
Outils de la discussion
Modes d'affichage

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui
Navigation rapide

Discussions similaires
Discussion Auteur Forum Réponses Dernier message
Creér Votre Site ! BinX Web-mastering 2 06/08/2008 15h43
Créer un site e-commerce avec Dreamweaver 8 et PHP/MySQL (1Cédérom) mouhandou Vos besoins 0 01/05/2008 15h20


Fuseau horaire GMT +1. Il est actuellement 00h44.

HaKwArA.com Copyright ©2007-2008

Top Maroc HitMaroc.net
Notez que HaKwArA.com n'est pas un site warez et que seuls les membres sont responsables du contenu déposé.

Nos Partenaires : ForumDyali | Maroc-Astuce| CaSatOf

Search Engine Optimization by vBSEO 3.2.0