J'ai crée mon design! Ensuite?! ^^

J'ai crée mon design! Ensuite?! ^^ - Web design - Graphisme

Marsh Posté le 22-11-2005 à 04:34:48    

Salut à tous!
 
Voila j'ai creé mon design de site web:
http://img509.imageshack.us/img509/4759/site2oi.jpg
 
J'aimerais ensuite savoir ce que je dois faire:
Je crois qu'il faut decouper les partie sous image ready?
Enfin comment mettre en forme ect maintenant? (jai des bases en html)
 
Merci pour vos réponses!  :hello:


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 22-11-2005 à 04:34:48   

Reply

Marsh Posté le 22-11-2005 à 16:17:46    

C'est "portfolio" pas "portofolio" :D

Reply

Marsh Posté le 22-11-2005 à 22:47:40    

sympas la réponse...


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 22-11-2005 à 22:59:40    

tu peux lire ce topic pour décider de la technologie que tu vas utiliser... http://forum.hardware.fr/hardwaref [...] 9726-1.htm
 
en bas du 3eme post ya des liens interessants voire incontournables.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 24-11-2005 à 10:39:46    

Ben ca peut etre joli tout ca, tu calle l'arriere plan en scrolling, c'est à dire que tu peut faire defiler les tableaux bleus et laisser ton fond  fixe derriere, ca donne une certaine sobrieté je troov


Message édité par french_Kiss le 24-11-2005 à 10:40:00
Reply

Marsh Posté le 24-11-2005 à 14:58:34    

Merci à tous avec vos lien j'ai de quoi faire je vais éplucher tous ca!  
Merci encort


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 24-11-2005 à 16:48:16    

Salut à tous donc j'ai regarder certain des tutoriaux et je suis tomber sur ce site:
http://rbox.free.fr/kit/vieuxkit/
 
Donc je n'ai pas fait leurs kit graphique mais j'ai enfête retranscrit ce qu'il disais pour celui ci sur le mien! (Slice image ready, etc...)
Donc voila ce que j'ai crée :
http://img387.imageshack.us/img387 [...] tre8wd.jpg
 
Voila le code HTML:

Citation :

<head>
<link href="format.css" rel="stylesheet" type="text/css" />
</head>
<div class="global">
</div>
 
<div class="leblocheader"> <img src="images/Sans-titre-1_01.jpg" class="arbre" alt="deco">
 
</div>
 
</div>
<div class="leblocmenu">  
<div class="lebloctitre">  
<div class="titre">
Menu Accueil
</div>
</div>
<div class="texte">
::: <a href="accueil_presentation.html">Presentation</a><br>
::: <a href="accueil_les_logiciels.html">Les logiciels</a><br>
::: <a href="accueil_les_liens.html">Les liens</a><br>
::: <a href="accueil_contact.html">Contact</a><br>
</div>
</div>
 
<div class="lebloccontenu">  
<div class="lebloctitre">  
<div class="titre">
Presentation
</div>
</div>
<div class="texte">
 
</div>
</div>


 
Code CSS:

Citation :

body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
}
.global {
width: 760px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
.leblocheader {
width:760px;
background-image: url('images/Sans-titre-1_01.jpg');
border: 1px solid #000000;
}
 
.leblocmenu {
background-image: url('images/Sans-titre-1_09.jpg');
border: 1px solid #000000;
margin-top:5px;
width: 150px;
height: 356px; /* cette ligne indique la hauteur du bloc menu */
float:left;
}
 
.lebloccontenu {
background-image: url('images/Sans-titre-1_06.jpg');
border: 1px solid #000000;
margin-top:5px;
width: 600px;
height: 356px; /* cette ligne indique la hauteur du bloc contenu */
float:right;
}


 
Voila ce que ca donne :cry: :
http://img387.imageshack.us/img387 [...] re20cl.jpg
 
Donc j'ai beau chercher ou j'ai fait l'ereur dans le codage mais je ne trouve pas qu'est qui fait que tel élément n'ets pas centrer etc...
Merci de me dire ou j'ai fait fausse route!  :hello:  
 
ps: j'ai par contre enfin compris que pour la mise en forme d'un site le css est la meilleur facon :D


Message édité par Slipknot91 le 24-11-2005 à 16:48:59

---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 24-11-2005 à 20:16:28    

Tit up les amis ! :D


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 24-11-2005 à 20:25:40    

ganxta a écrit :

C'est "portfolio" pas "portofolio" :D


En français c'est "portefeuille".
http://atilf.atilf.fr/dendien/scri [...] 0910;?b=0;
 
 
Hop un up pour Slipknot91  :bounce:  

Reply

Marsh Posté le 24-11-2005 à 21:06:11    

Up pour réponse constructive plz! ^^


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 24-11-2005 à 21:06:11   

Reply

Marsh Posté le 24-11-2005 à 22:02:43    

l'imbrication des div est fausse.


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 24-11-2005 à 22:06:24    

Ok je corige merci!


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 25-11-2005 à 00:09:14    

heu t'as prévu un body qqpart quand meme ?
pi des balises html ?

Reply

Marsh Posté le 25-11-2005 à 03:22:33    

Oui c'est la mise en forme du design ou je bloquê^^


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 25-11-2005 à 11:52:11    

tu pourrais poster le PSD de ton design, jvais te faire une petite démo de ce que sont les CSS et comment faire quelque chose de propre !!


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 25-11-2005 à 15:43:22    

j'ai aucun de moyen de poster mon psd et mon ftp est bloquer... :fou: , mais j'ai fait ce site sans m'y conaitre en design!
Donc logique que ce soit nul!
Ce post me servais comprendre comment ajouter mes textes, photos sans passer pas front page ou dreamweaver comme je le fiasait avant :lol:  
 
Merci  :hello:


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 25-11-2005 à 17:26:54    

ben justement, si tu arrives à poster ton PSD sur n'importe quoi rapidshare, ftp, même par mail (me MP dans ce cas).
ou enregistre ton PSD en jpeg, je me debrouillerai avec.
 
je te montre l'exemple avec un fichier HTML et CSS et je t'expliquerai ensuite si tu veux


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 25-11-2005 à 19:05:29    

OKi super
Mon msn ca serais le plus simple:
tristanroger91@hotmail.com


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 25-11-2005 à 19:33:36    

ca serait plus intéressant bien évidement de poster sur le forum mais jveux bien prendre ton msn thx


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 26-11-2005 à 06:52:35    

http://gatsu.ftp.free.fr/Modele/Portfolio/site.html
 
design non adapté au web
 
on  défini d'abord le contenu de son site avant de faire un design car après on a énormément de surprises.
Croyez moi.
 
Il y a encore quelques petits défaut, mais le principe est là.
Je te conseille fortement de revoir ton design, surtout les dimensions , 640x480 ça n'existe plus
préfère du 760px de large et pas de limite en hauteur please !!!
 
Revoir le fond dégradé qui est trop important et qui empêche tout élongation des blocs sans casser l'affichage.
J'ai refait les découpes de son design sous Fireworks d'où la petite parenthèse entre PhotoShop et fireWorks :
 
Photoshop n'est pas un soft adapté au web, il ne permet pas d'exporter un bout de l'image facilement, préférez Fireworks qui est ultrasouple sur le principe, on défini des zones de découpage et on exporte juste la zone de découpe (dont on a aussi paramétré le format d'exportation (GIF, jpeg, PNG avec pleins de paramètres). Sous Photoshop, il y a certe des zones de découpes, mais nullepart je n'ai trouvé d'outil pour exporter cette zone de découpe.
Et encore mieux ImageReady j'aurais pensé qu'il faisait ça, nan, encore pire, il permet de définir les éléments comme des Images, tableaux et autre. Donc je vous déconseille fortement Image Ready pour faire du Web, c'est un outil qui ne sert à rien.
PhotoShop quand à lui, c'est un très bon soft de retouche photo, mais je le voit mal pour Exporter un design, il lui manque gravement ce que possède FireWorks.
 
Sur ce, depuis 2 ans je travaille avec fireworks, et lorsqu'il est questions de travailler avec les backgrounds et les techniques des portes coulissantes en CSS, fireworks gagne un mega bonpoint car on a tout de suite les infos sur nos éléments (dimensions, positionnement sur l'image), ce que Photoshop nous donne difficilement.
 
Mais j'avoue que je n'ai pas souvent travaillé avec Photoshop. Donc il me reste surement des choses à voir.
 
Sur ce, bon weekend, je pars en WE


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 11-04-2006 à 13:03:26    

Franchement il est pas trés trés beau ton design sur internet tu peux en trouver des largement plus beaux.

Reply

Marsh Posté le 03-07-2006 à 10:23:21    

tomfoot a écrit :

Franchement il est pas trés trés beau ton design sur internet tu peux en trouver des largement plus beaux.


 
Désoler détérrage, franchement vieux! Mais la Ouah! Quelle réponse!
Constructif, critique, artistique et surtout utile ;)
N'hésite pas à montrer tes créa n@@b si tu repasse par la :) (jte rapelle que je débuter dans le web...)


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le 03-07-2006 à 23:20:55    

Perso je trouve que le logo en haut à gauche n'est pas mal du tout.
De meme pour les trefle en image de fond...


---------------
http://www.sweetylife.com
Reply

Marsh Posté le 04-07-2006 à 10:36:37    

merchi slkx ;)


---------------
Hanlala il a un pseudo à chiffre! :O
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed