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
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
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.
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.
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.
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.
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", …
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
(Espace Local)
Chez l'hébergeur
(Espace d'hébergement)
1. Programme de création
2. Fichier(s)
(HTML, PDF, Word, …)
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.
Téléchargement
Téléchargement
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 ([email protected])
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.
