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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : J'ai crée mon design! Ensuite?! ^^

Slipknot91

Clubbeur

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

Publicité

ganxta

C'est "portfolio" pas "portofolio"

Message cité 1 fois

Slipknot91

Clubbeur

sympas la réponse...

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

Skopos

Titilleur de nombrils...

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

french_Kiss

Universel

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

Slipknot91

Clubbeur

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

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

Slipknot91

Clubbeur

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

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

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

Slipknot91

Clubbeur

Tit up les amis !

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

baai

ganxta a écrit :

C'est "portfolio" pas "portofolio"

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

Hop un up pour Slipknot91 :bounce:

Slipknot91

Clubbeur

Up pour réponse constructive plz! ^^

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

Publicité

Skopos

Titilleur de nombrils...

l'imbrication des div est fausse.

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

Slipknot91

Clubbeur

Ok je corige merci!

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

Lactique

Caraïbe et huile de coco

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

Slipknot91

Clubbeur

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

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

gatsusat

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

Slipknot91

Clubbeur

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

gatsusat

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

Slipknot91

Clubbeur

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

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

gatsusat

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

gatsusat

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

tomfoot

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

Message cité 1 fois

Slipknot91

Clubbeur

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

slkx

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

Slipknot91

Clubbeur

merchi slkx

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

Publicité

FORUM HardWare.fr

Graphisme

Web design

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

Sujets relatifs
[avis] design "Oxygen5" !	[Avis] Votre avis sur le design de ce site
question sur un probleme d'un design !	[Avis] sur le design de mon blog // www.stylapar.com
design 2d avec photoshop et/ou illustrator	Gallerie person design automobile
bts design de mode, info et offre de poste de formateur à la clé !	BTS Design d'Espace info et offre de poste de formateur à la clé !!!
4 eme concour design peugeot?	Recherche Design Jeu pour Site Download
Plus de sujets relatifs à : J'ai crée mon design! Ensuite?! ^^

Page générée en 0.058 secondes