page précédentepage précédente

COMMENT CRÉER UNE PAGE WEB ?

 

 

 

I. La question préalable que l'on se pose : écrit-on des pages web ou bien un site web ?

Un site Internet est constitué de documents mis en pages reliées entre elles par hyperlien, ce qui facilite la navigation (ou le surf) ; ne pas confondre avec le blog.

 

 

II. Plusieurs options sont à prendre en compte :

 

Ellipse: 1. Il s'agit de projet :
* professionnel
* personnel
* associatif
Ellipse: 2. Il faut considérer :
•	les droits d'auteurs 
•	la nétiquette
•	la charte de travail (CNIL)
 

 

 

 

 

 

 

 

 

 

 

 

 

 


III. Cinq grands domaines importants sont à discerner :

 

Cube: UTILITAIRES
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


logiciel spécialisé (dédié) pour chaque type de document

 

¨     La base est constituée d'un logiciel de traitement de textes, comme Notepad, Wordpad ou Editpad, donc en *.txt, un fichier texte . (1)

 

¨      Faire attention aux balises et chevrons marquant le début <…> et la fin </…> :  (2)

                        <head> … </head>                 <body> … </body>

 

                                   <title> … </title>                     <html> … </html>

 

¨      Nous aurons affaire à un fichier spécial qui possède une extension en : *.htm ou bien en : *.html  montrant l'origine d'un travail typique sur le web . (3)

 

¨      Les fichiers d'installation ont le libellé  <setup.exe> , <install.exe> ou <instal.exe> permettant une installation automatique de logiciels sur le disque dur, dont vous choisirez le répertoire d'installation. (4)

 


 

 

¨      Un ÉDITEUR est nécessaire pour créer plus aisément de tels fichiers mais un NAVIGATEUR est obligatoire pour visualiser ces fichiers . (5)

 

¨      Il faut réfléchir à son organigramme, c'est à dire à l'enchaînement des documents : textes, images, sons, tableaux importants, récapitulatifs fondamentaux …et leur hiérarchie dans les pages. (6)

 

¨      On évitera les cadres ou frames, qui prennent beaucoup de place et dans la majorité des cas sont bien encombrants dans la vision d'un écran. Préférer les rappels en début et fin d'écran, voire en cours de route, signalés par une flèche ou une icône, voire une petite barre de menus horizontale. (7)

 

¨      Garder tout au long de ses pages la même symbolique : expliquons nous. Les petites icônes doivent faciliter le chemin de l'internaute à travers le site qu'il visite. Donc, il faut que les dessins, schémas ou figurines soient absolument identiques tout au long des pages, aient constamment la même signification où que l'on se trouve ! (8)

 

¨      La couleur joue aussi un très grand rôle mais elle agrémente la lecture, attire l'attention, accroît la convivialité et en conséquence doit demeurer assez douce ; éviter une agressivité trop grande ou bien un choix trop pénible, le fond clair demande une écriture foncée, l'arrière plan foncé exige un texte clair. Rien n'est plus exaspérant qu'un document illisible ou peu visible !!! (9)

 

¨      Les ¢ images sur la toile sont uniquement visibles si elles sont en GIF *.gif, en JPEG *.jpg ou en PING *.png .
Une image en *.gif est nette, peut devenir transparente - le fond de l'image se confond avec l'arrière plan de la page - et souvent sur le net s'anime joliment. De plus, elle ne peut dépasser les 256 couleurs.
Une image en *.jpg est moins nette et précise que la précédente mais elle prend beaucoup moins de place ! Elle se compresse davantage et se retrouve donc fréquemment sur le web pour les photographies.
La nouvelle venue en *.png est fort belle mais un peu lourde sur la toile.  (10)

 

¨      Posséder un logiciel de graphisme est indispensable, comme PSP (Paint Shop Pro), Photorécit ou PhotoFiltre (gratuits), afin de transformer une image *.bmp ou *.tif en *.gif ou *.jpg par exemple. La transparence s'opère certes sur les éditeurs comme Front Page ou Web Editor mais PSP demeure la référence : corriger une ombre, changer la couleur de fond, écrire un texte sur une image … devient un jeu d'enfant. L'ancienne version 4 est un shareware mais malheureusement les suivantes sont devenues commerciales. Les versions de PhotoFiltre, Xnview, IrfanView, Faststone sont, elles, gratuites. (11)

 

¨      Ne pas oublier les nouvelles versions de WORD (à partir de Word 2000) qui comprennent un module en html, sauvegardant à la demande un document *.doc en *.html . Quelques rectifications sont bien entendu à opérer par la suite mais l'ensemble, notamment les dessins et graphiques, est bien rendu en fichier web, et nous facilite la tâche. Il en est de même avec Publisher mais cette fois-ci l'opération est en général moins concluante. (12)

 

¨      Nous préconisons de ne pas utiliser musique et vidéo. La raison est bien simple : ces fichiers ° *.wav, *.mid, *.avi et autres mpeg4… occupent une place énorme et en outre le temps de les télécharger fait fuir très vite le lecteur internaute. Par conséquent, mieux vaut s'abstenir. Toutefois, si l'envie vous démange, utiliser les fichiers en *.mp3 peu dévoreurs mais attention aux droits d'auteurs !!! (13)

 

¨      Nous recommandons de se constituer une banque de données : sons, images, boutons, flèches, signes, symboles … à portée de souris dans un cédérom. Ainsi, l'on pourra changer sans gêne. D'ailleurs, il serait judicieux de recopier sur un cédérom les pages ainsi créées ainsi que les autres documents mis au point après un temps passé infini ! Gare aux effacements, attention aux pertes de données ! Ce serait une sage précaution !!!!!  Notre cédérom offre au collègue un dossier <média> assez conséquent ! (14)

 


 

¨      Quant au texte écrit, le problème reste le choix de la police. Se souvenir d'un seul critère d'importance : la toile est mondiale, tout le monde le sait, mais beaucoup ignorent que l'internaute ne possède pas toujours toutes les polices d'écriture dans sa machine, il ne pourra pas lire les pages écrites avec une police peu connue ou trop particulière. Nous conseillons de n'utiliser que les polices les plus répandues de par le monde informatique : ARIAL, TIMES NEW ROMAN, COURRIER, MS SANS SERIF, VERDANA. Les polices plus marquées internet comme webdings, wingdings, symbol ne sont pas à exclure mais doivent rester bien définies à certains endroits ; les navigateurs IExplorer les lit sans ennui mais Firefox ou Opéra éprouvent quelque difficulté, pour ne citer qu'une petite divergence. (15)

 

 

¨      Si l'image est, nous l'avons déjà vu, un élément capital dans un site web pour agrémenter nos pages, le scanner est un appareil irremplaçable pour obtenir nos propres productions graphiques. Les appareils facilitent la démarche car ils utilisent le procédé Twain qui permet la liaison automatique entre l'image scannée et votre ordinateur, d'autant plus que vous possédez un logiciel de graphisme, type Paint Shop Pro ou PhotoFiltre, voire Xnview, IrfanView, Faststone. (16)

 

 

¨      Un appareil photo numérique donne aussi une vision réelle des choses. Il utilise la technique de la carte Flah qui devient en quelque sorte un mini-disque dur, de 16 à 38 Mo de mémoire, interchangeable et surtout effaçable à volonté, une fois les images chargées dans votre machine ! Une batterie à disposition agrémente le transport . Un lecteur de cartes se trouve maintenant souvent d’origine dans l’ordinateur, bureau comme portable.

À présent la clé USB qui peut contenir jusqu’à 14 Go, devient le disque externe favori, car elle ne prend pas de place et se branche sans intermédiaire directement sur l’ordinateur. (17)

 

 

¨      Un dernier mot : une fois le site web pensé et prêt au téléchargement, se pose la question du comment :
 la seule façon de faire migrer votre site sur la toile, vers le serveur de votre FAI, consiste à utiliser un logiciel FTP qui facilite le passage des données à partir de votre ordinateur jusqu’au serveur ; nous penchons pour Fotofiltre (gratuit) ou bien Totalcommander. Mais on doit alors posséder les codes d’accès délivrés précisément par le FAI : nom d’hôte, login et mot de passe. Si vous avez un prestataire, vous aurez sans problème la permission de créer votre site internet ; il suffit de le demander, en général directement sur la toile. Osons avouer que chez Free vous pouvez aller jusqu’à 10 Go de données dans votre site web.

 

 

 

 

En conclusion :

 

            L’essentiel est de bien configurer son architecture, c’est à dire la structure interne de son site et de ses pages. Ne pas hésiter surtout à prendre le crayon papier et la gomme pour schématiser les diverses rubriques avec cadres et flèches avant de passer à la création proprement dite.

L’éditeur de pages web est à recommander fortement, afin de ne pas trop perdre de temps dans la rédaction de textes et de scripts ; il nous vient en aide très aisément : Kompozer (Mozilla) est le grand éditeur actuel en libre accès (open source). Si vous passez au payant, Namo Web Editor est beaucoup moins complexe de Dreamveawer le grand programme des pros.

La toile mondiale vous donnera un grand nombre de didacticiels en vue de l’élaboration d’un site internet. N’hésitez pas une seconde !

 

 

Vous pouvez regarder la fiche récapitulative <synoptique.doc> qui montre l’essentiel des données à connaître pour un site internet.

 

Les pages suivantes vous éclaireront peut-être davantage.


LE SITE WEB : où ? comment ?

8 Il convient de prendre papier et crayon pour construire le PLAN du site, concevoir les pages d'accueil, le départ, le début .

8 La page d'accueil général ou page de démarrage du site est fondamentale ! Cette page ("homepage") donne les indications pour trouver et retrouver son chemin dans les pages web, personnelles ou officielles, le sommaire des répertoires, la liste des principaux chapîtres.

8 Les éléments qui jalonnent les pages sont pris en compte par des mini-logiciels spécifiques obligatoires pour chaque opération :

FAI

LOGICIELS

Académie de Grenoble et autre …

Mise en route (navigateurs)

Mise en page (éditeurs)

Mise en ligne (FTP téléchargement)

Images et graphisme

Vidéo et télévision

Musique et sons

Webcam

Blog

Neuf/Club Internet

Orange/Wanadoo

Télé 2

Free

Alice/Tiscali

AOL (propriétaire !!!)

Carré corné: PAGE D'ACCUEIL (sommaire)
décor	texte	image	pages multiples	communication	sons
arrière plan	*.htm	*.gif	tableaux	e-mail (mél)	*.wav
couleurs	*.html	*.jpg	listes	chat	*.mid
fond	polices	flèches	formulaires	formulaires (questionnaires)	*.mp3
forme	caractères spéciaux	boutons		recherches – statistiques	Vidéo
	symboles		livre d’or	*.avi *.mpeg4
Hyperliens
… retour, vers, retrouver, sommaire, index, plan, lexique …

Explosion 1: ANTIVIRUS

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Adresses        en externet  ð autres sites

 

Liens              en intranet  ð pages internes

 

Rectangle à coins arrondis: agrandissement # réduction
texte
image
site web
Images                       boutons

Flèche droite rayée: commandes                                   flèches

                                   dessins

                                   cliparts

                                   wordart

                                   icônes

                                   image map (mappée)

 

Texte              infobulle/fenêtre pop up

                        tableau/cadre

                        commande en *.exe

                        document annexe compressé en *.zip/ *.rar/ *.ace - en autodécompactible *.exe

Octogone:  -"chat" (espace de conversation en direct)
- forum de discussions (en différé) ("news")
- liste de diffusion ("mailing"), de discussion
- courrier électronique ("mél") avec document joint
- livre d’or
- questionnaire (formulaire)
                        formulaire/suggestion/réponse à donner/forum

 

Durée de chargement (images, liens web)

            de connexion (sites web, liens html)

            de téléchargement (logiciels, programmes)

 

Actions diverses

 

[Son, vidéo] très gourmands en place ! S’en méfier !


 

TABLEAU SYNOPTIQUE

Ruban courbé vers le bas: PAGE D'ACCUEIL
Soleil: éléments compressés
en *.zip, en *.rar
Rectangle à quatre flèches: mini-logicielsSoleil: éléments compressés
en *.zip, en *.rar
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 


IV. Ne pas confondre :

 

 

: Un fichier internet " site web  Æ Â pages sur internet :

http://cybernet.free.fr/

http://cyberrail.free.fr/index.htm

 

: Un fichier mél ou e-mail œ messagerie  Æ š courrier électronique :
ffmf.rhonealpes@free.fr

cybergerm@free.fr

 

 

 

Entreprises u

Types q

Microsoft IE

Netscape N

Opéra OP

Mozilla MOZ

Navigateur

IExplorer

Navigator

Opéra

Firefox

Editeur

Frontpage Express
[Frontpage *]

Composer

 

(NVU) Kompozer

Messagerie

Outlook Express
[Outlook *]

Messenger

Opéra Mail

Thunderbird

* = logiciel externe et payant

 

 

 

 

Entreprises u

Types q

Dreamweaver

Namo

Eudora

Pégasus

Clients FTP

Éditeur

Dreamweaver *

Namo Webeditor *

 

 

 

Messagerie

 

 

Eudora

Pégasus Mail

 

Téléchargement

 

 

 

 

FTP Expert *

CuteFTP *

FTP 2000

WS_FTP

Filezilla

TotalCommander

* = logiciel commercial - la version en shareware dure 30 jours - Les versions anciennes sont souvent illimitées

 

 

 

 

Le CD-ROM ³«CYBERNAUTE» ³ offre au grand public une variété assez grande de programmes freeware ou shareware, pour lui venir en aide dans l'élaboration de pages web. Demandez le au Cybernet.

 


 

V. Les possibilités offertes sur internet :

 

9.  la clé USB ou la sauvegarde en un minimum de place

10.   liaison internet par ADSL, câble, ou satellite, voire CPL

 

VI. Fabriquer une page web

 

ö On réfléchira à la contexture, l'emboîtement, la hiérarchie des documents.

ö On constituera un projet bien défini et structuré, comprenant différents répertoires bien classés, donnant ainsi la trame du site et la liaison des divers fichiers.

ö On créera un fichier de départ imposé, qui sera la page de présentation du site, où tous les liens seront rattachés ; ce fichier spécial - page d'accueil - est souvent nommé :

 

*.htm (obligatoire pour un CD-ROM)

 

*.html

 
                               index                   

                   default                  depart

                   home                    accueil

                   main                    


 

VII. RÈGLES ABSOLUES de TRAVAIL sur le WEB dans les sources écrites

 

Règle n° 1 = jamais de majuscules en général. Placer celles qui existent car c'est une différence marquée évidente : deux mots semblables par exemple <dupontm> mais <Dupontm> . Pas plus de 8 caractères 2 à la suite dans un nom de répertoire ou de fichier, chiffres et lettres acceptés : <annonceB.htm>, <liberte1.txt>, <logiciel.doc>, <associat.jpg>, config1.bmp> … .

 

Règle n° 2 = pas de ponctuation hormis le point !

- Ni virgule, ni point-virgule !

- Les signes d'interrogation ? et d'exclamation ! n'apparaissent pas pour le public dans les URL .

- Jamais d'accent graphique à la française : <eleve.txt> par exemple .

 

Règle n° 3 = faire la différence entre le zéro et la lettre o ;

on écrit le chiffre 0 marqué en manuscrit Ø [ALT + 0216] mais la lettre O ; et au clavier sur le pavé numérique le chiffre 0 à droite, mais sur la lettre O majuscule au centre (entre le I et le P) .

6

-

 

8

_

 
 


Règle n° 4 = le tiret s'effectue par la touche 6 minuscule, l'espace par le underscore
la touche 8 minuscule, marqué en manuscrit par un tiret inversé
V .
Attention! Jamais d'espace non marqué avec la barre d'espace! La machine ne
comprendra pas et s'arrêtera : <lecompte> ou <le_compte> mais pas <le compte> !!! .

 

8

_  \

 
Règle n° 5 = le slash pour le web se trouve sur le pavé numérique en haut / , alors que l'antislah est réservé au Dos \ [ALT GR + 8]

 

0

à  @

 
Règle n° 6 = la lettre célèbre arobase  @  s'obtient par ALT GR + 0 en haut du clavier dans la ligne des nombres mais aussi par ALT + 064 .

 

 

 

Règle n° 7 = des touches de raccourcis sont à connaître pour accélérer les commandes (voir pages suivantes).

 

Règle n° 8 = Il faut se rappeler absolument son code d'accès ! Il est composé de deux éléments:           un login  +  un mot de passe   dans Altaïr, Harp, l'académie, le FAI, le FTP ….

 

Règle n° 9 = L'accès à internet passe obligatoirement par un fournisseur d'accès .

 

La page suivante montre une palette de FAI mais ne pas oublier que l'essentiel est de donner un débit soutenu assuré 24h sur 24h et d'éviter la saturation aux heures de grand clic ! La gratuité a ses limites (voir plus loin) . Le FAI donne l'accès au FTP pour les téléchargements.

 

Règle n° 10 = Choisir les moteurs de recherche, les portails, les métamoteurs!

 


 

VIII. LES FAI

Le rectorat pour les professeurs,

un FAI payant : Neuf, Tele2, Alice, Numéricâble, AOL, Orange, Free …

 
 


 

Le FAI permet de se connecter à un serveur qui transmet les données vers la toile mondiale. Créer un site exige donc non seulement la mise en place sur son disque dur local des pages préparées mais aussi le passage obligé vers le serveur de ces pages, avec adresse imposée et code d'accès livrés par le FAI : c'est ce que l'on nomme le téléchargement par FTP ; pour les enseignants c'est le rectorat académique.

 

 

 

 

 

 

 

 

SITE LOCAL

 
Ellipse: code
FTP
d'accès
Organigramme : Bande perforée: vers le NET
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 LES FAI

FAI

Abonnement

Communications

Forfait = abonnement

+ communications

ADSL câble

satellite

Pages personnelles

Payant

Neuf/Club-Internet

Wanadoo

AOL

Tiscali

Forfait
Orange/Wanadoo

Neuf/Club-Internet

Orange/Wanadoo

Tiscali

 

AOL

Neuf/Club-Internet

Orange/Wanadoo

Tiscali

 

AOL

Oui

50 - 100 Mo ;

certains 10 Go

_____________

50 Mo acad Gre

_____________

 

le reste

50 - 100 Mo

jusqu’à 10 Go pour Free

 

 

Gratuit

Académie de Grenoble
uniquement pour les établissements scolaires !

Rien

 

Payant
selon
les options
choisies

 

Free

Freesurf

Worldonline

Tiscali


 

IX. RACCOURCIS CLAVIER

Les raccourcis suivants permettent de travailler plus rapidement sur le clavier en lieu et place de la souris

CTRL + ECHAP

liste des tâches (menu Démarrer)

ALT + ECHAP

application suivante

ALT + TAB

application précédente

IMPR

copie dans le presse-papiers

ALT + IMPR

copie l’image de la fenêtre active dans le presse-papiers

ALT + ESPACE

ouvrir le menu système d’une application

ECHAP

annule la dernière opération

ALT + F4

quitter une application, fermer la fenêtre sans exécution

CTRL + F4

fermer une fenêtre active

 

CTRL + TAB

se déplacer entre les fenêtres de groupe

CTRL + F6

CTRL + F4

fermer la fenêtre de groupe

MAJ + F4

affichage vertical (en mosaïque)

MAJ + F5

affichage horizontal (en cascade)

 

F6

clore une saisie dans un fichier BATCH [^Z]

lancer Windows + MAJ

Windows se lance sans le fichier de démarrage

F1

AIDE

MAJ + F1

aide à une commande spécifique

TAB

se déplacer d’une option à l’autre

MAJ + TAB

se déplacer d’une option à l’autre, en sens inverse

ALT + â

ouvrir une liste

 

CTRL + MAJ

nouveau paragraphe (Works, Word)

CTRL + ENTR

nouvelle page (Works, Word)

ALT + ENTR

affiche les propriétés

MAJ + SUPPR

CTRL + X

supprimer le texte sélectionné et le placer dans le presse-papiers

MAJ + INSER

CTRL + C

copier le texte dans le presse-papiers

CTRL + INSER

coller le texte du presse-papiers dans la fenêtre active

CTRL + V

ALT + ß

annule la dernière modification

CTRL + Z

F 8

Menu de démarrage sous Windows : mode sans échec notamment



Sur les nouveaux claviers Windows à 105 touches (de part et d'autre de la touche espace)

 

Touche Windows ÿ

menu Démarrer

Touche Windows ÿ + E

explorateur

Touche Windows ÿ + Pause

panneau des propriétés

Touche Windows ÿ + M

réduction des fenêtres

Touche clic droit 3

menu du clic droit

 

 

 

CTRL + x = couper un document

 

CTRL + c = copier un document

 

CTRL + v = coller un document

 

CTRL + a = sélectionner un document

CTRL + o = ouvrir un document

 

CTRL + s = enregistrer un document

 

CTRL + p = imprimer un document

 

CTRL + n = nouveau document

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Notes supplémentaires :

 

 

 

 


 

 

 

 

+ + + + TOUCHES CLAVIER fréquentes en FRANÇAIS

 

½               ALT + 0189

ALT + 0201 = É

ALT + 0192 = À

¼              ALT + 0188

ALT + 0200 = È

ALT + 0171 = «

ALT + 0199 = Ç

ALT + 0147 =

ALT + 0187 = »

ALT + 0202 = Ê

ALT + 0148 =

ALT + 0196 = Ä

ALT + 0194 = Â

ALT + 0125 = }

ALT + 0203 = Ë

ALT + 064 = @

ALT + 0123 = {

ALT + 0216 = Ø

ALT GR + E = (symbole de l'euro) --- la touche est automatisée avec le clavier windows

 

Ne pas confondre :      le moins :  -                 tiret court :                cadratin :               l'underscore :  _

                                   6 minuscule                  ALT + 0150                ALT + 0151                8 minuscule

 

 

 

 

 

 

Ø Ø Ø TOUCHES CLAVIER pour l'ALLEMAND

 

ALT + 0196 = Ä

ALT + 0214 = Ö

ALT + 0220 = Ü

ALT + 0228 = ä

ALT + 0246 = ö

ALT + 0252 = ü

ALT + 0223    ALT + 225 = ß

ALT + 0235 = ë

 

 

 

 

 

Ø Ø Ø TOUCHES CLAVIER pour l'ESPAGNOL

 

ALT + 0241    ñ

ALT + 0225    á

ALT + 0250    ú

ALT + 0209    Ñ

ALT + 0193    Á

ALT + 0218    Ú

ALT + 0243    ó

ALT + 0237    í

ALT + 0191    ¿

ALT + 0211    Ó

ALT + 0205    Í

ALT + 0161    ¡

 

 

 


 

X. Pour la création des pages web …

 

Ì Ì Ì Ì Ì Ì Ì Ì On choisira les éditeurs gratuits, livrés en série avec les plus connus des navigateurs mondiaux : IExplorer [IE], Kompozer [MOZ], Opéra [OP] et Netscape [N] ce dernier en perte de vitesse, à savoir : (1)

                                               Frontpage Express (IE) et  Composer (N)

 

 

 

Ellipse: ENREGISTREMENTEMENT
 

 


 

 

 

On peut également prendre Opéra (OP), logiciel gratuit maintenant, en français et moins lourd que les deux précédents :

 


 

 

 

Le meilleur à l’heure actuelle est sans doute Kompozer (MOZ) de Mozilla, qui remplace l’ancien NVU :

 

 


 

 

Ì Ì Ì Les modalités sont presque identiques, les icônes semblables mais certaines actions ne passent pas avec le premier (IE clignotement) ou le troisième (MOZ active X, ) . Dans l'ensemble nous obtenons la même chose . (2)

 

Ì Ì Ì Ne pas oublier de sauvegarder toutes les 4 à 5 minutes !!!!! Il faut bien configurer les pages et utiliser sans entrave  l'Aperçu avant impression . (3)

 

Ì Ì Ì Créer le fond d'écran ou arrière plan comme image en *.jpg ou en *.gif . (4)

 

Ì Ì Ì Les images ne peuvent exister dans un fichier web que dans les formats gif (animé ou non, voire transparent) avec extension en *.gif , et jpeg avec l'extension en *.jpg . Cette dernière est moins lourde mais moins précise car compactée que le gif ; néanmoins ces deux seuls types d'images facilitent le téléchargement des fichiers vers le serveur ; ne pas dépasser tout de même les 500 Ko. (5)

 

Ì Ì Ì Ne pas oublier aussi que le téléchargement s'effectue automatiquement dès qu'un fichier se trouve avec l'extension  *.zip, *.exe, *.rar , preuve d'un compactage de données, car le navigateur ne peut lire de tels fichiers très fréquents sur le web. Le conseil est donc de les télécharger dans un répertoire adéquat nommé  \copie ou \telecharg par exemple . …

À ce propos, condition sine qua non, la présence dans sa machine des programmes que sont les compacteurs (type PKZIP, WINZIP, 7Zip) et les logiciels de graphisme [type Paint Shop Pro ou AcdSee (payants), PhotoFiltre, Xnview,  (gratuits)], est obligatoire car ils effectuent de façon entièrement automatique les opérations à partir de fichiers zippés [en *.zip, *rar] et d'images [en *.tif, *.gif, *.jpg, *.bmp] . (6)

 

Ì Ì Ì Le fichier texte  – à la base du web – se transforme en fichier web avec l'extension *.htm ou *.html . Aller simplement regarder le code source Affichage/HTML  (IE) ou Affichage/Source de la page  (N), Code source de la page (MOZ) . (7)

 

Ì Ì Ì Il en est ainsi pour les sons et les vidéos très gourmands en place, donc longs à télécharger et de la sorte peu pratiques pour le néophyte . A éviter! Mais c'est possible, surtout si l'on possède une machine puissante . Essayer toujours le mp3 et MPEG4 . (8)

 

Ì Ì Ì Les liens sont importants dans les pages web, car ils font aller l'internaute de page en page, de document en document ; il peut surfer à l'infini, c'est ce qui s'appelle naviguer dans l'interactivité . Il convient par conséquent d'y prêter grande attention. Ces liens doivent être actifs mais faciles à repérer par le webmestre, oui, le concepteur de ces pages web . (9)

 

Ì Ì Ì Un lien correct transforme le curseur de la souris 8  en une main N , sinon rien ne se passe au passage de votre animal ! En règle générale, l'élément est souligné et de couleur bleu . Le signet – annoncé par un dièse # dans le code source – montre l'emplacement du lien dans la page . Lire l'onglet HTML dans les logiciels éditeurs pour se rendre compte du codage . (10)

 

Ì Ì Ì On peut ajouter à l'élément, sur une image en particulier, une infobulle, c'est à dire une petite explication ajoutée dans un cadre quand la souris glisse par dessus sans cliquer .(11)

 


 

Ì Ì Ì Les plus avancés présenteront un formulaire afin d'engager le dialogue avec leurs lecteurs, les incitant à répondre à des questions ou bien à demander leur avis . (12)

 

Ì Ì Ì Pour effectuer des recherches dans le monde de l'internet, rien n'est plus pratique que le métamoteur de recherche, qui à votre place et pour peu que vous lui ayez bien indiqué les mots clés importants, vous donne des références de sites, de liens, d'adresses web . Le seul danger est de choisir à bon escient ! Car on trouve de tout !!!! Par ailleurs, un aspirateur (Mémoweb, WinHTTrack gratuit) rapatrie un site en entier sur le disque dur (13)

 

Tout le monde connaît COPERNIC le métamoteur de recherche. C'est fort bien mais il est plus aisé d'en voir d'autres pour une recherche plus fine, chacun étant plus spécialisé :

Métamoteurs en français = Debriefing - metacrawler - Savvvysearch - Find-It - Dogpile - Locate - Ariane - Métacherche - Copernic - Moteurs - Google --- Références - Searchopolis - cybertrouvetout (moteurs de recherche)

 

 

ANNUAIRES et MOTEURS de RECHERCHE (13)

 

 

lycos A http://www.lycos.fr/

excite A http://www.excite.fr/

yahoo ! France A http://www.yahoo.fr/

ecila A http://www.ecila.fr/

voila A http://www.voila.fr/

Euroseek A http://www.euroseek.net/

carrefour A http://www.carrefour.net/

Ctrouvé A http://www.ctrouve.com/

google A http://www.google.fr/

msn A http://www.msn.fr/

franco moteur A http://www.franco-moteur.com/

ifrance A http://www.ifrance.com/

nomade A http://www.nomade.fr/

Francité A http://www.francite.com/

Biblionet A http://minotaure.bibliopolis.fr/

altavista fr A http://www.altavista.fr/

Bonweb A http://www.bonweb.com/

dénicheur A http://www.microapp.com/

sharelook A http://www.sharelook.fr/

hotbot A http://www.hotbot.fr/

 

 

Pour télécharger utile et gratuit !

 

 

anshare A http://www.anshare.com/

annuaire du shareware

free A http://chaines.free.fr/download/

applications pour Mac, PC, Linux

Freegaia A http://www.freegaia.com/fontoplanet/

polices de caractères

Freelang A http://www.freelang.com/

dictionnaires de langues

Gratissimo A http://www.gratissimo.com/

les meilleurs sites gratuits

le gratuit A http://www.legratuit.com/

le gratuit sur internet

Télécharger A http://www.telecharger.com/

pour tout télécharger

tout gratuit A http://www.toutgratuit.com/

cartes postales, fonds d'écran, MP3

 

Les sites 01net, clubic, framasoft fournissent avec commentaires les versions les plus récentes des logiciels, dans la rubrique ‘Télécharger’.

 


 

GRATUITS en français = le gratuit - gratuit org - le gratuit com - webgratuit - tou pour kedal - tout gratuit - le journal du gratuit - logs - gratuciel - le gratuit du Net - Webhome (le gratuit du web) - C gratuit - du gratuit en ligne - le Net gratuit - actif web - le web gratuit - le gratis

 

SHAREWARES en français = windows95 - shareware - adminet - anshare - télécharger com - télécharger fr - hardware - zone shareware - expert-fr - sharewares et freewares  - pc astuces

Certains portails font office de moteurs de recherche mais ne sont pas aussi souvent complets.

 

Ì Ì Ì Le contenu du site doit apparaître au premier abord, dès le premier clic et en conséquence la page d'accueil revêt une importance primordiale. On peut y glisser des cadres ou frames, voire des tableaux pour mieux structurer l'ensemble. L'emploi de ces derniers est préférable car ils ne dévorent pas de l'espace contrairement aux frames. (13)

 

Ì Ì Ì Un rappel à cette première page s'impose au visiteur, à celui qui est perdu ou bien encore novice, et le sommaire visible au début comme à la fin de la page est indispensable ; des petits repères graphiques (boutons ou flèches) dirigent l'internaute dans le dédale du site, lui donnent un point de repère permanent. (14)

 

Ì Ì Ì Images, boutons, symboles agrémentent la lecture, sans oublier les hypermots en faisant référence à d'autres connexions, dirigent le lecteur à travers la toile mondiale. (15)

 

Ì Ì Ì La communication semble devenir le maître mot de nos jours. Que votre adresse électronique soit aussi présente dans vos pages, pour vous contacter si besoin est ; un e-mail (“mél”) mis en place automatiquement facilite la prise de contact et la communication n'en sera que plus aisée, surtout si elle est renforcée par une animation (fichier *.gif) . (16)

 

Ì Ì Ì Une mise à jour régulière, marquée en fin de page par exemple, fidélise votre auditoire, il se rend compte de l'actualisation des données. (17)

 

Ì Ì Ì La nétiquette se sera point négligée ! Elle force l'auteur des pages à respecter la charte de bienséances, à répondre au courrier, infirmant ou confirmant demande, autorisation, renseignement…, une signature sera placée éventuellement à la fin des messages. (18)

 

Ì Ì Ì Enfin, se faire connaître, référencer son site, montrer ses pages web devient vite indispensable et la judicieuse répartition de mots clés, de termes adéquats vous rendra moins anonyme, vous rendra peut-être fort célèbre et reconnu, avec le risque en tout cas d'augmenter - et c'est une bonne chose! - le trafic sur votre site. (19)

 

Ì Ì Ì Un compteur de fréquence trouvera aussi sa place dans vos pages mais il doit demeurer discret, comme d'ailleurs l'ensemble de votre site personnel. (20)

 

Ì Ì Ì Pour terminer, un seul conseil : nulle couleur agressive, aucun débordement excessif, pas de multiples tableaux ni d'images imposantes,  il faut raison garder ; "être soi-même" reste notre ligne directrice ! (21)

Ì Ì Ì Ì Ì Ì  Ne pas oublier au final de sauvegarder votre site, sur disque Zip par exemple, sur CD-ROM, voire sur clé USB . Une bien sage précaution !!! (22)

 

 

Remarques, suggestions seront toujours les bienvenues. Merci d'avance pour votre collaboration : lecybernet@free.fr