] [ Principes de navigation sur le web

Se déplacer d’un ordinateur vers un autre via les lignes téléphoniques. Non pas directement de votre machine vers la machine d’un autre internaute mais d’un ordinateur appelé SERVEUR vers un autre SERVEUR via votre navigateur web installé sur votre machine. C’est ce SERVEUR qui stocke votre site web et le met à disposition sur le web pour qu’il soit consultable à tout moment.

Cette navigation est à rapprocher de celle que l’on pratique sur son propre ordinateur.
navigation locale / navigation distante

fichiers / dossiers et adressage :
explorateur windows / Affichage / barre d’outils / barre d’adresses

Fichiers du web :

• pages html ou pages.php
• images: jpeg, gif ou png
• sons: mp3
• vidéos: mpeg...

Les pages html ou pages web sont les passerelles d’ordinateursSERVEUR à ordinateursSERVEUR via leur adresse ou nom de domaine de site:

format d’une adresse de site:
http://www.nom_de_domaine.extension
(définie par votre situation géographique, votre activité...)

] [ Les outils pour créer des sites web et pour naviguer sur le web

Pour naviguer :
Internet Explorer ou Mozilla Firefiox

Pour retoucher des images :
GIMP

Pour créer des pages web :
NVU ou Dreamweaver 2

(RQ: à partir d'XP Dreamweaver 2 ne fonctionne plus, de plus il n'existe pas de version de Dreamweaver 2 pour MAC . c'est pour cette raison que nous vous consellons de travailler avec NVU)

Pour envoyer vos fichiers sur le SERVEUR de votre hébergeur :
FILEZILLA

Outils gratuits sauf Internet Explorer

Ce qui coûte de l’argent c’est le contrat d’hébergement (avec la réservation annuelle du nom de domaine) sur un serveur distant de vos pages et le temps de travail sur la construction et l’animation du site une fois qu’il est fabriqué.

ex d’hébergeur :

• free.fr (gratuit)
• ovh.com (payant)
• hosteur.com (payant)

pour ne citer que les plus populaires.

hébergement lambda :
un espace disque + la réservation annuelle d’un nom de domaine.

Une fois inscrit chez un hébergeur celui-ci vous donne des codes de transfert FTP pour que vous puissiez transférer de votre machine votre site sur son serveur d’hébergement. Cette opération se fera depuis le logiciel FILEZILLA.

] [ Typologie de sites web

Un site web est un ensemble de pages web liées entre elles via des liens hypertextes.Elles sont normalement toutes reliées à une page dite d’accueil ou index qui centralise l’accès aux autres.

Une page web est composée de texte (caractères ASCII) d’images, de vidéos, d’animations...
C’est le navigateur de l’internaute qui décrypte puis affiche sur sa machine votre page web. Ainsi les typographies que vous utilisez dans votre page doivent être également installées sur l’ordinateur de l’internaute visitant votre site. Par convention on utilise un nombre restreint de typos et seulement pour écrire les textes dans une page web afin que dans le monde entier le texte puisse s’afficher correctement: au Japon, en France ou en Létonie.

La typo VERDANA est la typo par excellence du web elle fut créee pour lui. Une typographie originale d’un mot sera forcément une image.

De même le langage HTML est un langage de présentation de document universel, c’est à dire: capable d’être digéré par quasiment n’importe quelle machine dans le monde via un navigateur web quelqu’il soit.

QQ sites:
Nous permettent de voir ce qu’il se fait en matière de navigation, de mise en page de l’information, de services en ligne...
Ainsi que les types de média entrant en jeu pour les «mise en page» : html pour les pages et jpeg, gif et png pour les images
Et les types de documents pouvant être échangés: le format pdf règne ici en maître, mais beaucoup d’autres sont possibles.

sites de commerce:
www.rueducommerce.com
www.fnac.com

www.soleilnoir.fr/
www.morpheo.fr/
www.punishermovie.com/

sites culturels:
www.rurart.org
www.ecrans.fr

sites institutionnels:
www.impots.gouv.fr
www.service-public.fr/

] [ Synthèse et schémas

Besoin en matériel :

• 1 ordinateur branché via un modem à ma ligne téléphonique
• paiement d'un abonnement à un fournisseur d'accès internet
• un logiciel installé sur mon ordinateur appelé: navigateur web (Internet Explorer ou Mozilla Firefox...)

Navigation schématique