0.INTRODUCTION GENERALE A LA CREATION D’UN SITE WEB
0.1. Environnement Client Serveur
L’Internet est un réseau entier qui fait que votre ordinateur soit relier directement à de milieu d’autres à travers le monde et pas seulement à celui de votre voisins de bureau. En fait, votre ordinateur est connecté en un autre, qui est lui-même connecté à d’autre et ainsi de suite. Pour rendre les choses complexe, l’Internet est une envergure internationale. Pour chaque pays de la planète, ou presque, dispose une certaine forme d’axée à l’Internet. Depuis des années, il existaient des nombreux services permettant d’accès à l’information (FTP, TELNET, GOPHER, …). Mais aucun n’était pas simple a exploité. Pour utiliser FTP, TELNET, GOPHER, … ou d’autres service vous devriez disposer de tous les logiciels. Il faudrait savoir ensuite quel service employer. Il était devenu indispensable de trouver une solution tel que : World Wide Web (W.W.W) comme étoile d’information pour simplifier l’accès au service. Le Web a vu le jour sous forme de réseau de projet hypertexte au centre Européen de recherche Nucléaire (CERN) en 1989. Les chercheurs éprouver la nécessité de partager l’information et de documents en temps réels sur tout type d’ordinateur. Il leur fallait également trouver un moyen simple et logique de gérer ces informations. Le WWW est né de ce besoin. Le chercheur BERNERS LEE inventant le langage HTML (Hyper text Markup Language), il voulait d’une façon simple un langage d’échange de document sur le Web sous forme de documents hypertexte dans lequel certains mots ou groupe de mots servent d’accès à d’autres documents HTML, par fois situé sur d’autres site Web. Son idée était que les Balises HTML soient lisibles en clair dans un simple traitement de texte. Elles sont attachées à des fonctionnalités précises des présentations et donnent de directives des mises en forme au navigateur qui se chargent d’afficher le document.
0.1.1. Application Client Serveur
Le cadre d’exécution du WWW est basé sur le modèle client serveur. Cet architecture que l’on retrouve dans le contexte Internet, fait intervenir des applications qui communiques entre elles par le réseau.
0.1.1.1. Application Client
C’est un logiciel de consultation qui tourne sous un plate forme Windows, Linux, Unix, … et qui a comme fonction d’entrer en communication avec serveur en lui envoyant des informations requête). Le navigateur : ce sont ces applications. Le navigateur le plus connus sont :
Microsoft Internet explorer (MIE)
Netscape Navigator (NS)
Mozilla Fire fox ….
0.1.1.2. Application Serveur
Elle fournis de reponses au requête, sous forme de code HTML
Les applications du Web les plus connus sont :
Apache
IIS (Microsoft)
Si la machine cliente veut communiquer avec la machine serveur, elles doivent avoir un langage commun. Si deux clients veulent communiquer entre eux, ils doivent nécessairement passer par un ou plusieurs serveurs. L’échange des données serveur et client est possible via le protocole. Il existe de dizaine de protocole de communications par exemple (X25 SNA, …), mais l’Internet utilise le protocole TCP/IP qui regroupe lui-même plusieurs type de protocoles ( http, FTP, SMTP, NNTP, TELNET,…).
0.2. Adresse URL
Pour obtenir des informations sur le Web, vous devrez fournir une adresse descriptive appelée URL (Uniform Ressource Locator = Location du site Uniforme). L’adresse URL est utilisé par le client pour demander un document WWW pour rappel cette adresse est composée de quatre parties :
le nom du protocole qui correspond au type du serveur ( http, FTP,…)
le nom du serveur
le répertoire sur le serveur (sauf s’il est défini par défaut)
le nom du fichier (sauf s’il est défini par défaut)
Exemple:http://www.Sqp.ulb.ac.be/CUD/CUD2006/index.html
Ce cette adresse qui permet de se connecter à un site en envoyant une requête à un serveur sous un nom d’un DNS (Domain Name Server ou domaine du nom de service) ce qui est plus simple via une adresse IP (Internet Protocole). A noter que le nom du serveur ne doit pas commencer par WWW par obligation.
0.3. Langage HTML
Comme tous langage, HTML a se grand-mère qu’il faut connaître pour associer correctement le vocabulaire de mot composant le langage. HTML est un langage balises, définit par le consortium W3C (Consortium Web) qui est l’organisation chargée d’élaborée la conception concernant le Web. Actuellement on utilise la version HTML 4.0, mais aussi bien que MSIE ou NS ajoute régulièrement des extension et certaines balises normaliser par W3C ne sont pas reconnus par MSIE ou NS où sont interpréter d’une façon différentes.
0.4. Structure de l’information
Nous savons que la voix routière est jalonnée de poteaux signalant à tout instant ce que l’automobiliste doit faire rouler vite, renlentir, …). Pour chaque tronçon de voie, deux types de poteaux sont indiqués : le premier marque le débit de l’action et le second marque la fin de l’action. Cette façon d’organiser la route pourrait nous servir d’exemple pour structurer l’information. Ces poteaux routiers sont associés à des balises (en langage de balisage) tendis que la route est assimilé à celle de l’information.
0.4.1. Structure d’un document HTML
Un site est constitué de page HTML contenant de texte (format ASCII = American Standard Coded for Information Interchange), des images, du son, des clips vidéo …. relier par des liens hypertextes.
HTML est un langage normaliser qui permet de d’écrire la structure et la présentation de document dans le WWW (World Wide Web). Ces documents sont réalisés soit avec un Editeur de texte comme :
Note Pad
Texte Pad
Bloc Note ou soit des outils de développement comme Dream Weaver ou Hot Patatoes
0.4.2. Balises
Les balises sont marqueur, de jalons qui encadre des fragments des textes. Ils n’apparaissent pas dans l’affichage mais agisse sur la représentation HTML. Une balise commence par un Chevrons d’ouverture (<) et se termine par un chevron de fermeture (>). Il existe deux types des balises :la balise qui débite le contenue s’appelle la balise ouvrante <….> ; exemple : <b> ; et celle qui est à la fin s’appelle la balise fermente </…> ; exemple : </b>
Toute l’information balisée doit être dépourvu de ce symbole particulier. Pour les utiliser ont leur remplacent par leur équivalent appelé entité référentielles.
0.4.3. Un site Web
Un site web (aussi appelé site Internet par abus de langage) est un ensemble de page HTML c'est-à-dire des fichiers HTML qui sont regroupé dans un répertoire sur un serveur Web. Chaque page sera chargée et affichée par le navigateur en fonction du demande des clients. Des hyper liens permettent de changer des pages soit de changer de site, soit de rester dans la même page mais de changer le paragraphe. Quand une page sort de dimension de l’écran, des barres de défilement apparaîtront à droite et en bas de la page.
0.5. Méthode de Travail
Tout dépend si l’on utilise un outil de développement ou un éditeur de texte, mais le principe reste le même :
Ouvrir la page (outil de développement ou éditeur de texte)
Ajouter ou modifier les éléments dans la page (texte, image, son,…)
Enregistrer la page avec l’extension html
Ouvrir le navigateur
Afficher la page
Remarque : Pour des sites simple, toutes les pages se retrouvent dans le même dossier (fichier HTML, fichier son, fichier image,…) ; mais pour de site plus complexe une certaine arborescence s’impose pour des raisons évidente et elle regroupe les pages par type de fichier ou par type de dossier. Il est extrêmement important de travailler d’une façon ordonnée, cela évite de s’y perdre lorsqu’on utilise de fichier hyperliens, surtout quand le nombre de fichiers devient important et de faire de copie dossier régulièrement.
0.6. Serveur Web
Pour être accessible au monde extérieur WWW, un site doit être placé sur un serveur Web, c'est-à-dire une machine sur laquelle tourne un serveur Web qui prendra en charge les requête http. Cette machine doit bien évidemment connecté en permanence au Web et possédé des sources, pour répondre a plusieurs requêtes simultanément. Cette connexion permanente s’appelle une connexion full IP.
Côté client on passe généralement par des connexion temporaire, c'est-à-dire accès dialup-IP : une adresse IP temporaire est attribué au client au client le temps de la connexion. Pour mettre les pages sur le serveur Web, on transfert celui-ci par le LAN, lorsque le serveur est intégré soit par http, ou lorsque le serveur est à distance. Dans ce dernier cas, il faut connaître le nom de la machine et le nom du répertoire, connaître le nom de compte et le mot de passe lien à ce compte.
Généralement un serveur Web est un serveur dédicacé, c'est-à-dire qui ne sert à répondre aux différences requête qui lui parvienne, il est déconseillé de faire de développement informatique sur cette machine. la création d'un site web est un projet à part entière comprenant un grand nombre de phases:
I. Conception : représentant la formalisation de l'idée ;
II. Réalisation : correspondant au développement du site web;
III. Plubication : de la page web, se rapportant à la mise en ligne du site, de manière permanente.
I. CONCEPTION D'UN SITE WEB
La première étape de la création d'un site web consiste à définir quel sera le contenu du site et comment ce contenu sera organisé. Paradoxalement, ce n'est donc pas de votre ordinateur dont vous vous munirez en premier, mais plutôt d'un crayon et d'une feuille de papier afin de décrire votre projet. Du point de vue du contenu, vous n'avez a priori aucune contrainte de création, mais en ce qui concerne la forme il est important de savoir au préalable comment est structuré un site Web.
Que se passe-t-il donc lorsque vous "surfez" sur internet ? Vous passez de documents en documents en cliquant sur des liens. Visuellement, ces documents ressemblent beaucoup à des pages papiers; c'est pourquoi on parle de "pages web". Le principe qui permet de lier ces documents entre eux est appelé hypertexte. Créer un site web comme on la défini consiste donc à créer des pages et à les relier entre elles par des liens hypertextes placés sur des mots ou des images. Vous pouvez aussi établir des liens entre deux endroits différents d'une même page. La phase de conception consiste donc :
- A structurer votre page web (ou chacune de vos pages) en disposant les textes et les images (n'hésitez pas à faire un schéma sur une feuille de papier)
- A déterminer les liens hypertextes entre les pages et au sein de chaque page.
II. REALISATION D'UN SITE WEB
La réalisation d’un site Web nous offre deux options :
* La première la plus courageuse consiste à se plonger dans l'apprentissage du langage de programmation des sites web : le langage HTML ("HyperText Markup Language"). Cela fait, vous devrez taper directement les lignes de codes HTML dans un éditeur de texte et enregistrer le fichier au format .htm ou .html. Si le langage HTML est assez facile à apprendre, il est toutefois assez laborieux à utiliser ; créer un site attractif uniquement en tapant du code HTML est très long et fastidieux. Même les programmeurs professionnels ne procèdent pas ainsi. Rassurez-vous, vous n'aurez donc pas besoin de connaître ce langage par cœur pour créer un premier site web !
* La seconde solution de loin la plus pratique consiste à utiliser les logiciels créés exprès pour la création de pages web et qui évitent de taper soi-même le code HTML. Leur grand avantage est de fonctionner selon un principe très pratique, mais au nom barbare : le Wysiwyg ! Ce sont les initiales de "what you see is what you get", c'est-à-dire "ce que vous voyez est ce que vous obtenez ". Cela signifie que lorsqu'on travaille sur ces logiciels les pages web apparaissent à l'écran comme elles apparaîtront lorsqu'elles seront visibles sur le web. Il existe de nombreux éditeurs web comme on la bien signaler tout au début de notre livre. Certains sont payants (et souvent chers) : Front page, Dream weaver, GoLive, PageMill, etc. D'autres sont gratuits. Si ces derniers sont moins puissants, ils sont cependant tout à fait adaptés à une première création de pages web. La solution la plus pratique consiste à utiliser les logiciels qui accompagnent votre navigateur web; les deux plus célèbres étant Composé pour Netscape Communicator, et Front Page Express pour Microsoft. Dans notre cas nous avons utilisé le bloc note.
III. PUBLICATION DE VOTRE SITE
Ainsi enregistrée, votre page web est sauvegardée sur votre disque dur, mais elle n'est pas pour autant accessible aux internautes ! La dernière chose à faire est donc de publier votre page web. Pour cela, il faut la copier sur ce que l'on appelle un serveur web, c'est-à-dire un ordinateur qui stocke les fichiers informatiques constituant les sites web, et qui les rend accessibles à n'importe quel autre ordinateur de la planète via le réseau internet.
Pour trouver un serveur web, il faut vous adresser à une entreprise qui propose ce service, appelé hébergement. Le plus simple est de vous adresser à votre fournisseur d'accès à Internet. La plupart d'entre eux proposent gratuitement de l'espace disque à leurs abonnés. Mais vous pouvez également vous adresser à d'autres sociétés qui proposent le même service gratuitement ce qui a été le cas dans notre travail vue le manque de moyens (olympe-network, Tripod, Respublica, Multimania...) ; on a utilisé GD..
Le processus d'enregistrement se fait directement sur internet. La société que vous avez choisie vous fournit alors différentes informations (mot de passe, nom d'utilisateur, etc.) qui vont vous permettre de copier les fichiers de votre site sur son serveur.
Pour effectuer cette opération vous devez utiliser un logiciel de téléchargement de fichier, appelé logiciel de transfert FTP (File Transfer Protocol), qui est un protocole dédié aux transferts de fichiers (envoi et réception), vous permettant grâce à un client FTP (un programme installé sur votre ordinateur) de vous connecter à la partie du disque dur qui vous est réservée chez votre hébergeur. On citera quelques uns de ces protocoles comme le Filezilla. Dans notre cas, on a utilisé Web FTP qui est un protocole propre de votre fournisseur d'accès internet qui ne demande pas d'être téléchargé. De son côté, votre hébergeur vous aura donné l'adresse FTP de son serveur. Une fois votre page web copiée sur le serveur, elle devient accessible sur internet par le biais d'une adresse web, qui vous sera communiquée par votre hébergeur. Cette adresse, appelé URL, aura sans doute la forme suivante : http://www.serveur.com/monsite
"serveur.com" désigne le nom du serveur de la société qui héberge votre site : vous ne pouvez pas le changer. Par contre, "mon site" représente le nom que vous avez choisi de donner à votre page web. Une option "de luxe" consiste à acheter vous même votre nom de domaine, c'est-à-dire votre adresse URL. Dans ce cas, le site peut toujours être abrité chez votre hébergeur, mais l'adresse devient plus simple, donc plus facile à retenir et c'est vous qui choisissez le nom : L'inconvénient, de taille, est que cette option est payante ! Pour voir le résultat, veuillez consulter notre site web: http://jobynice.fr.gd