Comment créer une page HTML en utilisant Photoshop [Header + Body + Footer] !

amine dit :

à

thanks for these informations, i enjoyed watching the tutoriel

Répondre

Soufiane Sabiri dit :

à

You’re welcome !

Répondre

issam dit :

à

Nice tuto
Bonne continuation frero

Répondre

Soufiane Sabiri dit :

à

Merci pour l’encouragement ^^

Répondre

Soufiane Sabiri dit :

à

Merci pour le commentaire Anas

Répondre

Soufiane Sabiri dit :

à

On est là pour vous aider
Merci pour le commentaire

Répondre

Soufiane Sabiri dit :

à

Bonjour,
même si vous connaissez la méthode, sachez bien que la plupart des gens ne la connaissaient pas

Répondre

Dark Marouane dit :

à

Moi par exemple!…et dire que j’ai passé des apresmidis avec le Bloc-Note
merci

Répondre
- Soufiane Sabiri dit :
  
  à
  
  Soyez le bienvenue
  
  Répondre

Imad dit :

à

Bonjour,
Très bon tuto qui va sans doute être très utile pour pas mal de personnes… Bonne continuation.

P.S : Avez-vous recu le cheque adsense de ce mois ? j’ai le paiement emis sur mon compte adsense depuis le 28 mars mais je n’ai toujours pas recu le code DHL pour suivre mon courier

Répondre

Soufiane Sabiri dit :

à

Bonjour,
Merci pour votre commentaire, pour l’Adsense il vous faut attendre au moins deux semaines pour le chèque , Je vous conseil d’utiliser le paiement par WESTERN UNION c’est plus rapide que le chèque .

Cordialement

Répondre

Imad dit :

à

Bonjour,
Merci pour votre réponse… Oui je sais très bien qu’il faut attendre cela fait 3ans que je suis avec adsense
En tout cas moi je préfére le cheque… western union c’est pour les petits comptes
En tout cas merci, je reviendrai surement sur votre blog pour voir ce qu’il y a de nouveau !

Répondre

Soufiane Sabiri dit :

à

Bonjour,
Soyez le bienvenue !

Répondre

Dark Marouane dit :

à

J’aaaime j’aiime!!!
Merci Soufiane

Répondre

Soufiane Sabiri dit :

à

De rien ^^, nous sommes là juste pour vous aider

Répondre

Soufiane Sabiri dit :

à

Bonjour,
Je vous remerci pour le plus long commentaire dans Easytutoriel !!
Je lol, vraiment ce que tu viens de dire est vrai, mais ce Tutoriel est juste pour les débutants ! Je sais bien que la meilleur méthode pour mettre du style dans son site et d’utiliser le CSS !
Pour les forums français, vraiment j’ai pas le moindre du temps !
Merci encore une foix ^^

Répondre

Nabil dit :

à

Superb blog et info!

Bonne continuation ^^

Répondre

Soufiane Sabiri dit :

à

Bonjour,
Merci, si vous aimez mon Blog, abonnez vous ^^

Répondre

youness dit :

à

3jeebni had tuto beezaf wlh , w kemel fhad chi rahe zwéén

Répondre

Soufiane Sabiri dit :

à

Bonjour,
Merci pour votre commentaire écrit par la langue dialectale marocaine ^^

Répondre

abdou dit :

à

merci bcp

Répondre

Soufiane Sabiri dit :

à

Merci à vous aussi pour le commentaire ^^

Répondre

dit :

à

mais hadchi howa la base
+
kayn bzaf dyal les methode bach tkhdem

Répondre

Abdou dit :

à

Slt Soufian
Bravo de tout ce que tu fais, mais ton grand problème -je vais le dire franchement- c’est ton Français!! hélas que tu dois encore fournir un très grand effort pour être dans le rang, je reviens souvent sur ton blog car j’apprécie beaucoup ce que tu fais mais malheureusement j’ai toujours quelques choses à remarquer côté « orthographe ,grammaire, ponctuation ….etc. » Attention Soufian beaucoup de gens n’ont pas réussi dans le NET , à cause de cet obstacle, il faut donner l’impression qu’on est des PROS! pour se faire ça commence par « le langage » facile certes mais correcte, c’est la première leçon qu’un marketer doit apprendre ,tu est sur le net tu t’adresse au francophones qui ne sont pas forcément des marocains que tu vois ici avec ce langage de »choukrane a khouya soufiane!!! ici on fais des commentaires et non pas « le chat avec des intimes !! et cela compte beaucoup dans le domaine ou tu es , tu dois être méfiant de ceci.
Bonne continuation

Répondre

Soufiane Sabiri dit :

à

Bonjour Abdou,

Merci mon frère pour votre aide !
Je suis entrain de développer, j’ai lu dans ces cinq derniers jours presque 10 livres éléctroniques, je trouve que mon niveau en langue se développe. Je vous jure qu’après la lecture, je relis mes articles, et j’ai constaté que j’avais été un alpha-bête qui écrivait des articles pleins de fautes d’orthographe :s…Bon, je vous jure que je serai plus stricte dans mon écriture, je vous assure que je vais analyser tous les articles (60 articles) que j’ai tapé dès l’ouverture de ce site web ^^.

Merci encore une fois pour votre aide Abdou, vive le Maroc :)…

Amicalement,Soufiane

Répondre

sana dit :

à

Grand merci pour ce travail :))
j’aimerais savoir comment rendre cette maquette active , c’est à dire comment rendre les boutons de menu cliquable, ….. je veux savoir aussi, comment créer une bnnière dynamique par photoshop

Merci bcp
bonne continuation

Répondre

Soufiane Sabiri dit :

à

Bonjour Sana,
Pour créer des boutons cliquables, vous pouvez utiliser un éditeur HTML comme Notepad++
Voici quelques techniques pour créer un bouton cliquable en éditant la page HTML créé par le PhotoShop (tableaux)
– Ouvrez la page en utilisant le navigateur Google Chrome, ensuite, inspectez l’image que vous voulez la rendre bouton, puis, copiez le nom de cette image et cherchez-le dans l’éditeur HTML (Notepad++), ajoutez la balise du lien avant le , et après la balise de l’image, et pour enlever le bordure, mettez l’attribut border= »0″ dans la balise
– Et pour les autres méthodes, je vous conseil de visiter cet article : http://www.easytutoriel.com/decouvrez-comment-creer-des-boutons-attractifs-pour-votre-site-web/
Merci pour votre commentaire, et n’oubliez pas que je vais publier récement un article qui va vous montrer comment créer des images qui bougent !
Amicalement
Soufiane

Répondre
- sana dit :
  
  à
  
  +que Merci soufienne n’oubli pas la bannière animé hhhh
  
  Répondre

AHMEDI dit :

à

Merci sofiane baraka allaho fike .

karim merci merci merci

Répondre

patricia dit :

à

bonjour soufiane,
merci beaucoup pour ce tuto . en regardant les videos tout à l’air si simple ! je vais essayer de mettre tout cela en pratique et j’espère arriver au même résultat. en même temps j’ai une question, je m’intéresse au do-follow : vous indiquez un lien en do-follow à partir du 5ième commentaire ? s’agit-il du 5ième commentaire en tout ou du 5ième commentaire de l’internaute qui doit écrire 5 commentaires ?
à bientôt
patricia

Répondre

Soufiane Sabiri dit :

à

Bonjour Patricia,
Pour le lien en Do-Follow, voici un exemple..
Si vous avez ajouté 5 commentaires, tous vos liens seront Do-Follow et seront pris en considération par les moteurs de recherche comme Google !
Merci pour votre question et n’hésitez pas de partager le résultat de votre travail
Amicalement,
Soufiane

Répondre

dit :

à

Je te félicite pour ton site et pour votre tuto très explicite !

Répondre

Soufiane Sabiri dit :

à

Bonjour Creeon,

Merci pour votre précieux commentaire. Cela m’aide à foncer plus dans mes tutoriels.
Je vais passer à 2 tutos par jour quelques semaines après, cela nécessite les encouragements des gens comme vous ! MERCI !

Cordialement,
Soufiane

Répondre

HB dit :

à

Merci, je me suis servi de ce tuto pour créer un newsletter, à noter que l’on peut mettre les liens directement sous photoshop et sauvegarder en html.

Super tuto, merci.

Répondre

Soufiane Sabiri dit :

à

Bonsoir,

C’est vraiment génial de dire merci, vous m’avez fait signe pour faire des tutoriels sur le Photoshop, je ne sais pas pourquoi j’ai oublié cette catégorie, mais bon Je me souviens que mon casque s’est écrasé, donc comme je suis paresseux, ça a bloqué

Bref, je vous remercie pour les compléments, et bon courage pour vos newsletters !
Bien amicalement,
Soufiane

Répondre
- HB dit :
  
  à
  
  De rien, vos tutus sont super, je vais en suivre d’autres car il y en a plein d’intéressant …
  
  Continuez comme ça et merci encore.
  
  Répondre
- HB dit :
  
  à
  
  j’ai juste un soucis pour réduire la taille de ma newsletter, elle frôle le méga et je trouve que c’est beaucoup pour une nl …
  
  Répondre

dit :

à

BONSOIR! je suis Marlie

mon usb apparait au bas de l’ecran mais il n’apparait pas au poste de travail,
ET quand j’ai fais clic droit sur le usb au bas le l’ecran il apparait seulement “”dispositifs ouvert et imprimantes “”
et donne aucun autre information seulement ca.
svp que doit je faire pour le reparer.
Merci

Répondre

Cyril dit :

à

Bonjour,

Super tutoriel ! très détaillé.
Je galérais un peu. Je ne trouvais pas comment générer le fichier html. Il fallait, bien sûr, sélectionner le type d’enregistrement «html et images».
Merci.

Répondre

Soufiane Sabiri dit :

à

Bonjour Cyril,

Merci pour votre commentaire, c’est vraiment la méthode la plus facile pour en créer une page HTML, disons tout un site web
N’hésitez pas à partager le tutoriel avec vos amis

Bien amicalement,
Soufiane

Répondre

HB dit :

à

A noter qu’e partant de là, on peut préparer un fichier html pour faire un fond de site et le développer avec DW …

Répondre

Soufiane Sabiri dit :

à

Bonjour,

Oui Bien-sur
Et en fait c’est comme cela qu’on transforme un design en XHTML/CSS mais en faisant cela du zero… Il faut couper des petits images, préparer le code XHTML, créer des feuilles de style, saisir le code CSS pour les Divs, faire des repeat et d’autre trucs…

Juste pour les débutants, DW = Adobe Dream Weaver

Bien amicalement,
Soufiane

Répondre

HB dit :

à

Je vais my mettre avec l’aide de vos tutus qui sont très bien faits … :wink:

Répondre

theloe dit :

à

Salut, sympa je connaissais pas, mais n’est t-ils pas déconseiller de travailler en tableau ? je vois sur beaucoup de site qu’ils disent qu’il faut coder avec des div et non pas avec des tableaux.

Q’est ce que tu en penses ? merci

Répondre

Soufiane Sabiri dit :

à

Bonjour Theloe,

Oui, je suis tout-à-fait avec ! Les tableaux rendent les pages du site plus lourds, à cause de la quantité des balises utilisés !
Donc il est recommandé d’utiliser du XHTML (div,…) et du CSS pour coder son site, ce qui est le cas avec plusieurs sites web…
Mais cela n’empêche que les tableaux sont plus faciles à utiliser, et c’est plus confortable pour les débutants qui ne veulent pas grande chose

Merci pour la remarque,
Bonne journée !
Soufiane

Répondre

dit :

à

bonjour soufiane,
j’aimerai savoir comment on personnalise le bouton de chargement des pages.

Répondre

Soufiane Sabiri dit :

à

Bonjour Chaudamort,

Merci de me renseigner plus d’informations concernant le script utilisé par votre site, et merci de m’expliquer ce que c’est le bouton de chargement des pages…

Amicalement.

Répondre

hajar dit :

à

salut ,suivant tes tituriales,j’ai créé mon premier site,c bien,mais mon problème c que j’ai crée une bande de texte qui défile gif avec ps ,insérer au site que j’ai crée,au début ça marche le texte défile mais après découpe convertir en HTML,ça ne marche pas la bande ne défile pas.nb la bande que j’ai crée avec ps fonctionne bien. aide moi svp

Répondre

Soufiane Sabiri dit :

à

Bonjour Hajar,

Si vous voulez créer un site en HTML, je vous recommande d’utiliser soit Compozer (facile), soit Microsoft Frontpage, soit le Adobe Dreamweaver (confirmé)…
La méthode expliquée ci-dessus ce n’est qu’une méthode parmi des milliers…

Bien amicalement.

Répondre

wiledya dit :

à

Bonsoir!
j’ai un probleme avec le son de mon pc, avant j’entendais de la musique tout d’un coup je ne peux pas ententre la musique, dans l’onglet il y a un croix qui apparait et donner ce message »aucun dispositif de sortie audio installé »
dis moi ce que je dois faire svp.

Répondre

Adolphe dit :

à

Merci pour cet article si important, mais visiblement vous n’avez pas pensé à vos lecteurs ayant une connectivité faible!! veuillez nous montrer les étapes écrites aussi tel que vous le faites dans beaucoup d’autres articles!

En grosso modo, le sujet est si fascinant!!

Répondre

Soufiane Sabiri dit :

à

Bonjour Adolphe,

Merci pour vos compliments
Comme le Photoshop demande plusieurs clics, je ne fais les tutos de design et je ne les ferrai qu’en vidéo ! Désolé !
Par contre, je vais essayer d’ajouter la procédure en « bref » pour avoir une idée sur comment cela marche…

Bien à vous !
Soufiane

Répondre

coinco1 dit :

à

Bonjour,
déjà merci pour tes tuto !
j’ai créer un site sur Photoshop mais il y a des photo que j’aimerai mettre en animation mais je m’y connais pas beaucoup en créa de site.
Si vous avez un moyen que je vous envoi ma créa es que vous pouvez m’aider svp.

Cordialement.

Répondre

virginie nappez dit :

à

Bonjour,

J’ai déjà visionné vos 4 vidéos qui sont vraiment super, mais là lorsque je clique sur play, çà me met que la vidéo est privée. Il n’est plus possible de les lire?

Merci pour votre aide!

Répondre

MED dit :

à

video privééé !!!!???

Répondre

dit :

à

Bonjour,
Vos vidéos ont l’air très intéressantes, mais elles sont mises en privée ..

Répondre

dit :

à

Bonjour… je me suis inscrite mais malheureusement je n’arrive pas à lire vos vidéos ….
Auriez vous la gentillesse, s’il vous plait, de me dire comment faire pour y avoir accès ? Merci d’avance…
Bien cordialement…

Répondre

dit :

à

Je n’avais pas lu mais j’ai le même problème que les précédents : « vidéos privées » …. merci de nous aider à les lire … re cordialement…

Répondre

dit :

à

Bonjour ! Je ne peux pas voir les vidéos. « Cette vidéo est privée ».
Merci de me dire comment les lire

Répondre

dit :

à

Bonjour, même problème que les précédents posteurs.
Impossible de visionner sur le site les vidéos, je me suis abonné à la chaîne du site ( http://www.youtube.com/user/easytutoriel/ ) mais là non plus je ne trouve pas les vidéos de ce tuto :/
C’est vraiment dommage car j’attendais beaucoup de ce tuto pour avancer sur cette manip :'(

Répondre

dit :

à

Bonjour,

Je ne peux pas voir les videos (on dirait qu’elles ne sont même pas dans l’article!).

J’ai tenté sur firefox et sur IE, même après inscription sur le site cela ne fonctionne pas.

Quelqu’un à une astuce pour les visionner? merci pour vos retours.

Répondre

Comment créer une page HTML en utilisant Photoshop [Header + Body + Footer] !

Tutoriel :

1 – Le Header

2 – Le Corps du site (Body)

3 – Le Footer

4 – Convertir le PSD à l’HTML

L'auteur : Soufiane Sabiri

Publier un commentaire :

Comment créer une page HTML en utilisant Photoshop [Header + Body + Footer] !

Tutoriel :

1 – Le Header

2 – Le Corps du site (Body)

3 – Le Footer

4 – Convertir le PSD à l’HTML

Si vous avez aimé cet article, prière de choisir le suivant...

L'auteur : Soufiane Sabiri

Publier un commentaire :