Créer un site web

///

Commence par le design si tu sais déjà d'avance à quoi resemblera ton site :blush:

Une fois que tout est fait de ce côté là aprés tu passes au codage ( insersion de liens vers tes pages , création de bloc de news etc ... )

:blush:

Oui la premiere chose a faire avant de creer son site internet, est de faire un cahier des charges où on va réfléchir a "l'infrastructure" du site comme a dit nofear.

C'est a dire réfléchir au nombre de page qu'on va devoir creer, quel page on va creer. Ce qu'il faudra mettre en gros dedans.

Donc penser a l'arborescence du site, comment il va se presenter.

Ca aide a voir clair lorsqu'on cree son site par la suite. On sait ce qu'il faut faire et où on en est.

(si vous voulez clarifier n'hésitez pas).

Un site sympatoche qui aide à créer son site ( site de mon poto :blush: )

http://www.salemioche.net/

Enjoy

///

Pour le format prends en .png ( ce n'est que mon avis ) les puristes du .jpeg viendront donner leur avis :blush:

pour le texte euh je sais pas , je pense qu'il faut le mettre indépendement ( sais plus )

///

la résolution 72 c'est trés bien ( pour le web c'est trés bien et recommandé ) au dessus c'est pour l'impression :blush:

:blush:

Bonjour,

J'ai créé un site actif depuis deux mois en liaison avec Florensia un MMORPG, je suis débutant et j'aimerai passer à la vitesse supérieure étant donné que le site prend de l'ampleur.

J'aimerai ajouter un moyen qui laisserait aux internautres la possibilité de poster des messages.

J'aimerai aussi appliquer un login (apparemment il faut partir de MySQL et j'ai déjà essayer avec tous les tutos d'internet mais je pense que j'ai besoin d'assistance étant donné que je n'y arrive pas).

Aussi, un moyen de faire voter les internautes sans passer par des votes préfabriqué (aussi par MySQL n'est-ce pas ?)

De même, un petit forum (mais si personne ne m'aide pour ça, j'attendrai plus tard, ce n'est pas ma priorité)

J'ai déjà créer un topic ou je demande tout ça mais on m'a conseillé de venir ici demander. J'espère une assistance plus qu'un tutoriel mais je doute qu'on perde son temps à m'assister alors je me contenterai d'un tutoriel personnel de votre part.

Merci d'avance.

Ce topic est surtout utile aux débutants souhaitant se lancer dans la création d'un site simple depuis le début. Toi t'as l'air de t'y connaitre déjà donc je pense qu'il serait préférable pour toi de créer un autre topic plus approprié, mais ça ne reste que mon humble avis. Mais si tu veux aider Laguardia tes avis sont les bienvenus.

Laguardia, un petit court sur les format s'impose afin que tu puisses choisir judicieusement le format à utiliser quand l'occasion se présente :blush:

Tout d'abord le .jpg, le plus répandu sur la toile, qui offre un très bon rapport poids/qualité, avec un codage jusqu'à 24 bits (16 M de couleurs) si tu utilises photoshop, reconnu par tous les logiciels de traitement d'images et de mise en page.

Mais faut savoir que c'est un format dit 'destructeur' : des pertes sont entrainées à chaque nouvelle sauvegarde donc attention. Il ne gère pas la transparence (couches Alpha) et est peu adapté aux images au trait, mais pour le reste c'est du tout bon : )

Le .gif est lisible par tous les navigateurs sans plug in, compression des images sans perte de qualité. Son faible poids le rend pratique pour l'affichage rapide d'image à l'écran; possibilité d'animation simple (gif animés).

Par contre le codage se fait sur seulement 8 bits (256 couleurs à choisir dans une palette de 16 M ) donc oublie ce format pour les images riches en dégradés par exemple (photos...), avec un taux de compression lié au nombre de couleurs utilisées dans l'image : plus ce nombre est élevé, plus la compression est faible.

Donc si tu l'utilises fais le pour l'affichage et transfert d'images simples (textes, boutons, barres de menus, logos, animations basiques).

Le .png c'est cool effectivement, comme te l'a suggéré Nofear, mais pas systématiquement : La compression des images se fait sans perte de données. Les docs .png sont plus légers que leur équivalent en format .gif mais supérieur à leur équivalent en .jpg. Il est adapté aux images simples (dessins, tableaux; logos...)

(Petite parenthèse encore si utilises Photoshop ou autre logiciels de traitement d'image : 2 types de codage : PNG-8 (niveaux de gris sur 8bits) et PNG-24 (16 M de couleurs sur 48 bits).

La gestion de la transparence est bien plus efficace que celle offerte par le format .gif.

En gros c'est un format idéal pour les documents au trait (logos, symboles, dessins, histogrammes...) et les docs contenant du texte et très adapté aux images en transparence.

Ouf, voilà avec ça j'espère que ça t'aidera pour tes choix de formats.

Sinon j'aimerai savoir, tu comptes faire le design de ton site entièrement sur Photoshop (et/ou autre logiciel) ? car si tu ne touches pas de webdesign y'a le css qui fait des choses pas mal.

Edit : un essai de webdesign que j'ai commencé :

Le logo j'l'ai pris au hasard sur un site de vecto pour voir ce que ça donne, le fond n'est pas définitif (il n'y a rien de définitif en fait ) et c'est fait avec Illustrator. Cela dit je compte animer ça sous Flash, même si je ferai surement une version html du site.

///

///

je plussoie mdr, tout en rajoutant (au cas où :blush: ) que tu n'est pas obligé d'utilisé un seul et unique format pour ton site

@clorgen : vu que ta demande a l'air assez complexe, il serait utile de creer un autre topic, c'est alors avec plaisir que je te répondrais et t'aiderais

j'ai creer un tutoriel sur l'inscription et la connexion en php pour clorgen. J'espere que ca t'éclairera pour la suite :blush:

///

Concernant les images, si ce sont des aplats de couleurs le gif fait très bien l'affaire (il n'a pas que des défauts hein )

Pour ce qui est du texte tu l'ajoutes dans le code en fait.

Si tu as commencé à voir des tutos tu t'es aperçu que la syntaxe du html ressemble à celle du BBCode (le code avec balise utilisé dans les forum pour réagir sur les caractère :

   <b>gras</b> 
  <i>italique</i> 
  etc..

mais en beaucoup plus fournie).

Donc en codant ton site tu définiras la taille de chaque bloc où viendront s'ingérer chaque élément constituant l'anatomie du site (le bandeau, chaque bouton individuellement...), et donc aussi le bloc d'une certaine taille consacré au texte. Il y a un tas de balises qui te permettent d'influer sur la taille, la couleur, l'emplacement précis du texte ou de l'image dans le bloc etc...

Mettre du texte sur les images ça peut se faire plusieurs raisons, mais avant ça tu dois avoir un ptit cours de typo

Les navigateurs Internet affichent les polices mais seulement si le visiteur la possède sur son pc. Les polices sans empattements (Verdana, Arial...) sont plus lisibles que les polices à empattements (Times..) donc à privilégier.

Dans le code tu peux définir la typo que tu souhaites voir apparaitre, puis ajouter dans l'ordre que tu souhaites les polices à afficher si le visiteur ne possède pas la première.

ex :

font-family : Comic Sans MS, Verdana, Arial, Times

Le navigateur comprendra alors : "J'affiche Comic Sans MS, mais si le client ne la possède pas ça sera Verdana, et s'il n'a pas non plus celle-ci alors de l'Arial..."

Tu dois t'en douter, les polices citées par la suite sont présentes dans la quasi totalité des PC donc aucun risque pour ce qui est du nombre de chance pour qu'elles s'affichent :blush:

Mais voilà, toi tu souhaites à tout prix montrer un texte particulier avec une typo particulière. Là oui, ça te demandera d'insérer une image avec ton texte particulier.

Ce n'est là qu'une raison parmi d'autres, à toi de voir si c'est plus approprié, c'est selon ta vision des choses après tout.

Et petites questions, tu connais les tranches sur Toshop ? indispensable pour la découpe du site. C'est là que tu définiras le format de chaque tranche : .jpg, .png, .gif... et que tu influera sur le poids de la page et son chargement. Donc au-delà de ce que tu sais maintenant sur les formats tu pourras voir par toi-même le rendu de chaque tranche de la page pour ce qui est de sa qualité générale et ainsi voir ce qui te convient et ce que tu tolères en terme de rendu. Eh oué, rien de mieux que de changer les réglages et voir l'aperçu pour arriver au meilleur résultat.

As-tu une idée du nombre de pages qui le composera ?

Edit : petite édition sur une faute dans une explication...

///

///