[Tutoriels] Un site web ? C'est quoi ça ?

par x¢яαzуzz Sam 3 Avr - 22:04

I - Introduction :

A chaque fois que vous aller sur internet vous visiter différents site web. Vous ne vous êtes jamais arrêter deux secondes pour vous demander comment faire ça. La plupart d'entre vous utiliser un forum de type forumactif ou encore xooit. C'est la facilité et les meilleurs possibilité pour les personnes qui ne connaisse pas la programmation web. Comme vous j'ai commencé comme ceci. Mais je me suis poser cette question. Et au fur et a mesure j'ai pris des cours (Et oui, c'est toujours le même problème ! Very Happy

), ne vous inquiéter pas je n'est pas mis les pieds dans une école d'informatique, juste internet m'a aidé (encore lui !). Aujourd'hui je suis capable de coder un site internet proprement. Je ne suis pas expert, mais j'évolue au fur et a mesure des mes créations.

II - L'avant première :

La création d'un site web est un projet à part entière comprenant un grand nombre de phases :

- Conception, représentant la formalisation de l'idée ;
- Réalisation, correspondant au développement du site web ;
- Hébergement, se rapportant à la mise en ligne du site, de manière permanente.

III - En bref :

Le web est composé de pages web stockées sur des serveurs web, c'est-à-dire des machines connectées à Internet en permanence et chargées de fournir les pages web demandées. Chacune des pages web, et plus généralement toute ressource en ligne (image, vidéo, musique, animation, etc.), est repérée par une adresse unique appelée URL.

Le navigateur est le logiciel client capable d'interroger les serveurs web, d'exploiter leurs résultats et de mettre en page les informations.

Parmi les principaux navigateurs utilisés sur Internet, citons notamment les suivants :

* Mozilla Firefox,
* Microsoft Internet Explorer,
* Netscape Navigator,
* Safari.

Pour afficher une page d'un site internet on fait appel a différent langages. Les plus courant sont le HTML, Le CSS, Le JAVAscript, et le PHP.

IV - Le HTML :

C'est celui avec lequel vous taperez le contenu de votre site web. Il contient des informations logiques : vous direz par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc... "

Pour écrire une page web, on doit commencer par ce langage. On procèdera comme ceci.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Bienvenue sur mon site !</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> </body> </html>

Le HTML permet donc de structurer sa page.

V - Le CSS :

Le css sert a mettre des couleurs et de la clarté dans une page.
C'est le design si vous préférer :

Il se trouve sous cette forme :

Code:: body { background:url(images/body_bg.gif) repeat-x #FFFFFF; font-family:Arial; font-size:100%; color:#000000; }

Je ne m'arrête pas sur le fonctionnement de mes balises. Il y a des tuto très bien fait pour cela. Je vous juste vous faire découvrir un univers, pas vous l'apprendre.

Je mettrais ce post a jour, et je le complèterais au fur et à mesure

par xt4gu3lx Jeu 12 Aoû - 13:08

Juste pour rajouter que cette ligne n'est plus au jour:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Il vaut mieux mettre un transitional:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

par x¢яαzуzz Jeu 12 Aoû - 14:35

xt4gu3lx a écrit:Juste pour rajouter que cette ligne n'est plus au jour:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Il vaut mieux mettre un transitional:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Non.

Le doctype va en fonction du créateur. Et de sa méthode de codage. Les deux sont correct, tous dépend ensuite du projet.

par Contenu sponsorisé

[Tutoriels] Un site web ? C'est quoi ça ?

[Tutoriels] Un site web ? C'est quoi ça ?

Re: [Tutoriels] Un site web ? C'est quoi ça ?

Re: [Tutoriels] Un site web ? C'est quoi ça ?

Re: [Tutoriels] Un site web ? C'est quoi ça ?