int main(int argc, char** argv) {return 0;} (le blog de -V-)
Retour au blog <<

Conseils pour créer un site web

Vendredi 31 août 2007 à 06 h 38
Salut, je désire créer un site web et vu qu'il y a apparemment pas mal de brutes en la matière dans le coin je me dis que vous pourriez sûrement m'aider.

C'est pour quoi?
- exposer mon travail, (sorte de portfolio), donc principalement des démos/games 3D que j'ai codé, incluant le téléchargement et quelques vidéos.
- écrire une série d'articles, genre tutorials
- page de contact, avec résumé, CV, publications...
- pas besoin de forum, de chat ni de "chichi"

A quoi ça doit ressembler?

J'aime bien le style simple de ça ou encore la mise en page pour les démos de cette page là par exemple.

En combien de temps?
La prog/design de sites web c'est pas trop mon truc mais je mettrai le temps qu'il faut.

Remarque:
Pas besoin d'avoir un design poussé, je voudrais un truc qui reste sobre et simple à naviguer.

Questions:
- Quel langage, quel environnement de développement et en combien de temps c'est faisable?
- Une question qui m'a toujours intrigué, faut-il connaître à l'avance le design du site avant de le coder? J'entends par là, est-ce qu'il est possible de modifier globalement le design d'un site juste avec la css ou y a-t-il des choses à prendre en compte dès le début de la
création?

Toute aide évidemment bienvenue, merci!
Vendredi 31 août 2007 à 07 h 31
1. WAMP server (wampserver.com, et donc PHP/MySQL), c'est faisable en 2 semaines en s'y mettant un peu tous les soirs.
2. On peut faire beaucoup de chose avec CSS mais de là à changer du tout au tout un design rien qu'en changeant de CSS, ca nécessite de très solides compétences en web design. Du coup, il est beaucoup plus facile de prendre en compte dès le début le design que tu veux donner à ton site. Note également que si tu fais ton site avec des div (et pas des table), tu pourras obtenir un design beaucoup plus facilement modulable. Ce que je fais en général, c'est que je code tout le site dans des div vides et sans style autre que les dimensions des cadres (tout est à sa place, mais sans aucun "décors"), ensuite tu peux appliquer un design kikoolol.

Je te conseille au passage PHP in a nutshell et MySQL in a nutshell en sus des cours XHTML du siteduzero.com.
Vendredi 31 août 2007 à 07 h 40
Je pense que les tutos présents sur le siteduzero.com sont largement suffisants. Pas besoin de s'encombrer d'un livre.

Pour l'environnement de travail, j'aime bien ZMWS qui est juste un zip à décompresser et c'est déjà tout près.

Pour la CSS, va faire un tour sur css Zen Garden pour te faire une idée de la puissance que le CSS peut avoir.
par jye
Vendredi 31 août 2007 à 08 h 53
Si tu veux vraiment coder, tu passeras forcement par du php/mysql. Si t'es un peu feignant et que t'as pas envie de réinventer la roue. Tu peux voir du coté de wordpress.

Tu peux créer tes propres pages :
- exposer mon travail, (sorte de portfolio), donc principalement des démos/games 3D que j'ai codé, incluant le téléchargement et quelques vidéos.
- avec résumé, CV, publications...
Etant un outils de blog tu pourras :
- écrire une série d'articles, genre tutorials
Y'a des plugins tout fait pour les contacts :
- page de contact,

Pour ce qui est du design, il y'en a des tas.

Bref a voir si tu veux vraiment apprendre le php (chose inutile) ou pas.
par -V-
Vendredi 31 août 2007 à 08 h 55
El_Porico, SaMuRiZe: merci! PHP/MySQL semble être incontournable, je m'y mets dès ce soir. Css zen garden est superbe et donne envie de se lancer!
Le site du zéro a l'air sympa, à part le style un peu lourd kikoolol quand on ne s'y attend pas. Je pense ingurgiter XHTML et enchaîner avec PHP-MySQL en moins de quelques jours. J'ai pas trop envie d'acheter un livre pour l'instant, sauf si celà se révélait indispensable. Comme IDE vous conseillez quoi?

[Edit]
jye: Ah, dilemne. Je vais aller faire un tour du côté de wordpress, promis. C'est vrai que c'est une très bonne idée et que ça me permettrait de plus me concentrer sur le contenu. PHP serait pour moi plus un moyen qu'un but en soi. C'est nécessaire de connaitre php si on veut modifier wordpress?
Vendredi 31 août 2007 à 09 h 11
Avec PHP on fait le contenu, avec les templates le contenant et la CSS l'apparence.

EasyPHP2 est nettement moins chiant à utiliser que Wamp.
Vendredi 31 août 2007 à 09 h 33
Vendredi 31 août 2007 à 09 h 39
comme ide j'utilise dreamweaver depuis plus de deux ans maintenant, y'a plein de truc pratique (explorateur de fichiers, gestion de différents sites,ftp), par contre ne jamais faire du glisser déposer ou le laisser codé tout seul en cliquant sur des boutons !

sinon en plus geek t'a notepad++

et en dernier le top du top du geek : bloc-note
par jye
Vendredi 31 août 2007 à 09 h 48
"C'est nécessaire de connaitre php si on veut modifier wordpress?"

Tout depend de ce que tu fais. Je dirais un peu mais pas beaucoup. Ca se presente sous forme d'editeur soit en foutant du code html/php direct soit avec un WYSIWYG. En tout cas surement moins que si tu dois faire tout ce qui doit taper dans ta base SQL toi même et autres merdes dans le genre.
Vendredi 31 août 2007 à 10 h 16
Ouais, un script de blog, tu ne te feras pas chier. Wordpress, Dotclear, etc...
par booz
Vendredi 31 août 2007 à 10 h 40
Notepad++, Wamp, photoshop, Smarty template et t'a ton bonheur.

rapport au design : Savoir à quoi va ressembler le site au final est tojours un plus, mais il est possible de faire sans. Dans ce cas là, le mieux est de foutre un maximum de class et d'id sur tous les éléments html. Le moindre bout de <h6>, le moindre élément de formulaire avec son Id, et éventuellement une classe. Au final ça va te faire une quantité d'IDs monstrueuse (surtout bien penser à les nommer proprement, par exemple un élément password de formulaire sur la page d'index aura un id du genre id="ind_form_password", pas id="pwetlol" ou n'importe quel mot au hasard), et tu pourra donc customiser tes éléments un par un. Si ya beaucoup d'éléments, bah tu en regroupe certains dans des <div></div> avec IDs pour faire des jolis blocs.

dans tous les cas : www.devguru.org
par pangel
Vendredi 31 août 2007 à 12 h 51
Bref, utilise Wordpress/Dotclear(hum)/Movable Type($$$)/Mephisto. Ou Yikeite : c'est nouveau, tu vas essuyer les plâtres, mais j'aime bien le concept ou tu as la tranquilité de la solution hébergée et la flexibilité du "je code mon design tout seul comme un grand". Par contre pas de fonction gallerie sophistiquée (pour le moment).
Vendredi 31 août 2007 à 19 h 28
Je te conseille Zend Studio pour l'édition, c'est vraiment le meilleur avec l'autocomplétion PHP. www.zend.com.
Toutes les personnes enregistrées peuvent poster un commentaire dans ce blog.

Commenter

Tags autorisés : [b] [/b], [i] [/i], [u] [/u], [code] [/code], [img]Adresse d'une image[/img], [url=Adresse d'un site web] [/url]
Vous pouvez aligner vos images à droite ou à gauche en modifiant le tag [img] comme ceci : [img right] ou [img left].

Pour vos vidéos/animations flash : [video]Adresse d'une animation[/video], pour préciser la largeur et hauteur : [video width=100 height=200]...[/video]