mon p'tit site [up du FOND - page9]

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 4 5 6 7 8 9 Page Suivante Page Précédente Bas de page
Auteur	Sujet : mon p'tit site [up du FOND - page9]

athenaa

Reprise du message précédent :
lol, faut juste mettre ce code dans les 2 premiers balises style, mais comme je t'ai dis, je suis pas certaine que c'est ca

Publicité

pitchoune85

j'essaye et je te dis quand même (je suis pas une crevure ^^)

merci les gens pour les conseils

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

athenaa

par contre, le fond ne colle pas du tout dans la partie cv

pitchoune85

le code ne donne rien apparement ...

et le fond pour le cv, oui, je devrais l'agrandir

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

pitchoune85

un petit conseil pour changer le "document sans nom" qui intitule la fenêtre?

Message cité 1 fois

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

leserigraphe

Stop the music and go home

quand on c pas coder on fait comme moi , on ce choppe un soft qui code a ta place, donc tu fait ton site comme tu ferais ta mise en page sous xpress

pitchoune85

sous dreameaver, tu as le choix entre le mode "code", le mode "code et WYSIWYG (ce que je vois est ce que vous verrez) soit que de la création WYSIWYG

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

leserigraphe

Stop the music and go home

ouais ou y a d'autre soft, bon je c pas pour les pc user

mais pour les mac user t'as iweb par exemple et c'est hyper bien, enfin perso j'arrive a mettre tout ce que je veux donc

pitchoune85

le mac c'est pour quand mon banquier sera plus souriant

pour le moment je me debrouille plus ou moins sur deamweaver ... ^^ plutot moins que plus

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

athenaa

pitchoune85 a écrit :

un petit conseil pour changer le "document sans nom" qui intitule la fenêtre?

change le "document sans nom" entre les balises <title>

Message cité 1 fois

Publicité

leserigraphe

Stop the music and go home

bah sur pc il doit y avoir masta de programme ou ta qu'a glisser tes images pour faire ton site!!!

Bon maintenant si tu veux apprendre le code , bravo! perso j'ai pas le courage et encore moins l'envie

pitchoune85

c'est pas spécialement que je veuille apprendre le codage, mais pour une ecole on m'a fortement conseillée d'apprendre des bases (des grosses fondations je dirais plutot!) sur dreamweaver et flash.
je vais juste regarder l'essentiel des bases à partir du site que je fais, histoire de. ^^

merci athenaa pour ta réponse )

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

Lactique

Caraïbe et huile de coco

<title>Mon super nom de page</title>

à insérer dans <head></head>

on apprend beaucoup mieux en regardant comment sont faites les pages des autres sites.
clic droit "afficher la source" sur n'importe quelle page.

CSS des liens:
A{décoration de tous les liens}
A:hover{uniquement quand on passe dessus}
A:active{quand on clic}
A:visited{les liens déja cliqués avant}
A:link{liens jamais visités}

Message édité par Lactique le 13-06-2007 à 12:33:20

---------------
Studio CréeAll

pitchoune85

merci pour les tuyaux lactique

des modifications sur les graphismes (sauf sur la courbe)

mieux avant ou maintenant ?

edit: le lien http://zone-de-creactivite.chez-alice.fr/

Message édité par pitchoune85 le 13-06-2007 à 10:11:49

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

genghis77

-_-'

chez moi sur safari, l'image de fond se repete sur l'horizontal

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment

pitchoune85

ca vient peut etre de la taille de l'écran ... je bosse sur un ecran de pc portable, et je passe sur un ordi "normal" de 17pouces il me semble pour avoir acces a internet.
c'est peut etre du à ca ?

(je viens de voir que les graphisles n'apparaissaient pas, ormis sur la 1ere page ...)

Message édité par pitchoune85 le 13-06-2007 à 10:30:32

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

genghis77

-_-'

et travaille moi cette forme jaune en bas sur la courbe s'il te plait

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment

pitchoune85

offre moi une tablette graphique

je vais essayer quand même

et pour les couleurs? mieux maintenant ou avant ?

Message cité 1 fois
Message édité par pitchoune85 le 13-06-2007 à 11:57:29

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

Zedlefou

In cabbage we trust !

pitchoune85 a écrit :

offre moi une tablette graphique

Avec la plume sous Illustrator, pas besoin de tablette ...

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

Lactique

Caraïbe et huile de coco

2 choses:
--------------------------------
- Lache ton programme de création de page web, c'est un frein. Ouvre ton bloc note et code à la main, seule façon de comprendre pas à pas ce que l'on fait.

ET ça évitera ça :
.Style16 {font-size: 18}
.Style17 {font-family: "Eras Medium ITC", "Century Gothic"; color: #FF3333; font-size: 16px; }
.Style18 {font-family: "Century Gothic"}
.Style19 {font-family: "Eras Medium ITC", "Century Gothic"}
-> des styles incompréhensibles par leurs noms, super pratique pour s'y retrouver...

ou encore ça :
 
 
 
<a href="CV.html">CV</a> 
 
 
 
<a href="contact.html">CONTACTS</a>
 
</td>
</tr>
</table>

-> on utilise la "css pour la mise en forme", ça veut dire ce que ça veut dire, pas de mise en "forme" dans le code html.
Les margin et padding servent a marquer des marges, les ne servent à rien. Ce sont des éléments pauvres en sens qu'on utilise en derniers ressort, pour annuler un float par exemple. (là, c'est technique)
Les vides ou remplis de vide (  ) j'en parle même pas c'est pire. Merci Mr Dreamweaver ou autre WYSIWYG.
---------------------------------

- repense complètement le décore de ton site. Ca ne ressemble à rien la. regles de mise en pages, charte graphique, tout manque. Ta prochaine proposition sera forcément meilleur

ps: on ne met jamais un menu à droite, c'est pas pour faire chier, c'est comme ça que marchent les fenêtres sur un ordinateur, seul le bord gauche reste constamment visible quelque soit l'agrandissement. CQFD.

On peut apprendre a coder très vite en xhtml et css mais il faut commencer de 0 et certainement pas depuis un programme de code html. La complexité ne vient pas du xhtml ou du css qui sont des languages très simple (on fait un gros site avec 5 types de balises et 5 types de classes css, ça fait pas grand chose à apprendre.) mais du code pourris html4.0 + table que les noobs essayent obstinément de convertir. J'ajoute qu'on ne découpe pas non plus les graphique de la meme façon en xhtml+css, on fait plus facile, moins d'images mais plus grosses souvent.

Ne convertissez pas, re pensez le !

Message cité 1 fois
Message édité par Lactique le 13-06-2007 à 12:58:55

---------------
Studio CréeAll

pitchoune85

bam.
merci de m'avoir achevée ^^

bon bah retour au début alors ...

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

Zedlefou

In cabbage we trust !

Non c'est pas un retour au début, c'est juste la 2éme étape de la réalisation de ton site qui commence ...

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

genghis77

-_-'

moi j'ai une wacom graphire qui me sert pas et qui traine, je te la vends si tu veux a pas cher.

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment

pitchoune85

Lactique a écrit :

- repense complètement le décore de ton site. Ca ne ressemble à rien la. regles de mise en pages, charte graphique, tout manque. Ta prochaine proposition sera forcément meilleur

ps: on ne met jamais un menu à droite, c'est pas pour faire chier, c'est comme ça que marchent les fenêtres sur un ordinateur, seul le bord gauche reste constamment visible quelque soit l'agrandissement. CQFD.

Ne convertissez pas, re pensez le !

donc refaire
j'suis motivée et du temps a rien faire à mon stage

pour la wacom, ma moitié m'en offre une dans 3 mois

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

genghis77

-_-'

yeah baby cool

---------------
Je sais que je plais pas à tout le monde... mais quand je vois à qui je plais pas... je me demande si ça me dérange vraiment

pitchoune85

pour resumer, lactique, il faut que je repense totalement mes graphismes, que je ne passe que par du code, et que je profite de tout ça pour faire une page avec le menu a gauche ?

(ps, yeah ca rox' pour la wacom )

Message édité par pitchoune85 le 13-06-2007 à 15:38:12

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

ghinzou

Salut,

Quand je commence (ou recommence) un site, je commence toujours par prendre une feuille et un crayon. Dessus, j'écris le thème général du site, les différentes rubriques, ce que je dois faire "transparaître" sur le site aux visiteurs,.... Cela me permet d'avoir une idée générale du site, de savoir comment je vais agencer mon menu (horizontal - vertical) en fonction de ce je dois y mettre,...

Ensuite, il faut choisir si tu veux un site qui utilises toute la largeur la page ou alors avec une largeur fixe. S'il est fixe, est-ce que je privilégie les "petites" résolutions (800x600 ou moins) ou alors les plus "standards" comme le 1024 ? Ensuite, est-ce que je le veux centré, sur la gauche ou sur la droite. Vais-je mettre des images, si oui, lesquelles et où ? Personnellement, je trouve que les images ajoutent un plus au site, il est plus "vivant" et ajoute une touche supplémentaire à l'idée générale.

Il ne faut pas hésiter aussi à visiter beaucoup de sites et surtout ceux en css. Ils te permettent d'avoir une source "d'inspiration" et de voir ce qui se fait actuellement mais aussi de fouiller dans le css.
Je peux te donner quelques sites :
> http://www.cssbeauty.com/
> http://www.cssdrive.com/
> http://cssmania.com/
> http://cssvault.com/
> http://www.lightondark.com/
> [url]http://www.webcreme.com/[url]
...et il y en a encore beaucoup d'autres
Si tu n'as pas beaucoup d'expérience en css pour réaliser ton layout, tu peux consulter ce site qui t'aidera à choisir
> http://maxdesign.com.au/presentation/page_layouts/

Comme le disais si bien lactique, le xhtml et le css ne sont pas "difficiles" à apprendre. Il faut expérimenter et voir ce que ça donne au fur et à mesure. Le mieux est donc de coder manuellement ou alors de surveiller ce que fait dreamweaver avec ton code. Utilise l'option split de dreamweaver.

Je sais que c'est très difficile de faire un site quand on a pas d'expérience.....mais quand on arrive à un résultat vraiment chouette, c'est très très gratifiant au bout du compte.

pitchoune85

merci pour cette foule d'infos
j'avais mis sur papier les grandes lignes du site, et un debut de charte graphique, mais au fur et à mesure on modifie un truc et un autre on change le jaune bouton d'or en jaune or tout court, on rajoute un effet pour accentuer le coté or et si bien qu'à la fin on a complêtement laché la charte graphique!!

faire un site sans experience, oui c'est dur mais on y va on fonce, on recommence et on apprend

et le résultat est gratifiant

merci

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

Lactique

Caraïbe et huile de coco

Voila ce que j'appelle une "bonne" réaction

---------------
Studio CréeAll

pitchoune85

pour eviter de faire des liens d'une page à l'autre bleux et soulignés, je peux soit faire un bouton en flash soit faire un lien a partir d'une image.

pour l'image il faut que celle ci soit soit "par dessus" l'imae de fond? et peut on ne sélectionner qu'une partie de cette image?

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

Lactique

Caraïbe et huile de coco

Du moment que ton image est dans un élément "contenu" dans ton body, elle sera "au dessus" de l'image de fond de ton BODY.
Mais faire un menu propre c'est :
<ul id="menu"><li><a href......>blabla</a></li><li><a href......>blabla</a></li><li><a href......>blabla</a></li></ul>

ansi ton contenu reste lisible et compréhensible par des navigateurs texte des référenceurs etc... Pour autant tu peux afficher uniquement des images et pas de texte sur les navigateurs graphiques. Tes images seront les background des LI ou A et tu mets un text-indent:-9999px; dans la class UL#menu LI A{}, hop plus de texte à l'écran.

C'est un peu technique dans ce cas là car tu vas devoir utiliser des blocs comme liens, ce qui n'est pas naturel. Pour ça il faut un "display:block; un width et height (longueur hauteur) défini dans ta css pour ces A (liens en language css). ET un float:left; dans la class des LI (par conséquent tu mettras un juste après ton menu dans le code html et dans la css tu déclares cette class : .clear{clear:both;} ce qui rétablit l'équilibre de ta page. Tu en apprendras plus sur le float et clear sur google)

Message édité par Lactique le 13-06-2007 à 18:41:17

---------------
Studio CréeAll

pitchoune85

:heink:

bon je vais rester simple pour le moment et faire mes ptits boutons flash hein ^^
si déjà je réussi cela ca sera [:fatidik972] [:fix_g] [:fumer]

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

ghinzou

C'est assez simple en css (une fois qu'on la fait...). Je te donne mon menu pour exemple
Ton code html...

Code :

<div id="navlist">
<ul>
<li><a href="#" title="Lien 1">Lien 1</a></li>
<li><a href="#" title="Lien 2">Lien 2</a></li>
<li><a href="#" title="Lien 3">Lien 3</a></li>
</ul>
</div>

Ton code CSS

Code :

ul#navlist
{
margin: 0;
padding: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a {
margin: 0;
padding: 5px 10px;
}
#navlist a:link, #navlist a:visited
{
color: #fff;
padding: 5px 7px 0 7px;
margin: 1px;
border: 1px dashed #505034;
border-bottom: 2px solid #505034;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
text-decoration: none;
padding: 5px 7px 0 7px;
margin: 1px;
border-bottom: 2px solid #99CC00;
}

Avec ce que je te montre, tu as un menu horizontal. Il "s'uffit" que tu copies et que tu colles les code ci-dessus.
Pour le CSS tu peux créer un fichier externe et mettre cette ligne dans le <head></head> > <link href="TonFichier.css" rel="stylesheet" media="screen" type="text/css" />.

Suis-je assez clair ?

pitchoune85

oui

mais la pratique reste difficile tout de même

je vais tenter voir ce que ca donne

Message cité 1 fois

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

MisteR WarE

Allons plus loin =>

pitchoune85 a écrit :

oui

mais la pratique reste difficile tout de même

je vais tenter voir ce que ca donne

Tu as fait ton graphisme avec quel logiciel?

pitchoune85

toshop

je vais tenter avec illu mais je ne m'en suit servi qu'une fois, et avec tutoriel pour faire le logo carrouf

Message cité 1 fois

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

MisteR WarE

Allons plus loin =>

pitchoune85 a écrit :

toshop

je vais tenter avec illu mais je ne m'en suit servi qu'une fois, et avec tutoriel pour faire le logo carrouf

En fait pour faire un book, il faut plus que tu t'inspires d'autres books qui ont été créé par des professionels.
En tapant sur google "infographiste freelance" tu vas attérir sur des liens avec leur book.

Inspires toi en en décrivant chaque détail à savoir qi tu pourrai arriver à le faire ou non. Puis personnaliser ton book par la suite.

pitchoune85

pour la version actuellement en ligne de mon site, je m'etait inspirée d'un book on line, avec menu à gauche et je trouvais ça original car pas fréquent ...

mes recherches actuelles étaient mal orientés, merci pour ton coup de main

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

pitchoune85

avant de faire un design plus "soft" peut etre voici celui sur lequel j'etais

http://img528.imageshack.us/img528/8403/pageacc02ri8.jpg

(s'pa totalement fini hein mais bon)

Message cité 1 fois

---------------
Pour la carotte, le lapin est la parfaite incarnation du Mal.

joulpouille

pitchoune85 a écrit :

avant de faire un design plus "soft" peut etre voici celui sur lequel j'etais

http://img528.imageshack.us/img528/8403/pageacc02ri8.jpg

(s'pa totalement fini hein mais bon)

J'hesite... :??:

Lactique

Caraïbe et huile de coco

1989 ? 1990 ? Février 1990 ?
J'ai bon ?

---------------
Studio CréeAll

Publicité

Page : 1 2 3 4 5 6 7 8 9

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Graphisme

Web design

mon p'tit site [up du FOND - page9]

Sujets relatifs
Site en flash sans connaissances du flash	quel site d'archive pour...
Cherche graphiste pour projet de site de badge	empecher de prendre images et textes d'un site
Aide améliorer design site web	Nouveau site à tester...
Lisibilité d'un site "commercial"	[Noob-Illustrator] Vectoriser un import PSD avec le fond transparent
bordure de site web forum et autre	Filet+fond de couleur
Plus de sujets relatifs à : mon p'tit site [up du FOND - page9]

Page générée en 0.070 secondes