C r é a t i o n D e S i t e s P o l C R O V A T T O
2 / 10 Avant-propos 3 Définition d'internet? 3 Fournisseur Accès Internet: FAI 4 Définition d'un site Internet 5 Site web ou site 5 Liens hypertextes 5 Hébergeur Internet, hébergement Web, sites ou espaces d'hébergement 5 Téléchargement et programme FTP 6 Un navigateur Web (browser) 6 URL 6 Pratiquement de ce qui précède et "Avec des mots" 8 Site Schéma 8 Remarques 8 Programmes utilisés pour réaliser un site sur mon PC 9 Informer les utilisateurs des mises à jour? 9 Quelques règles 10
3 / 10 Avant-propos La création d'un site Internet suscite différentes questions: 1. Qu'est-ce qu'internet? 2. Qu'est-ce qu'un site Internet? 3. Programmes utilisés pour réaliser un site sur mon PC? 4. Comment transférer ce site de mon PC vers Internet? 5. Comment créer une adresse raccourcie du type "http://www.figaro.net"? Définition d'internet? 1. Ensemble des moyens matériels et logiciels mis en œuvre pour assurer les communications entre ordinateurs au niveau mondial. 2. Dans mon schéma représentant la terre (forme ovale), les lignes courbes schématisent ce réseau mondial.
4 / 10 Fournisseur Accès Internet: FAI 1. Dans le schéma 1.1. Les FAI sont représentés par les cercles F1, F2,, Fx. 1.2. Les utilisateurs sont dénommés respectivement "Moi", Ô1, Ô2,, Ôx. 2. Un fournisseur d'accès à Internet (FAI), est un organisme (généralement une entreprise) offrant une connexion à internet. Le terme en anglais désignant un FAI est Internet Service Provider (ISP) ou Internet Access Provider (IAP). En bref, ils représentent le lien pour me permettre de me connecter à Internet. 3. Les FAI fournissent en général des services de base: 3.1. La possibilité de surfer. 3.2. Adresse(s) mail(s) avec alias. (Un alias email est une autre dénomination pour une même adresse email) 3.3. Espace d'hébergement. 3.4. Nom de domaine (éventuellement). 3.5. Autres services.
5 / 10 Définition d'un site Internet Un site se constitue de différentes pages Web reliées entre elles par des liens hypertextes. Le site initialement construit sur mon ordinateur (espace local) sera, ensuite, téléchargé grâce à un programme FTP chez un hébergeur. Grâce à un navigateur, les internautes peuvent consulter mon site dès qu'ils connaîtront l'url" de la page. Site web ou site 1. Ensemble de pages Web (pages d'informations) reliées entre elles par des liens hypertextes. 2. Ces pages démarrent par une page d'accueil ou homepage. 3. Globalement le site est créé sur mon ordinateur pour, ensuite, être transféré sur Internet afin d'être consulté. Liens hypertextes 1. Les liens hypertextes relient les pages entre elles. 2. Ces liens se réalisent à partir d'un mot, d'une expression ou d'une image. 3. Un clic sur un lien hypertexte permet d'accéder à une autre page ou à un autre emplacement au sein de la même page. Hébergeur Internet, hébergement Web, sites ou espaces d'hébergement 1. Entité fournissant un emplacement sur Internet sur lequel transférer le site créé sur votre ordinateur.
6 / 10 Téléchargement et programme FTP 1. Grâce un programme FTP (File Transfer Protocol) je peux télécharger (transférer, copier) mon site chez mon hébergeur. Un navigateur Web (browser) 1. Logiciel conçu pour surfer (consulter) sur le World Wide Web. 2. Exemples: FireFox, Internet Explorer, Google chrome, URL 1. "Uniform Ressource Locator" se traduit par "repère uniforme de ressource". 2. L'Url est également appelée adresse web et permet de mémoriser plus facilement une adresse. 3. Cette chaîne de caractères désigne l'endroit où sont stockées les informations chez votre hébergeur. Ex: "http://www.google.be", "http://www.hotmail.com", 4. Cependant, lorsque vous construisez votre site, l'adresse, à cette étape, est souvent une adresse très longue et difficile à retenir. 4.1. À titre d'exemple, voici la première adresse de mon site: "http://users.skynet.be/fa123456/..." 4.2. Pour simplifier cette adresse, je redirige celle-ci grâce à des sites de redirection Les adresses "http://www.google.be", "http://www.hotmail.com", sont donc déjà redirigées.
7 / 10 Sites de redirection 1. Ils associent à l'adresse longue une adresse plus courte et surtout plus facile à mémoriser. Exemple: Imaginons que l'utilisateur "Figaro" répertorié chez son fournisseur "Skynet" par l'identifiant "fa123456" demande à son FAI "Skynet" d'héberger son site. 1.1. L'utilisateur "Figaro" recevra ainsi, pour son site, une première adresse du type: http://users.skynet.be/fa123456/ (Long et difficile à mémoriser). 2. Une adresse de redirection comme "http://www.figaro.net" sera plus aisée à mémoriser et redirigera de façon transparente vers l'adresse http://users.skynet.be/fa123456/ 3. URL de quelques sites de redirection gratuits: "http://www.c.la"," http://www.ulimit.com", "http://www.dot.com",
8 / 10 Pratiquement de ce qui précède Je réalise d'abord mon site sur mon ordinateur et ensuite je le transfère sur Internet sur un espace d'hébergement pour le rendre consultable par les utilisateurs. Site Schéma Mon ordinateur Chez l'hébergeur (Espace Local) (Espace d'hébergement) 1. Programme de création 2. Fichier(s) (HTML, PDF, Word, ) Téléchargement Téléchargement Fichier(s) (HTML, PDF, Word, ) 3. Navigateur Remarques 1. Vous pouvez télécharger des fichiers dans tous les formats: Word, Excel, PowerPoint, des images, de l'audio ou de la vidéo, 2. Cependant, les pages web principalement au format HTML, seront directement accessibles via votre navigateur. Dans les autres cas, les fichiers seront accessibles en téléchargement. Format HTML: "Hypertext Markup Language", un des formats conçus pour "écrire" une page web. Les pages Web, au cours de nos laboratoires, sortirons dans ce format.
9 / 10 Programmes utilisés pour réaliser un site sur mon PC Programmes générateurs de fichiers au format HTML. 1. Dreamweaver 2. Frontpage 3. Editeur Html (visuel, programmation) 4. Word 5. Excel 6. PwP 7. Informer les utilisateurs des mises à jour? En les inscrivant, par exemple, sur une mailing-list (http://www.domeus.fr) permettant, grâce à une adresse unique, l'envoi du courrier à tous les membres de la liste. J'utilise cette méthode pour vous contacter (condorcet-etudiants@domeus.fr)
10 / 10 Quelques règles 1. Pas d'accentués ni de caractères spéciaux pour les noms de fichiers ou les noms de dossiers. 2. L'introduction dans une page web de photos ou d'images nécessite l'utilisation de tableaux. 3. Il existe des outils bien spécialisés pour la création de "Pages Web". Pour notre approche, nous utiliserons des outils dont l'utilisation nous est connue et probablement quotidienne comme Word, Excel, Powerpoint, Publisher, Ces outils offrent cependant moins de souplesse que les logiciels spécialisés. 4. Si vous utilisez des logiciels comme Word, PowerPoint, Publisher, Excel, certains outils accessibles, en temps normal, disparaissent lorsque l'on enregistre un fichier au format HTML. 4.1. Par exemple, en Word, la création d'en-tête et de bas de page, disparaît lorsque l'on enregistre au format HTML.