Design de (votre) site web...mais surtout du mien

•17/08/2006 13:29:24

Apparemment il y a quelques personnes plutôt calées en Informatique et comme je ne connais pas grand monde dans mon entourage qui s'y connaisse assez pour résoudre mon problème, je décide de m'adresser ici à la communauté Slappytienne fort sympathique.

Bref, je bidouille pas mal sur photoshop et il m'arrive aussi de monter quelques sites Web en html tout moche avec FrontPage. Or pour mon petit groupe je me suis lancé dans la conception de ZE site, avec un design et tout et tout.

Donc mon design est presque terminé (juste une bordure à ajouter sur la droite) j'ai enregistré pour le Web via photoshop et voici ce que j'obtiens une fois balancé sur mon FTP.

http://bromandil.nitroxine.fr/dying-emotion.html

J'en suis très satisfait mais voici mon fameux problème :

* Comment ajouter mes textes dans le carré noir en bas a droite et les sous-liens dans le menu de gauche ?
* Comment centrer le Design ?
* Me faut-il un CSS comme pour un kit graphique ?
* Obi-Wan Kenobi ? herm...

Alors moi je pensais supprimer l'image noire, mettre un fond noir et ajouter le texte seulement ca part du milieu donc faut sauter pas mal de lignes.... je suppose que c'est pas comme ça que je dois m'y prendre

Pour le menu de gauche je vois pas...

Bref comment faire pour ce soit potable ?
Un gros merci et une pinte à ceux qui m'apporteront leur aide

Ah oui et puis si vous faite du design professionnellement ou pour le fun comme moi pourquoi ne pas mettre vos créations et votre portfolio histoire de découvrir votre univers créatif ?

•17/08/2006 13:37:04

Le design général est classe mais il reste du boulot !!

Déja commence par faire dans ta balise body :
align="center"
bgcolor="#000000"

Ben pour ton texte t'as juste à l'écrire dans la bonne cellule j'vois pas le problème.

Un conseil laisse tomber front page

Bosse au bloc note c'est bien plus constructif !!

(ou dreamweaver si tu as)

•17/08/2006 13:38:25

pour le carré noir tu peux délimiter les zones avec imageready tu peux meme limiter les "images-groupe-bio-musique" pour en faire des liens

•17/08/2006 13:42:34

je te suggère pour ton menu de gauche de créer une iframe dans la quelle tu pourras charger une autre page html contenant ton sous menu.
Comme ça quand tu clique sur un item du menu en haut, tu dirige le lien vers ton iframe avec en paramètre la page contenant le sous menu

je sais c'est pas très clair ...
Attend j'essaie de te coder un exemple vite fais

•17/08/2006 13:47:26

chope dreamweaver ça peut etre pratique

et casse couilles à la fois...

•17/08/2006 13:47:52

Oui pour delimiter tout ca c'est les tranches mais photoshop le fait aussi donc pas de soucis

Sinon FrontPage m'éclate bien c'est pas compliqué

Pour le bloc note ben la prog c'est pas mon truc (oui je ne connais meme pas le html...

) et dreamweaver me semble tellement compliqué c'est bien que FrontPage ?

•17/08/2006 14:12:31

voila j'ai une soluce pour toi, alors ACCROCHE TOI A TON SLIP !!

petite Question préalable : Tu connais le HTML ? Paske si tu veux faire des sites il va falloir t'y mettre !!

je pense que je vais plutot t'envoyer ça par mail ça seras plus simple.

Reviens ici si tu as des questions.

Asghar

•17/08/2006 15:04:48

Si tu veux faire un site propre, tu vas devoir faire ca en codage pur, Dreamweaver c'est vraiment une horreur en realite donc oublie...

Si tu as du mal avec le HTML va voir sur des sites comme :
http://www.chez.com/starshoot/html ou openweb.org

•17/08/2006 15:12:11

Asghar

Dreamweaver c'est vraiment une horreur en realite donc oublie...

Tu rigoles !!!
Pour coder c'est excellent !! (je ne parles pas du mode graphique paske ça c'est vraiement merdique et j'y touche pas)
Mais je trouve que c'est quand même bien pratique d'avoir tous les paramètres et les balises qui s'affiche quand tu tape ton code

Benlop

•17/08/2006 15:44:18

Rico, jamais de la vie tu ne dois préciser align="center" sur ta balise body. Tout ça se fait dans une CSS, bien proprement.

Là j'ai rien à foutre de mes journées, je pense que je vais faire un petit test de codage pour Bromandil. Si tu es intéressé, envoie-moi un MP.

Et oui, Dreamweaver est une sombre merde. Y'a 30 fois plus léger et mieux.
FrontPage... j'en parle même pas. C'est du nique-douille, à ce niveau-là !

•17/08/2006 15:52:13

Benlop

ouais chui d'accord pour le css mais comme il n'y connait rien je n'avais pas envie de l'embrouiller avec ça.

Si tu as mieux que dreamweaver chui preneur !! Moi il me convient bien, enfin chui pas non plus un crack de la prog

Benlop

•17/08/2006 15:59:13

Bah, je fais tout dans un simple éditeux de texte, qui colore les balises, tout ça, et qui inclue un preview... mais étant sur Mac, ça ne t'aidera pas si je te dis son nom !

•17/08/2006 16:03:32

Benlop

Bah, je fais tout dans un simple éditeux de texte, qui colore les balises, tout ça, et qui inclue un preview... mais étant sur Mac, ça ne t'aidera pas si je te dis son nom !

Tant pis ... moi le seul site que j'ai fait pour l'instant ( http://strikedown.free.fr ) je l'ai fait au 3/4 au boulot donc bloc note windows, un peu de dreamweaver pour les balises que je ne connaissais pas trop, un peu de toshop pour le design et hop !! un ptit site !!
Il reste pas mal de truc à améliorer mais pour un premier jet chui plutot content

fasteez

•17/08/2006 16:57:43

apprend un peu le html ( ca s'est tres rapide , 1 semaine et t'as fait a peu pres le tour de tout le langage )
ensuite tate le css, ca permet de préciser position / taille / couleur / bordure de chaque element que t'as ecrit dans ta page ( paragraphe , image , lien .. tout et meme plus encore )

en cherchant des tutoriels css débutant sur google tu vas vite tout comprendre, au pire défoule tes frustrations ici ;)

bas6te

•17/08/2006 18:24:16

j'aime bien la bannière du haut et la police, moi je suis fada du flash (bienque je ne sache pas en faire) mais c'est pas facile du tout...

(j'adore photoshop aussi )

•17/08/2006 19:10:11

Merci pour le compliment Bas6te

En fait je faisait des petits sites avec un pote il y a 2 ans, j'avais deux trois notions en php, html, flash et puis j'ai lu quelque trucs sur le CSS ; bon lui il a continué moi j'ai decroché.... et oublié la quasi-totalité. Je ne sais pas vous mais je trouve ca assez soporifique la prog mais si je dois m'y remettre serieusement je le ferais.

Pour les balises couleur du css il y a TopStyle 3 (il doit aussi faire toute les autres langages) et je crois qu'on peut visualiser ce que l'on fait en même temps.
Pour le PHP j'utilisais EasyPHP (je parle du PHP car j'avais dans l'idée de faire un systeme de "postage" de news un peu comme sur un forum si j'ai assez de temps)

Enfin sinon le css tout ca c'est bien jolie le tout c'est que je ne sais pas comme cela s'articule. Je veux dire, je dois coder mon CSS un peu comme un l'Index et le balancer sur le FTP ce qui influera sur mon Index.htm.... je pense que je verrai ca avec quelque tutos. (Et puis si une âme généreuse veut bien faire le travail à ma place qu'elle ne se gêne pas

nan faut pas abuser...)

Le CSS est donc nécéssaire alors ? Je vais jeter un oeil a ton mail en attendant merci du coup de main ;)
Ah oui et pour ton idée des Iframes tout ca c'est excatement le resultat que je souhaite, on arrive dans l'Index, on clique sur Musique ce qui ouvre une page avec en même temps les menus de gauche qui s'affiche tels que "Influences, discographie etc..." Mais je ne pensais pas faire appel a des Iframes, (déjà c'est pas très laid ?) mais faire comme si on chargait vers une autre page web.

•17/08/2006 19:34:44

le CSS est loin d'etre obligatoire, simplement lors de changement tu as juste une feuille de style, et pas toutes tes pages Html a changer (sauf si en définitive tu intergres du php)... donc en définitive

CSS= plus propre, release + simple, + efficace

puis enfin si tu tiens un jour a accrocher au norme W3C, t'as pas le choix.
Pense a nous utilisateur de firefox, et aussi a ceux de safari, opera ou autre logiciel peu ou pas connu (mac & linux)

a oui aussi, oui ton css tu le nommes comme il faut pour qu'il soit appelé par ton code htm, c'est tout simple, et dream le prend a charge automatique (pour les newbee c'est parfait)
(sinon des tutos hyper simple te diront comment faire simple pour loger ta feuille de style CSS)

(edit) surtout archive bien tes données, tes images, tes pages, pense quand tu feras ton site, qu'un jour peut etre tu integreras du php, ou utilisera du XML ou autre solution de stockage, ou même que tu devras modifier tout ton site (c'est avec ce genre de truc qui prennent total la tête, que j'ai arrêté de faire de la prog, et j'ai carement refait mon orientation scolaire lol, aujourd'hui je n'ai aucun regret, l'info c'est bien mais bon je m'amuserai a ca une fois la scolarité fini ou pendant l'école d'ingé, pas avant)

•17/08/2006 19:46:36

Ah oui d'ailleurs c'est quoi le W3C ? Il y a aussi une version plus evolué du Html non ? Je ne me tiens plus au courant depuis longtemps...

•17/08/2006 19:55:44

oui le xhtml, ou un truc tout con du genre, c'est du pareil au même, c'est juste la mise a jour du codage "facon balise" htm, ou plutôt la norme qui accompagne ce language. Voilà après ca fait du vent surtout a cause du w3c

le w3c c'est l'organisme qui établit et distribue les normes standarts des languages web.
Si ton site suit les normes (qui sont détaillés a partir de multiple lien sur le site officiel, tape w3c sur google) il t'offre un logo (whaou tout content). L'intérêt est que les browsers (ton explorer) sont censés lire les codes qui suivent les standarts (quand je dis lire, c'est lire proprement, respecter le code en entier etc..., une vraie lecture quoi !).

Si tu suis les normes W3C (donc XHTML pour toi) alors ton site sera lisible par tout le monde
EN THEORIE...

•17/08/2006 20:00:51

Dreamweaver pour faire en gros tu t'en sert c'est rapide et aprés tu néttoie toutes les merdes qu'ils aura mises dans ton code

c'est ce que j'ai toujours fais comme j'ai al flemme d'apprendre les codes

•17/08/2006 20:02:29

Bromandil

Ah oui d'ailleurs c'est quoi le W3C ? Il y a aussi une version plus evolué du Html non ? Je ne me tiens plus au courant depuis longtemps...

j'ai décroché il y a 2 ans, j'étais fan de l'actionscript. Le flash me passionnait, j'avais envie de faire mes études la dedans, puis un jour fallait mettre le site (d'un clan de jeu online, socom, et halo) a jour, mais j'ai perdu le courage d'un coup quand j'ai arrété les jeux en ligne

enfin nostalgie

le ptit gas que je suis....

mon post était pour te donner une adresse
www.media-box.net

alors ils sont sympas sur ce forum (ce sont des pros pour la plupart), mais ils répondent clairement qu'a des problèmes clairement posés et surtout précise, et avec le language adequate (donc 1 moi d'adaptation pour vraiment communiquer avec ces garçons

)

mais super site, que ce soit sur le design, le codage etc... (sur ce site tu découvriras des sites plus superbe les uns que les autres...genre en flash, des fois t'hallucine, mais p'tin que j'espere un jour m'offrir une palette graphique A6 A5, et me lancer dans un portofolio ou autre...)

www.deviantart.com <= pour les amoureux du dessin amateur/pro freelance (il y a un explorer intégré au site, les favoris séléctionnés par ce dernier sont splendides)

•17/08/2006 20:11:11

DA je connais et pour media-box je jetterai un oeil mais s'il faut 1 mois d'aclimatation je ne sais pas si j'aurais le courage...
Pis pour Dreamweaver, je l'ai jamais utilisé donc j'ai pas envie de ramer dessus, autant faire avec un bloc note, et puis comment savoir ce qui est une "merde" qu'il a rajouté au non si on débarque plus ou moins comme moi ?

•17/08/2006 20:11:11

loukha

Dreamweaver pour faire en gros tu t'en sert c'est rapide et aprés tu néttoie toutes les merdes qu'ils aura mises dans ton code

c'est ce que j'ai toujours fais comme j'ai al flemme d'apprendre les codes

depuis que adobe a racheter le groupe macromédia, je trouve qu'il a eu un coup de mou dans l'éfficacité, mais ces derniers temps, on dirait que la firme nous fait de ces punaises de logiciel, en autre le dernier dreamweaver ( la mise a jour) permet au vrai connaisseur du logiciel, de faire ce qu'il veut.

Donc bah les amoureux du .txt, faut parfois lacher vos habitudes de "geek" et passer par l'évaluation gratuite pour voir de quoi il ressort (enfin 30 jours c'est bien faible pour s'adapter, adopter et surtout gérer le logiciel et surtout apres faut payer

). Enfin perso, moi j'ai pas le temps pour passer une journée entière a écrire une requette Mysql ou un tableau en DIV

•17/08/2006 20:24:18

tu peux toujours télécharger sur le site de macromédia dreamweaver et prier à la mule magique un code pour l'avoir définitivement ( à bon entendeur )

•17/08/2006 20:43:54

loukha

tu peux toujours télécharger sur le site de macromédia dreamweaver et prier à la mule magique un code pour l'avoir définitivement ( à bon entendeur )

nan depuis un an, ma conscience me fait dire, que bien que ca soit du vol a ce prix là, il faut respecter les gas qui ont créé tout ce matos. (c'est a cause de tout cet ABUS de craquage, de copiage qui fait qu'aujourd'hui on est dérangé. Quand je dis abus, je ne parle pas d'une dizaine de CD en mp3 pour exemple, mais plus de 30 Go de musique que le gas n'écoute quasi pas, au lieu de télécharger, qu'il bouge au concert, il sortirai de chez lui a ce moment...)
Que ce soit pour la musique, les logiciels, de tt ce que j'utilise j'ai acheter progressivement les licenses légales.

De plus pour les étudiants il y a des réducs de 95 % en accord avec adobe/macromedia a certain moment de l'année. Le jour ou j'en aurai besoin, j'utiliserai ce que je trouve de potable, en attendant ce genre d'offre, puis enfin d'ici là, peut être que j'aurais un salaire et les moyens de me l'offrir.

•17/08/2006 21:06:35

Perso, j'écoute essentiellement de l'Underground donc les maquettes, les splits etc... c'est pas bien cher mais lorsque les Stones sortent encore un album au bout de 2 ans et refont une tournée (ou le billet atteind des prix enormes) je suis bien content qu'ils se fassent pirater leur musique. Des fois ca sent l'abus...

•17/08/2006 22:29:48

Bromandil

oui j'suis bien d'accord avec toi...apres bon les billets a 500 €, c'est pas moi qui irai les acheter

acieroid

•17/08/2006 23:12:48

Je suis désolé de la ramener avec ça .... ce design est vraiment très bien .... mais pas du tout compatible XHTML. Faut un peu penser que certaines personne malvoyante ou autres naviguent aussi sur internet.

Ton site passera peut être au validateur du w3c(il ne passera pas à cause des balise d'en tête surtout), ce n'est pas pour ça qu'il est compatible :
- les tableaux (<td> et autres) ne doivent être utilisés uniquement pour des données tabulaires !
- l'attribut alt de la balise image doit être completé, et pas laissé vide
- Un design extensible est toujours préféré a ce genre de design

Mais bon, je doute que si tu sort ça de photoshop tu va comprendre tout ce que j'ai dit

Et puis, si tu veux apprendre l'html, ce site est très bien foutu

•18/08/2006 00:59:26

le site des zeros est excellent pour apprendre