• Forums 2037
  • Forums Boite à Pixels 2077.net
  • Forums phpBB
  • Forums Nero
  • RSS feed
  • Sauter vers:   
    Boîte à Pixels Index du Forum Connexion  
    S'enregistrer
       FAQ   Rechercher   Liste des Membres   Groupes d'utilisateurs   Profil   Se connecter pour vérifier ses messages privés  

    [SitePerso] Codage & Design
    Aller à la page 1, 2, 3, 4, 5, 6, 7, 8  Suivante
     
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Apprentissages
    Boîte à Pixels
    Voir le sujet précédent :: Voir le sujet suivant  
    Auteur Message
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 17 Mar 2006 21:27    Sujet du message: [SitePerso] Codage & Design  Répondre en citant  

    Salut tout le monde , j'aimerais faire mes premiers pas en webdesign ( pour le codage , on verra aprés Smile )

    Alors voila , j'aimerais réaliser un site avec Photoshop, mais je connais , rien de rien dans ce domaine , comment on fait pour mettre les liens , texte ou pas texte , enfin , voila , j'aimerais savoir comment créer un webdesign sous photoshop et aprés savoir le coder ,


    Merci de votre aide Sourire

    P.S: J'ai quand meme des bases en html et CSS Clin oeil ( vous inquiétez pas trop , je sais coder , mais pas un webdesign Roi )

    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7063
    Localisation: http://peet.fr

    MessagePosté le: 17 Mar 2006 22:39    Sujet du message:  Répondre en citant  

    Que veux tu créer sous photoshop ? La partie graphique ?
    Si oui, tu cherches pas a comprendre ... tu laisses ta créativité allez où bon lui semble clin d'oeil

    Pour le code ... pas de toshop, pas de truc automatique pue ... rien que ta matière grise

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Peeti peeti peeti url toute raccourci
    Né avec un gros muscle et deux petits cerveaux ... c'est chiant parfois :x
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Elandar
    VIP
    VIP


    Inscrit le: 13 Mar 2005
    Messages: 3596
    Localisation: Rhône-Alpes

    MessagePosté le: 18 Mar 2006 0:02    Sujet du message:  Répondre en citant  

    Comment à faire un brouillon et applique le sous photshop Clin oeil
    _________________
    Darena, pôle de conception graphique et multimédia
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
    henter
    Adepte
    Adepte


    Inscrit le: 28 Oct 2005
    Messages: 1137
    Localisation: strasbourg

    MessagePosté le: 18 Mar 2006 9:33    Sujet du message:  Répondre en citant  

    Qui dis webdesign demande un cachier des charges.


    Commence à prendre une feuille et à notez toutes tes préférences (pour les menu par exemple: menu à gauche en liste ou en menu déroulant .. ) et d'après ca tu auras déjà la disposition du site.

    Ensuite tu t'attaque au design (webdesign=design pour le web) tout en respectant ton cachier des charges et dans le style que tu souhaite.

    Une fois fini j'espère que tu as un psd pour pouvoir modifier un jours si tu as envi ou si un truc te plai plus trop, tu enregistre et puis tu fais une copie en .png (Gounlaf m'a déjà fais la morale sur ca ^^).

    Puis quand tu dis tu sais coder css mais tu sais pas coder webdesign ? à mon avis tu voulais dire tu sais pas comment t'y prendre pour l'ordre du contenu des images ... . Réfère toi au très bon tutos de Salah que j'utilise comme base.

    Ensuite tu fais comme dans le tutos, tu découpe header footer, menu gauche .... . Pour découper le design moi je prend l'outil rectangle de séléction et je séléctionne les différentes parties et je coupe et colle dans le presse papiers et tu enregistre sous le nom pour le header "header" .. .

    Voilà ensuite tu dois modifier le code et rajouter des div et atres selon ton contenu et de la dispo de ton design (j'ajoute que le tutos de Salah est très bien comme base mais je dirais aux débutants que ca vas pour toutes sortes de design mais il faut le modifier et pour ca faut avoir quelques conaissances comme tu les as it's good Clin oeil ).

    Et quand tu fais un webdesign tu dois tout mettre dans un dossier sinon tu te retrouve comme moi sur le ftp avec pleins de truc par si par là.

    Voilà bonne chance à toi . De même je pense que Gounlaf est plus apte à te conseiller et à te corriger ou autre.
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 10:26    Sujet du message:  Répondre en citant  

    Merci a tous pour vos conseils Sourire . Comme l'a dit Goun je cherhce a réaliser la partie graphique du site , mais le problème, c'est , comment je fais , y a t-il des tailles a respecter , le texte , on le met avec toshop ou sans ? puis après , une fois les menus fait , comment on place les liens dedans ? . Voila c'est un des problèmes que j'arrive pas a comprendre Sceptique . Sinon meric henter je vias voir le tuto de salah , mais le truc du presse papiers , euh , j'ai pa s trop compris Géner

    Merci encore de vos conseils . Sourire

    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7063
    Localisation: http://peet.fr

    MessagePosté le: 18 Mar 2006 10:29    Sujet du message:  Répondre en citant  

    Mdr
    C'est une IMAGE ... donc, tu met du texte, si tu veux que tes liens soient vert, tu les fait vert sur ton image ...
    Les tailles : 1024*768 c'est l'idéal

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Peeti peeti peeti url toute raccourci
    Né avec un gros muscle et deux petits cerveaux ... c'est chiant parfois :x
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 10:32    Sujet du message:  Répondre en citant  

    Ok et après , comment tu code ? avec les <a href=... ? sur l'image ?

    Dsl je suis un noob mais faut bien commencer un jour Roi

    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7063
    Localisation: http://peet.fr

    MessagePosté le: 18 Mar 2006 10:35    Sujet du message:  Répondre en citant  

    Occupe toi de l'IMAGE SEULEMENT. Donc, si tu veux un LIEN, tu met LIENMACHINCHOSEBIDULE
    Pense a faire différent CALQUEs ...

    Au moment du CODAGE, ca sera différent

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Peeti peeti peeti url toute raccourci
    Né avec un gros muscle et deux petits cerveaux ... c'est chiant parfois :x
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 10:37    Sujet du message:  Répondre en citant  

    Ok , je vais essayer ça Sourire
    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7063
    Localisation: http://peet.fr

    MessagePosté le: 18 Mar 2006 10:42    Sujet du message:  Répondre en citant  

    Un petit exemple (assez vide ma foi)


    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Peeti peeti peeti url toute raccourci
    Né avec un gros muscle et deux petits cerveaux ... c'est chiant parfois :x
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 10:49    Sujet du message:  Répondre en citant  

    Merci pour l'exemple Goun , tu saurais m'expliquer ce q'henter a voulu dire , copiant dnas le presse papiers ? Merci Sourire
    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    webweyer
    Fidèle
    Fidèle


    Inscrit le: 31 Aoû 2003
    Messages: 1270

    MessagePosté le: 18 Mar 2006 13:32    Sujet du message:  Répondre en citant  

    tu copie la partie header puis tu la colle dans une nouvelle image et t'enregistre cette nouvelle image sous le nom "header". En éspérant avoir été plus clair.
    _________________
    Bon surf sur le réseau...

    www.ski-karellis.net : le site non officiel sur les Karellis
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 15:03    Sujet du message:  Répondre en citant  

    Moué , en fait si j'ai bien compris , je fias des menus , headers séparés , puis je colle le tout sur un meme psd ?
    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Gounlaf
    Accro
    Accro


    Inscrit le: 26 Juin 2004
    Messages: 7063
    Localisation: http://peet.fr

    MessagePosté le: 18 Mar 2006 15:06    Sujet du message:  Répondre en citant  

    Nan
    Tu gere tout sur des calques ... pour pouvoir modifier plus facilement

    _________________
    Intégration xHTML & CSS - Portfolio - www.Gounlaf.com
    Peeti peeti peeti url toute raccourci
    Né avec un gros muscle et deux petits cerveaux ... c'est chiant parfois :x
    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur MSN Messenger
    Nol
    Insatiable
    Insatiable


    Inscrit le: 15 Jan 2006
    Messages: 4170
    Localisation: la valette

    MessagePosté le: 18 Mar 2006 15:08    Sujet du message:  Répondre en citant  

    oki , merci de vos conseils , maintenant , je m'y mets Smile
    _________________

    Revenir en haut de page
    Voir le profil de l'utilisateur Envoyer un message privé MSN Messenger
    Montrer les messages depuis:   
       
    Poster un nouveau sujet   Répondre au sujet    Boîte à Pixels Index du Forum -> Apprentissages
    Page 1 sur 8 Aller à la page 1, 2, 3, 4, 5, 6, 7, 8  Suivante

     
    Sauter vers:   
    Vous ne pouvez pas poster de nouveaux sujets dans ce forum
    Vous ne pouvez pas répondre aux sujets dans ce forum
    Vous ne pouvez pas éditer vos messages dans ce forum
    Vous ne pouvez pas supprimer vos messages dans ce forum
    Vous ne pouvez pas voter dans les sondages de ce forum
    Vous ne pouvez pas joindre des fichiers
    Vous pouvez télécharger des fichiers


    [ Association 2037.org, infrastructure & serveur model-fx ] :: [ phpBB © 2001, 2002 phpBB Group ]
    [ Guntar Ze Smiley © ZeCorp. Created by Christophe Soudron ]
      Crédits