Internet Explorer

Internet Explorer : Versions et mises à jour • • • • • • • • • • • •

Versions d'Internet Explorer et mises à jour Internet Explorer 6 Internet Explorer 7 Alternatives à Internet Explorer 6 Les anciennes versions d'Internet Explorer Mise à jour d'Internet Explorer Réparer Internet Explorer Configuration d'Internet Explorer (déplacé) Accès à la configuration d'Internet Explorer - menu Outils, Options Internet - menu Affichage - menu Edition

Versions d'Internet Explorer, et mises à jour :

Pour connaître la version d'Internet Explorer que l'on utilise : Dans Internet Explorer : - menu ?, A propos de Internet Explorer

- voir le numéro après "Version" :

ici, une version 6.0 dans la version 2900.2180

Internet Explorer 6 : Malgré la sortie d'Internet Explorer 7, c'est actuellement la version la plus répandue d'Internet Explorer. Elle ne fonctionne pas avec Windows 95. Téléchargement Internet Explorer 6 : On peut télécharger Internet Explorer 6 sur le site Microsoft : http://www.microsoft.com/france/windows/ie/download/default.mspx en fait, on télécharge un fichier ie6setup.exe, et l'installation se fait par l'intermédiaire d'Internet. Voir également la méthode de téléchargement complet chez technicland : http://www.technicland.com/article.php3?sid=62 On peut installer Internet Explorer 6 à partir d'un cd-rom de revue informatique.

Internet Explorer 7 : Internet Explorer 7 est la nouvelle version d'Internet Explorer. Elle est disponbile en version finale depuis le 01/11/2006 pour Windows XP Elle est intégrée au nouveau système d'exploitation Windows Vista.

On peut installer Internet Explorer de deux façons : 1 - Télécharger Internet Explorer 7 par le lien ci-dessous : http://www.microsoft.com/downloads/details.aspx? FamilyID=9ae91ebe-3385-447c-8a30-081805b2f90b&DisplayLang=fr 2 - Installer Internet Explorer 7 par la mise à jour sur Windows Update.

Internet Explorer 7 intègre la navigation par onglets : On peut ouvrir plusieurs pages dans la même fenêtre, et passer de l'une à l'autre en cliquant sur les onglets.

Internet Explorer 7 intègre la navigation par onglets

Pour retrouver une présentation similaire à Internet Explorer 6 : - cliquer avec le bouton droit dans la partie supérieure de la fenêtre (barre d'outils), - sélectionner successivemment "Barre de menus" et "Liaisons" (Liens), - désélectionner "Verrouiller les barres d'outils", - cliquer sur "Liens" et placer la barre de liens à sa convenance (voir)

En cas de problème : avril 2008 : Internet Explorer 7 est maintenant stable. Cependant, en cas de problème, consulter les liens suivants. Désinstaller Internet Explorer 7 : Cela s'effectue par le Panneau de configuration Ajout / Suppression de programmes. On revient alors à Internet Explorer 6. http://www.technicland.com/article.php3?sid=203 Consulter la FAQ Internet Explorer 7 : http://www.technicland.com/faqie7.php Consulter le forum Microsoft sur Internet Explorer 7 : - Avec Outlook Express : news://news.microsoft.com/microsoft.public.fr.ie7 - ou par le site Espace communautés de Microsoft (voir)

Problème avec le Directeur HP et IE7(HPDirector ou HP Director) : Si on utilise une imprimante Hewlett Packard, on peut rencontrer des problèmes avec Internet Explorer 7. http://www.technicland.com/article.php3?sid=209 Ou voir : HP.com - Mise à jour critique permettant de résoudre un problème lié à HP Director après l'installation d'Internet Explorer 7

Outils : IE7 Tab Manager : Avec le système des onglets, permet d'ouvrir, d'un seul clic, plusieurs sites dans la même fenêtre. http://www.technicland.com/IE7_TabManager.php

Ajouter des moteurs de recherche dans Internet Explorer 7 : http://www.microsoft.com/windows/ie/searchguide/fr-fr/default.mspx

Tests : 27/10/06 : Infos-du-net.com - Internet Explorer 7 vs Firefox 2 : le match 22/10/06 : Generation-nt.com - Comparatif de filtres anti-phishing : IE7 en tête

Liens : Microsoft Internet Explorer Blog (anglais) : http://blogs.msdn.com/ie/ Actuellement, avril 2008, c'est Internet Explorer 8 Beta qui est à l'ordre du jour. FAQ Internet Explorer : http://www.technicland.com/faqie7.php

Alternatives à Internet Explorer : 1) un addon (petit programme qui s'ajoute à Internet Explorer pour offrir d'autres fonctionnalités) : AvantBrowser : http://www.avantbrowser.com/ Crazy Browser : http://www.crazybrowser.com/index.htm Maxthon (anciennement MyIE2) : http://www.ldfa.net/~maxthon/fr/ Slim Browser : http://www.flashpeak.com/

2) La barre Google : http://toolbar.google.com/intl/fr/index_ie.php

3) Firefox : Sur les anciennes versions, Firefox était sujet à des plantages, occasionnant la perte d'une partie des Favoris (marques pages). Donc : sauvegarder régulièrement (en cas d'ajout) les marques page de Firefox. Certaines pages ne s'affichent correctement qu'avec Internet Explorer. Firefox est plus lent (notamment à l'ouverture d'une page) qu'Internet Explorer.

Firefox s'est amélioré en ce qui concerne la consommation de mémoire... et c'est Internet Explorer 7 qui est le plus gourmand actuellement (avril 2008) :

iexplore.exe vs firefox.exe (1 fenêtre et 5 onglets)

Les anciennes versions d'Internet Explorer : - versions antérieures à la 4.0 = ... c'est de l'histoire ancienne maintenant ! - version 4.0 (4.72.3110.5) = installée avec Windows 98 Première Edition. Il vaut mieux la remplacer par une version 5.x. - version 5.0 = installée avec Windows 98 Deuxième Edition. C'est celle dont je parle. - version 5.01 = version plus récente. - version 5.5 (5.50.4134.0600) = à éviter... - version 5.5 SP1(5.50.4522.1800) = corrige les défauts de la 5.5

Lors d'une réinstallation de Windows 98, il est indispensable, pour des raisons de sécurité, de mettre à jour Internet Explorer en se connectant sur le site Windows Update : - menu Outils, Windows Update Les mises à jour Windows Update ne fonctionnent (sauf erreur) qu'à partir d'Internet Explorer 5.5 Attention : les versions 5.01 et 5.5 doivent être mises à jour pour corriger une faille de sécurité permettant à certains virus (Bugbear, Klez) de s'exécuter automatiquement. Au choix : - Télécharger la mise à jour : http://www.microsoft.com/windows/ie/download/critical/Q290108/default.asp - Mettre à jour Internet Explorer sur Windows Update - Installer Internet Explorer 6 L'installation d'Internet Explorer 6 est facultative, notamment pour un ordinateur disposant de peu de mémoire.

Mise à jour d'Internet Explorer : La mise à jour d'Internet Explorer peut se faire : - par les Mises à jour Automatiques sous Windows XP - à partir du site de Windows Update : http://windowsupdate.microsoft.com/ - à partir du cd-rom d'une revue informatique (obsolète) La mise à jour d'Internet Explorer comprend également celle d'Outlook Express. Les deux logiciels sont très liés. Mettre à jour Internet Explorer sur le site Windows Update : On peut mettre à jour Internet Explorer sur le site de Windows Update : http://windowsupdate.microsoft.com/ - cliquer sur le lien pour se rendre sur le site, - cliquer sur "Mises à jour de produits". Windows Update va vérifier la version présente sur le système, et afficher une liste de composants disponibles. Il faudra cocher la case correspondant à Internet Explorer. Consulter l'aide en ligne pour plus d'informations. Mettre à jour Internet Explorer à partir d'un cd-rom (anciens systèmes) : Utilie en cas d'installation sur un ancien système. - vérifier le numéro de la version proposée, - fermer les applications en cours, - introduire le cd-rom dans le lecteur. En cas de lancement automatique du cd-rom, - rechercher l'installation d'Internet Explorer. Sinon : - taper Win+F pour afficher la fenêtre de Recherche, - taper ie5 dans "Nommé", - sélectionner le cd-rom dans "Rechercher dans",

- cliquer sur "Rechercher maintenant", Dans la fenêtre de résultat : - double-cliquer sur le fichier "ie5setup" pour lancer l'installation.

Installation d'Internet Explorer sous Windows 95 : Pour avoir toutes les fonctionnalités du Bureau (barre de lancement rapide), il faut d'abord installer la version 4. Et ensuite une version 5 ou suivante.

Correctifs Windows. Une adresse qui recense et permet de télécharger les mise à jour des logiciels Microsoft (Windows NT, 2000, XP, 98 ; Intenrnet Explorer ; Office) : http://crir.univ-paris1.fr/logiciels/correctifs-microsoft.html

Connaître le numéro de version d'Internet Explorer : 1 - A partir du logiciel installé : Dans Internet Explorer : - menu ?, A propos de Internet Explorer

Dans Outlook Express : - menu ?, A propos de Microsoft Outlook Express. ou : - cliquer avec le bouton droit sur un message, - sélectionner Propriétés,

- onglet Détails, - voir X-Mailer: Microsoft Outlook Express PS : Dans les anciennes versions, le numéro de version dans Internet Explorer et Outlook Express n'est pas identique. Actuellement (06/2006) le numéro de version est : 6.0.2900.2180 2 - A partir des fichiers à installer (anciennes versions) : Lorsqu'on veut installer une version d'Internet Explorer à partir d'un cd-rom, et qu'on ignore la version exacte, il faut consulter les fichiers d'installation. Dans le dossier contenant les fichiers d'installation d'Internet Explorer : - ouvrir avec Winzip (voir) l'archive : Ie5setup.exe - visualiser le fichier : iesetup.inf Dans la partie Version (au début du fichier) : - regarder le numéro figurant après ProductVersion=

Réparer Internet Explorer : Il faut distinguer suivant la version que l'on utilise :

Internet Explorer 6 : En cas de dysfonctionnement d'Internet Explorer, on peut utiliser Power IE6 disponible sur le site de Technicland : http://www.technicland.com/powerie6.php3 Voir aussi cette page : http://www.technicland.com/article.php3?sid=201 Comment Réinstaller Internet Explorer sous Windows XP SP2 : http://www.technicland.com/article.php3?sid=194

Anciennes versions : Internet Explorer 5 : Sous Windows 98, et les versions anciennes, on peut utiliser la procédure suivante : 1 - Réparer Internet Explorer (Windows 98) : - menu Démarrer, Paramètres, Panneau de configuration, - double-cliquer sur "Ajout/Suppression de programmes", - sélectionner "Microsoft Internet Explorer 5 et Outils Internet", - cliquer sur "Ajouter/Supprimer... (écran) - cocher "Réparer Internet Explorer" PS : Cette commande n'est pas disponible sous toutes les versions d'Internet Explorer. 2 - Réinstaller Internet Explorer :

On peut également réinstaller Internet Explorer sur lui-même : A partir d'un cd-rom, - double-cliquer sur le fichier ie5setup (voir plus haut), pour procéder à l'installation. 3 Désinstaller Internet Explorer : Pour info : Sur les versions 4 et 5, on peut désinstaller Internet Explorer avec IEradicator : http://www.litepc.com/

Configuration d'Internet Explorer : Déplacé page suivante : cliquer ici

Configuration d'Internet Explorer • • •

Configuration d'Internet Explorer

• •

- menu Affichage

Accès à la configuration d'Internet Explorer - menu Outils, Options Internet (Général, Sécurité, Confidentialité, Contenu, Connexions, Programmes, Avancé) - menu Edition

Configuration d'Internet Explorer :

Accès à la configuration d'Internet Explorer : La configuration d'Internet Explorer s'effectue avec le panneau de configuration Options Internet, accessible de trois façons : 1) Dans Internet Explorer : - menu Outils, Options Internet. C'est le moyen le plus utilisé, et c'est sur celui-ci que je me base pour mes explications. 2) Par le Panneau de configuration : - menu Démarrer, Panneau de Configuration, - double-cliquer sur "Options Internet". 3 ) Par l'icône Internet Explorer sur le Bureau (à configurer sur Windows XP : voir) :

- cliquer avec le bouton droit sur l'icône d'Internet Explorer, - sélectionner "Propriétés".

- menu Outils, Options Internet. C'est ici que se configure la plupart des fonctionnalités d'Internet Explorer. 6 onglets permettent de configurer Internet Explorer : - onglet Général, - onglet Sécurité, - onglet Confidentialité, - onglet Contenu, - onglet Connexions, - onglet Programmes, - onglet Avancé

- onglet Général : L'onglet Général concerne la page de démarrage, le cache Internet et l'Historique.

Pour IE5, voir ici : (écran 1)

Page de démarrage : C'est là que se configure la page qui s'affiche à l'ouverture d'Internet Explorer. Trois choix sont possibles : - Page actuelle = la page affichée actuellement dans la fenêtre du navigateur, - Page par défaut = la page de MSN (http://fr.msn.com/), - Page vierge = about:blank (aucune page ne s'affiche).

On peut également rentrer manuellement l'adresse de la page de démarrage. Personnellement, je place http://www.google.fr en page de démarrage, ce qui permet d'effectuer rapidement une recherche à l'ouverture d'Internet Explorer ou d'une nouvelle page web. Utilisation : Au cours de l'utilisation, pour revenir à la page de démarrage : - cliquer sur l'icône Démarrage de la barre d'outils

Conseils : Avec une connexion ADSL, on peut mettre la page du moteur de recherche que l'on utilise. exemple : http://www.google.fr ou toute autre page que l'on consulte fréquemment. Avec une connexion RTC, Il est, à mon avis, préférable de cliquer sur "Page vierge". Ainsi, Internet Explorer s'ouvre sur une page blanche, et on ne risque pas d'avoir une tentative de connexion vers un site défini par défaut. D'autre part, quand on utilise Internet Explorer, ce n'est pas forcément pour se rendre sur le site défini par défaut ! Le site défini précédemment en tant que page de démarrage, peut être ajouté aux Favoris.

Problème de modification de la page de démarrage : Certains logiciels modifient cette rubrique pour y placer l'adresse de leur site. Il est préférable évidemment de cliquer sur "Page vierge" pour retirer l'adresse du site. Si cela se révèle impossible : - utiliser CWShredder : http://www.intermute.com/spysubtract/cwshredder_download.html A utiliser s'il s'agit de CoolWebSearch, malwares qui modifient la page de démarrage du navigateur Internet., - ou consulter cette page : http://www.bellamyjc.org/fr/internet.html#homepageIE

Fichiers Internet Temporaires (Temporary Internet Files) : Fichiers Internet Temporaires est le cache Internet. Il contient en mémoire les pages et les images affichées précédemment. C'est lui qui permet de consulter des pages hors connexion (voir).

Dans Windows 98, le TIF est situé dans le dossier Windows : C:\WINDOWS\Temporary Internet Files Dans Windows XP, le TIF est situé par défaut dans chaque compte utilisateur : C:\Documents and Settings\utilisateur\Local Settings\Temporary Internet Files Avec Internet Explorer 7, le TIF est situé dans le dossier Temp de chaque compte utilisateur : C:\Documents and Settings\utilisateur\Local Settings\Temp\Temporary Internet Files

En cliquant sur "Paramètres" on peut modifier la taille de ce cache, ou le déplacer.

Certains problèmes sont résolus en vidant le cache Internet : - cliquer sur "Supprimer les fichiers…", - cocher "Supprimer le contenu hors connexion", - cliquer sur Ok. Conseil : Avec une connexion ADSL, il est préférable de vider le cache Internet à chaque fermeture d'Internet Explorer (voir plus bas)

Historique : L'Historique conserve en mémoire la liste des pages consultées précédemment. Cela peut être pratique pour retrouver une page que l'on n'avait pas placée dans ses Favoris, Cela peut être gênant lorsqu'on ne souhaite pas laisser de traces de navigation sur l'ordinateur. On peut donc : - régler le nombre de jours pendant lequel l'adresse d'une page Web est conservée dans l'Historique. On peut également : - cliquer sur "Effacer l'Historique" pour supprimer la liste de pages consultées. Effacer l'Historique ne suffit pas pour effacer les traces de navigation. Il faudra également : - Effacer le cache Internet, éventuellement les cookies, - Effacer les formulaires (voir l'onglet Contenu) - etc. - cliquer sur "Supprimer les Cookies..." pour effacer les cookies (voir aussi l'onglet Contenu)

Consulter l'aide pour modifier les cases du bas.

- onglet Sécurité : L'onglet Sécurité concerne la gestion des contrôles ActiveX, des scripts, l'activation du bloqueur de fenêtres pop-up, l'autorisation des téléchargements, etc.. A partir d'Internet Explorer 6, la gestion des cookies s'effectue dans l'onglet Confidentialité..

Pour IE5, voir ici : (écran 2)

Zone de contenu web : La zone Internet étant la zone par défaut. On peut classer les sites visités dans les autres zones pour leur affecter un niveau de sécurité correspondant : - Intranet local (concerne les sites partagés sur le réseau local) - sites de confiance, - sites sensibles. Conseil : Pour gérer la sécurité vis à vis des sites sensibles, on peut utiliser Spyware Blaster (voir)

Niveau de sécurité correspondant : A chaque zone de contenu correspond un niveau de sécurité correspondant. La zone qui nous intéresse est la zone Internet. En cliquant sur "Personnaliser le niveau, on peut modifier le niveau de sécurité. - désactiver ou surveiller les contrôles ActiveX (*) et l'exécution des Scripts, etc. Plus le niveau de sécurité est élevé, plus la navigation sera difficile. Il est préférable de conserver les réglages par défaut avec le niveau Moyen.

Gestion des cookies : Pour Internet Explorer 6 : Les cookies sont maintenant gérés dans l'onglet Confidentialité.

Pour Internet Explorer 5 : En cliquant sur "Personnaliser le niveau", on peut : - désactiver ou surveiller l'action des cookies.

En cas de problème de consultation : (souvent dû à une modification des réglages) - cliquer sur "Niveau par défaut" pour rétablir les paramètres par défaut.

(*) Sur les contrôles ActiveX : http://www.inoculer.com/activex.php3

- onglet Confidentialité : (nouveau) L'onglet Confidentialité est apparu avec Internet Explorer 6. Il permet de gérer l'installation des cookies et de bloquer les fenêtres publicitaires.

Gestion des cookies (Internet Explorer 6) : Paramètres : - déplacer le curseur vers le haut ou vers le bas pour configurer automatiquement les paramètres de confidentialité à appliquer pour l'installation des cookies. (configuration générale) Sites : - cliquer sur Sites... pour autoriser ou refuser l'installation de cookies suivant les sites. (permet de se prémunir ou d'autoriser, au préalable, les cookies provenant de certains sites déterminés). Avancé : - cliquer sur Avancé... pour gérer manuellement les cookies. Dans paramètres de confidentialité avancés :

- cocher "Ignorer la gestion automatique des cookies" pour gérer manuellement l'ajout de cookies. - sélectionner "Demander" pour être averti de toute demande de cookie. (permet de contrôler manuellement toute installation de cookie).

En cas de problèmes d'accès à certains sites : - cliquer sur "Par défaut" pour rétablir les réglages d'origine.

Pour supprimer les cookies, voir l'onglet Général. Voir aussi : http://www.memoclic.com/formation_1500/internet-explorer-6-et-confidentialite.html

Bloqueur de fenêtres publicitaires intempestives : Fonctionnalité apparue avec Windows XP / Internet Explorer 6 SP2. - s'assurer que la case "Bloquer les fenêtres…" est cochée - cliquer sur Paramètres... Dans Paramètres du bloqueur de fenêtres publicitaires intempestives : - régler le Niveau de filtre sur Moyen, - rentrer manuellement le nom des sites à autoriser. PS : Certains sites nécessitent l'affichage d'une fenêtre pop-up pour fonctionner.

On peut accéder au Bloqueur de fenêtres publicitaires intempestives ou le désactiver directement dans Internet Explorer : - menu Outils, Bloqueur de fenêtres publicitaires intempestives, - sélectionner Désactiver le bloqueur... ou Paramètres du bloqueur...

- onglet Contenu : L'onglet Contenu concerne essentiellement la restriction d'accès à certains sites, les connexions sécurisées, ainsi que les informations personnelles concernant la navigation (sites web visités, formulaires, mot de passe).

Pour IE5, voir ici : (écran 3)

Gestionnaire d'accès : Le Gestionnaire d'accès permet de restreindre l'accès aux sites Internet suivant la nature de leur contenu.

Informations personnelles : - cliquer sur "Saisie semi-automatique" pour accéder aux informations personnelles. Dans Paramètres de saisie semi-automatique :

- onglet Connexions : L'onglet Connexions concerne essentiellement les connexions RTC.

Pour IE5, voir ici : (écran 4)

Concerne les connexions RTC : Permet d'ajouter une nouvelle connexion RTC (mais on peut le faire par l'Accès réseau à distance), Permet de définir la connexion RTC utilisée par défaut (lorsqu'on dispose de plusieurs connexions). Permet de configurer l'établissement de la connexion : - ne jamais établir de connexion = il est alors obligatoire de passer par Accès réseau à distance pour se connecter. - toujours établir la connexion par défaut = la connexion s'établit sans passer par l'Accès réseau à distance. Quand on clique sur Paramètres (écran 4.1), puis Avancées (écran 4.2), on peut régler la durée d'inactivité au-delà de laquelle la connexion sera interrompue (utile particulièrement en cas de téléchargement de longue durée). : - diminuer la durée si on risque d'oublier de se déconnecter, - augmenter la durée si on effectue un téléchargement de longue durée.

- onglet Programmes :

Pour IE5, voir ici : (écran 5) Permet de définir les programmes associés à Internet Explorer (logiciel de mail, Carnet d'adresses, etc.). Exemple : pour définir Dreamweaver comme Editeur HTML par défaut : voir ici.

- onglet Avancé :

Pour IE5, voir ici : (écran 6)

Pour Internet Explorer 6 : Pour une connexion ADSL, tout en bas : - cocher "Vider le dossier Temporary Internet Files lorsque le navigateur est fermé" Ceci vide le cache Internet à chaque fermeture d'Internet Explorer. En effet, en ADSL, comme on n'est pas limité en durée de connexion, et que la vitesse de chargement des pages est rapide, il est inutile de conserver des données dans le cache. Pire, cela peut causer des dysfonctionnements. En connexion RTC, on peut désactiver le chargement des vidéos, animations, son, images (au choix) pour accélérer le temps de chargement. Si on a un problème d'affichage des images, c'est ici qu'il faut regarder en premier !

Pour Internet Explorer 5.x : Dans Navigation : - ne pas cocher "Activer le compteur de visites" (utilisé pour connaître la fréquence de visite sur les sites. inutile au moins pour l'internaute !) - cocher ou ne pas cocher "Afficher Internet Explorer sur le Bureau" (permet d'avoir une icône Internet Explorer sur le Bureau). - cocher "Lancer les fenêtres du navigateur dans un processus indépendant" (Important. Permet, en cas de plantage dans une fenêtre d'Internet Explorer, de ne pas bloquer toute l'application). - ne pas cocher "Vérifier automatiquement les mises à jour de Internet Explorer" (susceptible de déclencher des demandes de connexion intempestives).

PS : On peut toujours revenir aux paramètres par défaut en cliquant sur le bouton correspondant.

- menu Affichage :

Ici, on configure la présentation d'Internet Explorer. 1 Dans Barre d'outils : - sélectionner Boutons standards, Barre d'adresses et Liens - sélectionner Personnaliser. Dans la fenêtre Personnalisation de la barre d'outils : . Options de texte : Etiquettes texte à droite des icônes, . Options d'icônes : Petites icônes. . cliquer sur "Plein écran" dans la fenêtre de gauche et sur Ajouter (cette commande est pratique pour afficher facilement une page Web en plein écran). 2 Vérifier que Barre d'Etat est sélectionné (permet de suivre la progression du chargement d'une page Web). 3 Dans Volet d'exploration : - sélectionner Favoris (cette option est aussi modifiable dans la Barre d'outils). On peut modifier la Taille du texte (en sachant que la valeur normale est "Moyenne"). Ne pas modifier le Codage ! Source, permet d'afficher le code HTML de la page.

- menu Edition : A remarquer : Rechercher (dans cette page)... Très pratique quand la page Web contient beaucoup de texte ! Les commandes Copier et Sélectionner tout sont accessibles en cliquant avec le bouton droit à l'intérieur de la page Web. Inutile donc de se servir de celles du menu Edition.

Liens :

Astuces pour Internet Explorer : http://www.pcastuces.com/pratique/internet/ie/default.htm

Utilisation d'Internet Explorer • • • • •

Utilisation d'Internet Explorer Importance des Favoris ajouter un Favori pendant la connexion ajouter un Favori à partir de l'Historique ranger les Favoris

• • • • • • • • • • •

supprimer, renommer, etc. un Favori déplacer les Favoris enregistrer ou imprimer les Favoris effacer les historiques Consultation en ADSL Consultation hors connexion augmenter la taille de Temporary Internet Files déplacer Temporary Internet Files Réduire son temps de connexion en bas débit Utiliser le mode Plein écran Utiliser la barre de Liens

Internet est le navigateur Internet intégré à Windows.

Internet Explorer

Pour le lancer : - sélectionner son icône dans le menu Démarrer, - double-cliquer sur son icône sur le Bureau.

Utilisation d'Internet Explorer : L'utilisation d'Internet Explorer varie suivant le type de connexion : En connexion RTC (bas débit) : - on consultera autant que possible hors connexion, pour limiter le temps de connexion, - on utilisera le cache Internet (Fichiers Internet Temporaire), pour éviter de recharger, à chaque fois, les pages consultées précédemment. En connexion ADSL (haut débit) : - on pourra rester connecté et consulter les pages web sans restriction, - on évitera l'utilisation du cache Internet, afin d'avoir toujours des pages à jour (voir). En tous les cas : - on placera les pages intéressantes dans les Favoris, pour pouvoir les retrouver facilement, - on utilisera l'Historique, pour retrouver une page consultée précédemment. Sécurité : Particulièrement si on est connecté en ADSL, il est indispensable de se prémunir contre les risques inhérents à Internet. Voir mes pages : - Antivirus, Antitroyens - Antispyware Ad-Aware Spybot Il faut aussi savoir : - utiliser le mode plein écran (voir) - utiliser la barre de liens (voir) - utiliser l'Historique.

18/10/05 : Sauvegarder une page web : Pour enregistrer une page web dans un seul fichier. Dans Internet Explorer : - menu Fichier, Enregistrer sous..., Dans la partie Type : - sélectionner "Archive Web, fichier seul (*.mht), - renommer la page, sélectionner le dossier d'enregistrement, - cliquer sur "Enregistrer".

CacheSentry : un logiciel qui gère le cache Internet (Temporary Internet File) http://www.enigmaticsoftware.com/cachesentry/

Importance des Favoris : Il est indispensable d'utiliser les Favoris. Chaque site visité qui représente un intérêt doit être ajouté dans les Favoris pour être retrouvé facilement. Pendant la consultation, il est préférable d'afficher la fenêtre Favoris. Ainsi, on pourra passer plus facilement d'un site à un autre. On peut également mettre des Favoris : - dans la barre de liens (voir), - dans la barre de lancement rapide (voir).

ajouter un Favori pendant la connexion : Quand on est connecté, il est très facile d'ajouter un site, une page web à ses Favoris, pour pouvoir la retrouver facilement ensuite. On peut mettre dans les Favoris : - la page d'accueil d'un site, - certaines pages de ce site qui contiennent l'information particulière qui nous intéresse. A la prochaine connexion, on pourra actualiser la page si elle est susceptible d'avoir été modifiée.

Il faudra d'abord afficher la page dans Internet Explorer. Ensuite, plusieurs commandes sont utilisables : 1 Dans la fenêtre Favoris : - cliquer sur Ajouter... - cliquer sur OK. 2 Avec le bouton droit de la souris :

- cliquer avec le bouton droit à l'intérieur de la page Web, - sélectionner "Ajouter aux Favoris..." - cliquer sur OK. ou, - cliquer avec le bouton droit sur un lien hypertexte, - sélectionner "Ajouter aux Favoris..." - cliquer sur OK. (dans ce cas, c'est la page visée par le lien hypertexte qui sera ajoutée aux Favoris). 3 Dans le menu Favoris : - sélectionner "Ajouter aux Favoris..." - cliquer sur OK. A signaler qu'avec chacune de ces méthodes, on peut renommer le Favori et/ou le placer dans un sous-dossier. (en RTC : Il est préférable de le faire après déconnexion).

ajouter un Favori à partir de l'Historique : On peut ajouter l'adresse d'un site, d'une page web, hors connexion. Il suffira de la retrouver : - en reprenant les pages dans l'ordre de leur consultation, ou - en utilisant l'Historique : - cliquer sur Historique dans la barre des menus, - sélectionner l'Affichage par date ou par site, - cliquer sur le dossier du site pour accéder aux pages de ce site, - cliquer avec le bouton droit sur les pages que l'on souhaite ajouter aux favoris, - sélectionner "Ajouter aux Favoris".

ranger les Favoris : Pour ranger les Favoris, il faudra les classer par dossiers. 1 Dans la fenêtre des Favoris : - cliquer sur "Organiser..." 2 Par le menu Favoris : - menu Favoris, Organiser les Favoris... On peut, par exemple créer un dossier "Sites à visiter". On peut créer des dossiers thématiques.

supprimer, renommer, etc. un Favori :

- cliquer avec le bouton droit sur un Favori, - sélectionner la commande désirée. Les plus intéressantes : Supprimer = effacer le Favori, Renommer = renommer le Favori, Propriétés = accéder à l'adresse du site, et la copier.

déplacer les Favoris : Sous Windows XP, les Favoris d'Internet Explorer se trouvent ici : C:\Documents and Settings\utilisateur\Favoris (pour chaque utilisateur) On peut les déplacer pour les mettre sur un autre disque, une autre partition, dans un autre dossier. 1 Déplacer les Favoris avec TweakUI (voir): Dans TweakUI : - cliquer sur la croix à gauche de Poste de Travail (My Computer), pour dérouler l'arborescence, - sélectionner Dossiers (Special Folders), puis Favoris (Favorites), - cliquer sur Changer... (Change Location)

Ce qui correspondant aux clés suivantes dans la Base de Registre : HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Shell Folders\favorites HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders\favorites

2 Déplacer les Favoris avec Favorg :

Favorg est un petit programme gratuit, en anglais : http://www.gratilog.net/xoops/modules/mydownloads/singlefile.php?cid=88&lid=603 http://jceel.free.fr

Favorg permet également de vérifier la validité des Favoris.

enregistrer ou imprimer les Favoris : On peut exporter la liste des Favoris : - menu Fichier, Importer et Exporter..., - etc. Enregsitrer les Favoris régulièrement est très recommandé ! Il est préférable d'enregistrer le fichier créé (bookmark.html) sur une clé USB ou sur un autre support (CD-RW de sauvegarde). Ainsi, en cas de problème, on pourra importer ses Favoris à partir de la sauvegarde. Imprimer les Favoris a peu d'intérêt car le fichier obtenu n'affichera que le titre des Favoris (pas l'adresse Internet). A moins que : http://support.microsoft.com/?scid=kb;fr;237954 http://www.linternaute.com/hightech/maquestion/internet/imprimer-liens-url-page.shtml Pour enregistrer (ou imprimer) la liste des Favoris : Utiliser FavoritesView v1.00 : http://www.nirsoft.net/utils/faview.html

effacer les historiques : Pour effacer toute trace de navigation :

Dans Internet Explorer : - menu Outils, Options Internet..., 1 Dans l'onglet Général : - cliquer sur Supprimer les Cookies..., - cliquer sur Supprimer les Fichiers..., (fichiers temporaires), - cliquer sur Effacer l'Historique 2 Dans l'onglet Contenu : - cliquer sur Saisie semi-automatique... - cliquer sur Effacer les formulaires, - décocher "Adresses Web" (Utiliser la saisie semi-automatique pour) - cliquer sur Ok.

Consultation en ADSL : Pour une connexion en RTC (bas débit) il est préférable de conserver le contenu des fichiers Internet temporaires dans le cache (ceci afin de ne pas avoir à recharger les pages lorsqu'on y accède à nouveau). Par contre, pour une connexion en ADSL, il est préférable de les supprimer à la fermeture d'Internet Explorer : Dans Internet Explorer : - menu Outils, Options Internet..., - onglet Avancé, - cocher "Vider le dossier Temporary Internet Files lorsque le navigateur est fermé".

Ou on peut utiliser CacheSentry : http://www.enigmaticsoftware.com/cachesentry/ Cache Sentry permet de gérer la taille et l'utilisation du cache Internet de manière plus efficace qu'Internet Explorer.

Consultation hors connexion :

Internet Explorer possède un cache (dossier Temporary Internet Files) qui contient les pages Web visitées récemment. On peut donc sans problème consulter hors connexion.

Pour consulter hors connexion : 1 Charger les pages dans le cache : - lancer Internet Explorer et se rendre sur le site désiré, - créer un Favori de la page principale, - faire défiler les pages en ayant soin de les charger entièrement, - se déconnecter. 2 Consulter les pages : - cliquer sur le Favori du site, - cliquer sur "Travailler hors connexion", - consulter les pages dans l'ordre de leur visite. On peut également sauvegarder l'intégralité d'une page web : menu Fichier, Enregistrer sous…, Dans la partie Type : - sélectionner "Archive Web, fichier seul (*.mht)

Augmenter la taille de Temporary Internet Files : La quantité de pages accessibles hors connexion dépend aussi de la taille du cache Temporary Internet Files. Au besoin, on peut augmenter la taille de ce cache. - menu Outils, Options Internet..., - rubrique Temporary Internet Files, cliquer sur "Paramètres", - augmenter l'espace disque à utiliser (avec un disque de 2 Go, on peut consacrer 100 Mo au cache).

Augmenter la durée de l'Historique : Si la durée de l'Historique est trop courte, les pages disparaîtront également. On pourra augmenter cette durée. - menu Outils, Options Internet..., - rubrique Historique, - régler le nombre de jours pendant lequel l'adresse des pages visitées est conservée (je conseille 30 jours).

Déplacer le dossier Temporary Internet Files : Si on dispose de plusieurs partitions sur son disque dur (voir), il sera préférable d'y déplacer le cache d'Internet Explorer. Cela limitera la fragmentation de la partition principale contenant Windows (voir). - menu Outils, Options Internet..., - rubrique Temporary Internet Files, cliquer sur "Paramètres", - cliquer sur "Déplacer le dossier", - sélectionner la partition, ou le disque, qui doit contenir le dossier.

Réduire son temps de connexion en RTC : Avec une connexion "Accès libre", on est souvent facturé au prix d'une communication locale. Il donc est préférable de profiter au maximum de son temps de connexion, pour charger le maximum d'informations. que l'on pourra consulter tranquillement une fois déconnecté. 1 - Lancer Internet Explorer avant de se connecter : Il est préférable de lancer Internet Explorer avant de se connecter. Si la page Web que l'on veut consulter a déjà été visitée : - la sélectionner dans ses Favoris pour l'afficher (au besoin en cliquant sur "Travailler hors connexion", si la fenêtre de connexion à distance apparaît). - cliquer sur "Actualiser" pour se connecter. Si la page Web n'a pas été consultée précédemment : - taper son adresse dans la barre d'adresse. - cliquer sur "Ok" pour se connecter. 2 - Avec une facturation à la seconde, se déconnecter pour consulter les pages importantes : Avec une connexion Wanadoo Intégrales, comme la facturation se fait à la seconde, on peut se connecter pour charger une page et se déconnecter aussitôt. C'est particulièrement utile lorsque la page affichée contient beaucoup d'informations. Une fois que l'on aura examiné la page hors connexion, on pourra se connecter à nouveau pour continuer la consultation. 3 - Ouvrir plusieurs fenêtres Internet Explorer (voir) : On peut ouvrir plusieurs fenêtres Internet Explorer (c'est même recommandé !) - avant de se connecter : pour préparer le chargement de plusieurs pages, - pendant la connexion : pour afficher une nouvelle page (notamment pour éviter d'attendre le chargement complet d'une page). Pour ouvrir plusieurs fenêtres : 1 Ouvrir une nouvelle fenêtre contenant la même page : - menu Fichier, Nouveau, Fenêtre, ou Ctrl+N 2 Ouvrir une nouvelle fenêtre contenant une autre page : - cliquer avec le bouton droit sur un lien hypertexte, - sélectionner "Ouvrir dans une nouvelle fenêtre". (cette commande est particulièrement utile pour consulter des pages trouvées à l'aide d'une recherche dans un annuaire ou par un moteur de recherche (ex : www.google.fr) 4 - Naviguer entre les fenêtres d'Internet Explorer : En cliquant sur le bouton des fenêtres dans la barre des tâches, on les sélectionne tour à tour et on peut charger des pages Web différentes dans chacune d'elles.

Utiliser le mode Plein écran : Pour consulter une page en plein écran :

- appuyer sur F11, - appuyer à nouveau sur F11 pour revenir en affichage normal. On peut également ajouter un bouton

dans la barre d'Outils :

- cliquer avec le bouton droit à l'intérieur de la barre d'Outils, - sélectionner "Personnaliser...", Dans la fenêtre Personnalisation de la barre d'outils : - cliquer sur "Plein écran" dans la fenêtre de gauche, et sur Ajouter.

Ici, les trois modes d'affichage disponibles : 1 Avec fenêtre des Favoris ; 2 Sans fenêtre des Favoris ; 3 Plein écran (F11)

La barre de Liens : La barre de Liens est très utile dans Internet Explorer. On peut y mettre les Favoris des sites que l'on consulte le plus souvent, afin d'y accéder d'un simple clic. Organiser la barre de Liens : Il faut d'abord retirer de la barre de liens les Favoris inutilisés, et mettre les siens à la place. 1 Retirer les Favoris inutilisés : - afficher la fenêtre des Favoris, - cliquer sur le dossier Liens (pour afficher son contenu) - cliquer sur chaque Favori en maintenant le bouton de la souris appuyé, - faire glisser le Favori vers le bas pour le retirer du dossier. 2 Ajouter ses Favoris : - faire glisser ses Favoris à partir de la fenêtre des Favoris, ou : - afficher la page du site, - cliquer sur l'adresse du site, et maintenir le bouton de la souris enfoncée, - faire glisser l'adresse dans la barre de Liens.

3 Renommer le Favori : - cliquer avec le bouton droit sur le nouveau Favori, - sélectionner "Renommer". Déplacer la barre de Liens : Pour déplacer la barre de Liens, il faut d'abord déverrouiller les barres d'outils : - cliquer avec le bouton droit dans le haut de la fenêtre, - décocher "Verrouiller les barres d'outils".

- cliquer sur Liens, en maintenant le bouton appuyé - déplacer la barre de liens.

- cliquer sur les barres de séparation, pour réorganiser la fenêtre. Verrouiller à nouveau les barres d'outils.

Débuter sur Internet • • • • • • • • •

Débuter sur Internet Lancement d'Internet Explorer et d'Outlook Express Connexion à Internet Déconnexion 1 consulter des sites web - cliquer sur un lien hypertexte - taper l'adresse du site dans la barre d'adresse 2 échanger du courrier électronique 3 participer à des forums de discussion

Débuter sur Internet : Les deux programmes principaux dont on se sert pour Internet sont Internet Explorer et Outlook Express.

Internet Explorer est un "navigateur". Il permet de consulter des sites Web, Internet Explorer Outlook Express est un "logiciel de messagerie". Il permet d'échanger du courrier électronique. Il permet également de consulter et participer à des forums de discussion. Outlook Express Avec une connexion ADSL, on peut également utiliser un logiciel de messagerie instantanée comme MSN Messenger / Windows Live Messenger (voir ici)

Lancement d'Internet Explorer et d'Outlook Express : Internet Explorer et Outlook Explorer sont accessibles par le menu Démarrer :

Le plus pratique est d'utiliser la Barre de lancement rapide : - cliquer sur leurs icônes à côté du bouton Démarrer.

Sous Windows XP, il faut d'abord afficher la barre de lancement rapide : cliquer ici

On peut ouvrir Internet Explorer et Outlook Express en même temps (voir). On pourra ainsi consulter des sites Web et relever son courrier en passant de l'un à l'autre.

Connexion à Internet :

L'utilisation d'Internet varie suivant le type de connexion dont on dispose : Avec une connexion ADSL : On se connecte de différentes façons : suivant le modem utilisé (modem USB ou modem Ethernet, ou LiveBox/FreeBox) et suivant le Fournisseur d'Accès à Internet (si on a installé un kit de connexion (déconseillé)). (voir) Le coût de la connexion n'étant pas tributaire de la durée, on peut rester connecté continuellement. Avantage : - accès immédiat à un site sur Internet Explorer, - réception automatique des messages avec Outlook Express. Inconvénient : - risque d'être victime de tentative d'intrusion ou de méfaits dus à un virus (voir). Mieux vaut donc se déconnecter lorsqu'on n'utilise pas Internet.

Avec une connexion RTC : Le coût de la connexion étant tributaire de la durée, il vaut mieux limiter la durée de la connexion : - en "planifiant" ses consultations ou relèves de courrier avant de se connecter, - en utilisant la consultation hors-connexion (voir)

Le lancement de ces deux programmes peut entraîner l'ouverture de la fenêtre Connexion à distance (écran). Si on souhaite se connecter immédiatement : - cliquer sur "Se connecter", Si ou souhaite choisir soi-même le moment de la connexion : - cliquer sur "Travailler hors connexion". Se connecter avec Internet Explorer : une page web est affichée : cliquer sur Actualiser, pour mettre à jour la page. ou :

cliquer sur un lien hypertexte à l'intérieur de la page, pour accéder à l'adresse indiquée par le lien. on peut aussi : cliquer sur un Favori dans la fenêtre Favoris cliquer sur OK, si on a tapé l'adresse d'un site dans la barre d'Adresse.

Se connecter avec Outlook Express : pour envoyer / recevoir son courrier : cliquer sur l'icône de la Barre d'outils

pour envoyer / recevoir son courrier, et synchroniser les forums :

Déconnexion :

menu Outils, Synchroniser tout

Avec une connexion en RTC, ne pas oublier de se déconnecter après utilisation. Avec une connexion en ADSL, il n'est plus nécessaire de se déconnecter systématiquement, puisque cela n'alourdit plus la facture téléphonique. Par contre, cela peut être utile pour des raisons de sécurité (firewall, antivirus, antispyware) Pour se déconnecter : 1 Le plus courant : - cliquer avec le bouton droit sur l'icône - sélectionner "Déconnecter".

près de l'horloge,

Sous Windows XP, l'icône est légèrement différente : 2 Pour connaître la durée de la connexion : - double-cliquer sur l'icône - cliquer sur "Déconnecter".

près de l'horloge,

3 On peut également : - fermer toutes les fenêtres d'Internet Explorer (voir)

1 - Consulter des sites Web avec Internet Explorer : Les sites Web sont accessibles de deux façons : - 1 en cliquant sur un lien hypertexte (voir), - 2 en tapant l'adresse du site dans la Barre d'adresse d'Internet Explorer. On peut également utiliser les Favoris et l'Historique (voir).

1 cliquer sur un lien hypertexte :

On appelle ça "surfer" sur Internet ! C'est la méthode la plus simple. Il suffira de cliquer sur un lien hypertexte pour que la page correspondante s'affiche. Quand on débute sur Internet, il faut des adresses de sites à consulter. On en trouve sur des sites comme : http://www.lycos.fr/ http://nomade.aliceadsl.fr/ http://www.voila.fr/ http://www.yahoo.fr/ etc. En cliquant sur ces "liens hypertexte", une nouvelle fenêtre va s'afficher sur le site correspondant. Il faudra ensuite cliquer sur les liens hypertexte de la page pour se diriger à l'intérieur du site, et accéder aux différents sites référencés. Voir également mes pages de liens : - version ADSL ou version RTC : - autres pages

Consulter sur une autre page : Souvent, en cliquant sur un lien hypertexte, la page s'affiche dans la même fenêtre. Si on désire conserver la page de départ : - cliquer avec le bouton droit sur le lien hypertexte, - sélectionner "Ouvrir dans une nouvelle fenêtre". Cliquer avec le bouton droit sur un lien hypertexte : Cliquer avec le bouton droit sur un lien hypertexte, permet d'accéder à des commandes très utiles : pour conserver la fenêtre en cours, tout en ouvrant une nouvelle page permet de coller (voir) le lien hypertexte dans un document (un message d'Outlook Express par exemple) permet d'ajouter rapidement l'adresse correspondante à ses Favoris.

Utiliser un moteur de recherche : Pour accéder rapidement à une information, on pourra utiliser un moteur de recherche. Le plus performant actuellement : http://www.google.fr Il suffira de rentrer le ou les mots recherché(s) et de lancer la recherche. Pour rechercher une expression, on utilisera des guillemets (ex : "pêche à la ligne").

2 taper l'adresse du site dans la barre d'adresse :

Quand on dispose seulement de l'adresse Internet du site à consulter, il faut soit : - taper l'adresse du site dans la barre d'adresse du navigateur, - copier-coller (voir) l'adresse dans la barre d'adresse. On peut sélectionner la partie à modifier et taper l'adresse :

Il sera intéressant d'ajouter aussitôt cette adresse à ses Favoris, pour ne pas être obligé de la retaper à chaque fois qu'on voudra se rendre sur le site. - ouvrir la page Web, - menu Favoris, Ajouter aux Favoris.

Voir aussi : Utilisation d'Internet Explorer

2 - Echanger du courrier électronique avec Outlook Express : Pour échanger du courrier électronique (mails), Il faut une adresse électronique de la forme nom@fournisseur. Cette adresse doit être configurée dans le logiciel de messagerie pour pouvoir l'utiliser. Elle l'est automatiquement quand on a fait une installation à partir d'un cd-rom. Sinon, il faudra la configurer (voir). Première utilisation d'Outlook Express : Quand on lance Outlook Express pour la première fois, aller dans : - menu Outils, Options... - cocher : "Au démarrage, aller directement dans le dossier Boîte de Réception", - décocher "Envoyer et recevoir les messages au démarrage". Les autres menus sont également important (voir) Une fois que la boîte aux lettres (bal) est configurée (voir) - ajouter les adresses de ses correspondants dans le Carnet d'adresses. ... on peut leur envoyer un message pour leur donner la sienne. ... et ensuite, attendre le courrier ! ;-) Envoyer et recevoir son courrier : Pour savoir si on a du courrier, il faut se connecter et relever sa boîte : - menu Outils, Envoyer et recevoir, "Recevoir tout" Si on a du courrier à envoyer en même temps : - menu Outils, Envoyer et recevoir, "Envoyer et recevoir tout" Raccourci clavier : Ctrl+M

Après envoi et réception du courrier, - double-cliquer sur "Travail en ligne" pour afficher "Travail hors connexion" :

- ou cliquer sur l'icône

dans la barre d'outils (voir)

Voir aussi : Conseils pour l'utilisation d'Outlook Express

3 - Participer à des forums de discussion avec Outlook Express : Les forums de discussion sont très utiles pour obtenir de l'aide, des conseils en informatique. Mais aussi pour échanger des idées sur des sujets divers, partages ses passions, faire des connaissances ;-) C'est la vraie vie sur le Net ! Il suffit de trouver le ou les forums qui correspond(ent) à ses goûts. Ouvrir un compte de News : Pour pouvoir accéder aux forums de discussion, il faut d'abord créer un compte de News dans Outlook Express (voir). Télécharger la liste des forums : Après avoir ouvert le compte de News, une fenêtre va s'afficher, proposant de télécharger la liste des forums disponibles sur le serveur de News correspondant. Cette opération peut durer entre 5 et 10 mn. Elle ne sera faite qu'une seule fois. S'abonner à un forum : Une fois la liste des forums téléchargée, on pourra faire son choix parmi les nombreux forums disponibles. Pour afficher les forums : - menu Outils, Groupes de discussion... Il faut sélectionner les forums en français : - taper fr. (fr point) dans "Afficher les groupes de discussion qui contiennent". Il faut ensuite, s'abonner au forum : - sélectionner le forum que l'on désire consulter - cliquer sur "S'abonner", puis sur OK. Le forum auquel on s'est abonné apparaît dans la fenêtre Dossiers d'Outlook Express. Régler les paramètres de synchronisation :

Après s'être abonné à un forum, il faut régler les paramètres de synchronisation. C'est à dire choisir entre télécharger le titre des messages uniquement, ou les messages en entier. Dans la fenêtre de gauche (Dossiers) : - cliquer avec le bouton droit sur le nom du forum, - sélectionner "Paramètres de synchronisation" et... 1 - "Tous les messages", si on veut l'intégralité des messages (attention, c'est long la première fois), ou, 2 - "En-têtes uniquement". Ce qui ne téléchargera que le titre des messages (on pourra, dans un deuxième temps, marquer certains messages et les télécharger).

La première fois qu'on synchronise un forum, on peut : - télécharger les en-têtes uniquement, - se déconnecter, - choisir parmi les en-têtes les messages que l'on souhaite télécharger. Pour cela, cliquer sur la flèche inversée et les lunettes :

Synchroniser le forum : Ensuite, il faut se connecter pour "télécharger" les forums (on appelle ça "synchroniser") - menu Outils, Synchroniser tout. (avec cette commande, *très utile*, on télécharge les forums, on envoie et on reçoit le courrier, tout ça en une seule fois) Quels forums ? Dans un premier temps, il vaut mieux n'en choisir qu'un ou deux. Je conseille déjà : fr.usenet.reponses : pour acquérir les premiers rudiments dans l'utilisation des forums. orange.abonnes.entraide (forum réservé aux abonnés de Orange / Wanadoo) En parcourant les problèmes qui y sont évoqués, on en apprendra plus sur Windows et Internet. fr.comp.os.ms-windows : pour tous problèmes logiciels concernant Windows 95, 98 ou XP. fr.comp.sys.pc : pour tous les problèmes concernant le matériel (carte graphique, disque dur, etc.) Il suffit de cliquer sur le forum qui vous intéresse pour lancer Outlook Express et s'abonner. Voir aussi mes pages : Les forums disponibles Utilisation des forums

Créer sa page web (1) • • • • • • • • • • • • • • •

1 - Concevoir sa page web - les autres techniques (CMS, Blog, CSS, Flash, Php) 1) Les logiciels de création Komposer de Mozilla (anciennement NVU) Dreamweaver 2 FrontPage Express Claris Home Page UltraEdit HTML-Kit Tidy 2)Créer sa page en HTML 2 - Ouvrir un compte chez son FAI 3 - Transférer sa page web - utiliser un logiciel FTP - utiliser Internet Explorer ou Firefox

Page suivante :

• • • • • • • • •

Filezilla - Présentation de Filezilla Utilisation de Filezilla 1 - Se connecter 2 - Sélectionner les dossiers locaux et distants 3 - Transférer les fichiers 4 - Déroulement d'une opération de transfert 5 - Se déconnecter 6 - Problèmes de transfert

Pour créer sa page web, rien de plus simple ! Il faut : - 1 - concevoir sa page web avec un éditeur de pages HTML (ou autre*) - 2 - ouvrir un compte chez son Fournisseur d'accès, - 3 - transférer sa page web chez son Fournisseur d'accès, grâce à un logiciel FTP.

(*) on peut aussi : - utiliser les CSS (feuilles de style) et la norme XHTML, - concevoir son site en utilisant un CMS, ou créer un blog

"Page web" est ici synonyme de "page perso", "pages perso" ou "site web". - on peut faire son site web avec une seule page web, faire un site vitrine, - dès que la première page est créée et mise en ligne, il est facile d'en ajouter d'autres.

Recourir à un professionnel : La conception d'un site web performant reste un travail long et ardu qui nécessite des connaissances, de l'expérience. Si l'on ne peut(veut) s'investir dans cette tâche, on peut recourir aux services d'un professionnel. Libre de toute publicité, je conseille Neojin (co-développeur du site http://www.pcinpact.com) :

http://www.neojin.com/

1 - Concevoir sa page web : Deux solutions principales : - 1 - "se contenter" d'utiliser un logiciel de création de page web, - 2 - "comprendre" le fonctionnement de sa page en la créant en HTML Dans le premier cas, un logiciel de création de page web permettra de "placer" textes et images sur la page, sans se soucier du code HTML. Dans le second cas, un simple éditeur de texte permettra d'écrire le code de la page. De toute façon, il est préférable (voire indispensable) d'avoir des notions d'HTML pour remédier à certains problèmes qu'on ne peut résoudre avec un éditeur de page web.

Il existe également d'autres solutions : Ces dernières années, d'autres types de sites sont apparus. La tendance est à séparer le contenu de la forme : - on utilise les derniers standards de mise en page (CSS), ou : - on choisit une "architecture" spécifique (CMS, Blog), ou : - on privilégie le contenu "dynamique" (Php pour créer des forums, articles avec commentaires, etc) Il existe également des sites conçus en Flash, avec le logiciel Macromedia Flash.

Faire un site en CSS (Cascading Style Sheets) : Cette solution est à réserver pour les utilisateurs avancés : utiliser les CSS demande un minimum de connaissances et de pratique. Les feuilles de style (CSS) permettent de définir des "styles" (voir) qui seront appliqués à l'ensemble du site. Elles simplifient le travail de présentation. Elles sont utilisables ponctuellement en HTML 4.0. Elles sont la base de la nouvelle norme XHTML. http://www.csszengarden.com/tr/francais/ http://css.alsacreations.com/Bases-et-indispensables/ Comprendre-le-positionnement-des-balises-en-CSS http://openweb.eu.org/css/ http://pompage.net/ http://www.w3.org/Style/CSS/ Voir également ma page en préparation : Les feuilles de style

Utiliser une interface web : Google Page Creator : Uniquement accessible en anglais actuellement, c'est une solution convenable pour se lancer dans la conception d'un site web.

Google Page Creator Comme pour accéder / utiliser un service Google (exemple : Gmail), il faudra créer un compte Google avant de pouvoir choisir un nom de site* et commencer à concevoir sa première page. (*) Nom de site sous la forme : http://xxxx.googlepages.com

Utiliser un CMS ou créer un Blog : Ce sont les solutions les plus accessibles : on installe une "structure" et on ajoute du contenu par la suite.

- Si on désire créer un véritable site, on choisira un CMS, - Si on veut créer un espace de communication ou d'échange, on choisira un Blog (beaucoup de politiques choisissent ce moyen de communication).

Je me contente de donner quelques liens pour éclairer les recherches...

1 - Utiliser un CMS (Content Management System ou Système de Gestion de Contenu) Fr.wikipedia.org - Système de gestion de contenu Fr.wikipedia.org - Liste de systèmes de gestion de contenu asp-php.net - Portail et Gestion de contenu : un point sur le Content Management Systems

Conçus pour "communiquer" les CMS permettent de s'affranchir, plus ou moins, de la création web (la forme) pour se concentrer sur le contenu. Ils permettent de gérer "dynamiquement" son site, d'y intégrer des forums, d'ajouter des commentaires, etc. La mise en place et l'administration requièrent des connaissances spécifiques. Voir les pages : http://www.veblog.com/fr/2002/1013-cms-precautions.html http://www.veblog.com/fr/2001/0407-content-management.html et aussi : http://www.cms-quebec.com/tiki-index.php Chez Framasoft : Les CMS : http://www.framasoft.net/rubrique168.html SPIP : http://www.framasoft.net/rubrique369.html Listes de CMS : http://www.cmsmatrix.org/ Phpnuke Spip Xoop Et Autres Cms, La Problèmatique du choix : http://www.webmaster-hub.com/index.php?showtopic=122 SPIP : http://www.spip.net/ exemple de site conçu avec SPIP : http://www.open-files.com/ PhpNuke : http://www.framasoft.net/article1948.html Mambo : http://www.clubic.com/telecharger-fiche13397-mambo.html http://forum.mamboportail.net/ Joomla! : http://www.joomla.fr/ http://www.framasoft.net/article4174.html

Website Baker : http://start.websitebaker.org/fr/introduction.html CMS Made Simple : http://forum.cmsmadesimple.org/ PragmaMX : http://www.pragmamx.fr/

ToWeb : logiciel de création de site web qui a l'air très simple : http://www.infos-du-net.com/telecharger/TOWeb,0301-2360.html Site officiel : http://www.lauyan.com/fr/tw-home/index.html Exemple de site créé avec ToWeb : http://troarncyclos.servhome.org/topic/index.html

2 - Créer un Blog : Fr.wikipedia.org - Blog

DotClear semble être le blog de référence actuellement :

http://www.dotclear.net/ Blog d'Olivier Meunier, concepteur de DotClear : http://www.neokraft.net/ http://www.over-blog.com/ Blogger de Google : http://www.blogger.com/ Très simple, et ne nécessite pas d'hébergement. Exemple de site conçu avec Blogger : http://apc8.web.googlepages.com/

simplePHPblog : http://simplephpblog.com/ Simple à mettre en place et facile à utiliser. Voir aussi : http://www.framasoft.net/article3911.html

WordPress : http://fr.wordpress.com/

SkyBlog : http://www.skyrock.com/blog/ - nioutaik.fr - Comment faire un skyblog - tutopat.com - Comment créer son blog via SkyBlog

Faire un site en Flash : Un site en Flash est constitué d'animations. Très esthétique mais nécessite de connaître et d'utiliser le logiciel Macromedia Flash. Pour concevoir un site en Flash, il faut disposer du logiciel Macromedia Flash : http://www.macromedia.com/fr/software/flash/flashpro/ Tutoriels : http://www.flash-france.com/sections.php?op=viewarticle&secid=6&artid=3 http://www.flash-france.com/sections.php?op=listarticles&secid=6 http://wiki.media-box.net/tutoriaux/flash

Il faut que le navigateur Internet soit équipé de l'extension Macromedia Flash Player : http://www.macromedia.com/fr/software/flashplayer/

Au préalable, Il faudra créer un nouveau dossier sur son disque dur (voir), à l'intérieur duquel on mettra : - ses pages web (à commencer par index.htm) - le(s) sous-dossier(s) contenant les images (ou autres documents).

1) Les logiciels de création de page web : Il en existe plusieurs. Je me contente d'en citer quelques uns : Les gratuits : - Dreamweaver 2.0 : le plus complet, mais pratiquement introuvable.

- Komposer de Mozilla (anciennement NVU - français) : développé conjointement à Firefox http://frenchmozilla.sourceforge.net/nvu/ Fonctionne avec Cigwin : Wikipedia.fr - Cygwin - PSPad. http://www.pspad.com/fr/ http://www.clubic.com/telecharger-fiche14083-pspad.html

- FrontPage Express, l'éditeur de pages HTML fourni avec Windows. gratuit, mais je le déconseille. Présent dans les anciennes versions d'Internet Explorer. On le trouve ici : jetelecharge.com - FrontPage Express 2.0 - Claris Home Page 2.0 : gratuit, ancien.

Amaya : Commentcamarche.net - Télécharger Amaya 9.54

Les payants : - Dreamweaver 8 / MX : "la" référence à mon avis (voir) - Adobe Golive. - Ultraedit, considéré comme un des meilleurs éditeurs. - Expression Web 2 Beta (fonctionnel jusqu'au 01/07/08) - De Microsoft - fonctionne avec .NET Framework 3.5.

WebExpert : Site officiel : software.visicommedia.com - WebExpert 6.6 Télécharger WebExpert (ancienne version) : Infos-du-net.com - Télécharger WebExpert 6.50.2 Clubic.com - Télécharger WebExpert 6.50.1 WebExpert est un logiciel de création de pages web non WYSIWYG (vous devez connaitre un minimum le langage HTML pour pouvoir l'utiliser). Test : bwp-necromance.developpez.com - Test complet de l'éditeur WebExpert 6.50 de Visicom pagesperso-orange.fr/coin.des.experts - Web Expert 5.00 (2001)

Forum sur WebExpert : developpez.net - Le forum des utilisateurs Webexpert - un puissant logiciel d'édition Web pour HTML, JavaScript, CSS, ASP & PHP

Il vaut mieux éviter Word, le traitement de texte, pour éditer ses pages Web. Pour transférer ses pages, il vaut mieux utiliser un véritable logiciel de transfert FTP (voir). Sauf si on dispose de Dreamweaver.

Une liste d'éditeurs HTML : http://archives.allhtml.com/telechargement/categorie3.php Voir également : http://www.generation-nt.com/telecharger/116/editeur-html/

A noter : Extension de Firefox : Web developer toolbar 1.0 : Si on utilise Firefox comme navigateur, on la possibilité d'ajouter une extension : "Web developer toolbar 1.0" : voir : http://www.chevrel.org/fr/carnet/index.php?2006/01/01/543-web-developer-toolbar-10 Site officiel : http://chrispederick.com/blog/2005/12/31/web-developer-10/ Cette extension ajoute une barre d'outils dans Firefox, spécialement conçue pour les développeurs de site web :

L'onglet "Tools" permet notamment de vérifier la conformité de ses pages, directement, sur Internet.

KompoZer 0.7.10 en français (remplace Nvu) de Mozilla : C'est un logiciel en français, disponible gratuitement; développé conjointement à Firefox http://frenchmozilla.sourceforge.net/nvu/ Cependant, Nvu est affligé de défauts rédhibitoires (ex : il modifie automatiquement le code d'une page importée avec son code personnel) et je ne le recommande pas.

Liens : geckozone.org - Comment fonctionne KompoZer -ex NVU (FAQ) blog.alsacreations.com - NVU, j'lavais pas vu ! Tutoriel à télécharger : Framasoft.net - NVU - Le Tutoriel

Dreamweaver 2.0 : J'ai rédigé une petite aide pour débuter avec Dreamweaver 2 (cliquer ici) Ce logiciel, est un "must" en matière de création de page web. La version 2.0 n'est plus disponible, mais cette aide pourra être utilisée sur les versions suivantes (3.0, 4.0, MX, et maintenant, Dreamweaver 8). http://www.macromedia.com/fr/software/dreamweaver/ ... Dreamweaver 2.0 était auparavant disponible sur le site Wanadoo, ou sur les cd-rom de connexion Wanadoo (kit de connexion Wanadoo version 5.11 et suivante). L'accord entre Dreamweaver et Wanadoo ayant cessé, il faut tenter de se procurer un ancien cd-rom Wanadoo, ou rechercher le programme sur Internet. Dreamweaver est un logiciel qui fait également office de logiciel de transfert FTP. Il permet donc de transférer ses pages sur son site, sans avoir besoin d'un autre programme. Il est relativement complexe... car il est très complet. Mais il est en français, et l'aide est bien faite. Il manque un peu de stabilité dans sa version 2.0 (plantages), mais l'inconvénient reste minime par rapport à ses possibilités. Certains lui reprochent une mauvaise écriture du code HTML, et lui préfèrent WebExpert.

FrontPage Express : FrontPage existe en 2 versions : FrontPage (version payante) et FrontPage Express (version gratuite). Mais ces deux programmes sont désormais obsolètes : - FrontPage n'est plus en vente depuis décembre 2006 - FrontPage Express n'est plus inclus dans Internet Explorer. Pour information : - FrontPage 2000 : inclu dans la suite Microsoft Office http://faqfp.free.fr/ Forum : news:microsoft.public.fr.frontpage - FrontPage Express : version gratuite, "allégée", incluse dans Internet Explorer 4 et 5. Voir ici : FAQ de FrontPage Express et téléchargement : http://faqfp.free.fr/faq/fpx/index.htm

L'inconvénient de FrontPage, c'est qu'il utilise des "extensions" spécifiques qui doivent être prises en compte par l'hébergeur (FAI ou Hébergement autre). http://faqfp.free.fr/faq/extensions/index.htm

Pour Installer FrontPage Express sous Windows 98 : - menu Démarrer, Paramètres, Panneau de configuration, - double-cliquer sur "Ajout/Suppression de programmes", - onglet Installation de Windows, - double-cliquer sur Outils Internet, - cocher "Microsoft FrontPage Express". Sur certaines versions de Windows, cette option n'est pas accessible. Il faudra installer FrontPage Express à partir d'une mise à jour d'Internet Explorer (disponible sur un cd-rom de revue informatique) : - rechercher ie5setup sur le cd-rom, - double-cliquer dessus, - accepter les termes du contrat de licence, - choisir "Installation minimale ou personnalisée du navigateur", Dans Composants de création de pages Web : - sélectionner FrontPage Express.

Claris Home Page : La version 2 et le guide d'utilisation sur le site d'Henri : http://www.aidenet.com/chp.htm/chp111.htm ou sur le site de Patrice : http://perso.orange.fr/patrice.roatta/claris/index.htm

UltraEdit : Un notepad amélioré... Une version d'essai (30 ou 45 jours) est disponible.. Site officiel : http://www.ultraedit.com/

HTML-Kit : Logiciel shareware, toutes versions de Windows. Editeur de pages web. site officiel : http://www.chami.com/html-kit/ ou http://www.htmlkit.com/

Voir aussi : http://perso.orange.fr/coin.des.experts/tests/htmlkit.htm Voir aussi HTML Tidy plugin : http://www.htmlkit.com/tidy/ (pour vérifier la validité du code)

Tidy : Petit logiciel gratuit, en anglais, qui vérifie le code HTML : Site officiel : http://tidy.sourceforge.net/ Télécharger la version Windows : http://tidy.sourceforge.net/trt/tidy_win32.zip

Voir également : HTML VALIDATOR : http://users.skynet.be/mgueury/mozilla/

2) Créer sa page en HTML : Le langage HTML n'est pas un langage de programmation. C'est un langage de description de page. Il est beaucoup plus simple à comprendre et à assimiler. Il est composé essentiellement de balises qui permettent de mettre en forme textes et images. Progressivement, le HTML est remplacé par le XHTML. C'est pratiquement la même chose (voir).

Utiliser un éditeur de texte : On peut créer sa page avec un simple éditeur de texte, comme le Bloc-notes de Windows ! Mais d'autres éditeurs de texte sont évidemment plus complets. Je conseille particulièrement Notepad++ : http://notepad-plus.sourceforge.net/fr/site.htm ou : http://www.gratilog.net/xoops/modules/mydownloads/singlefile.php?cid=40&lid=40 http://www.framasoft.net/article2579.html Il existe également PSPad : http://www.pspad.com/fr/

Apprendre le HTML : Le langage HTML est un langage très simple. On peut très facilement créer une page contenant les instructions de base, et l'améliorer petit à petit. Voir mes pages : Créer une page en HTML Voir les indications fournies : http://www.aidenet.com/pageperso0.htm http://perso.orange.fr/coin.des.experts/archiv_rep1.html http://perso.orange.fr/coin.des.experts/rep_index.html http://perso.orange.fr/patrice.roatta/indexie4.html On peut également consulter : http://www.allhtml.com/ http://www.ccim.be/ccim328/index.htm Pour étudier le code HTML, on peut consulter la source des pages Web que l'on consulte : Dans Internet Explorer : - cliquer avec le bouton droit à l'intérieur d'une page Web, - sélectionner "Afficher la source". ou : - menu Affichage, Source.

2 - Ouvrir un compte chez son Fournisseur d'accès : Chaque abonnement à Internet donne droit à la possibilité de publier sa page web. Chez Free, comme chez Wanadoo, on dispose de 100 Mo. Chez Orange / Wanadoo, il faudra créer son répertoire : Pour s'inscrire :

- aller sur http://www.orange.fr Dans Communiquer (menu gauche) : - cliquer sur Pages perso Si l'on n'est pas identifié : - rentrer les identifiants du possesseur du compte. PS : il est indispensable d'utiliser les identifiants du souscripteur de l'abonnement.

Dans la partie Confirmé (en bas, à droite) : - cliquer sur Accéder Ne pas choisir l'option Débutant. Ca n'a rien à voir avec la création d'un site en HTML. Suivre les indications.... Le choix du nom du site est libre. Il s'affichera sous la forme : http://perso.orange.fr/nom_du_site/ On pourra donc choisir un nom en rapport avec le contenu du site (si le nom n'est pas déjà pris).

Voir le site de Cath, où tout est expliqué en détail : http://perso.orange.fr/cathozie/aideinternet/

Remarques concernant Orange / Wanadoo : - Orange / Wanadoo ne permet pas l'utilisation de Php et MySql (sauf à passer par une solution Pro chez Relais Internet, ce que je déconseille). - Orange / Wanadoo n'autorise pas le transfert de fichiers (même isolé) à partir de l'espace dont on dispose (à la première infraction constatée, l'espace perso est clôturé). Je recommande donc de passer par un autre fournisseur d'accès si l'on veut créer son site.

Chez Free, il faut s'inscrire en fournissant son login et son code d'accès : http://support.free.fr/web/

L'adresse Internet : Après l'inscription, on dispose de son adresse Internet. Sous les formes suivantes : Orange / Wanadoo

http://perso.orange.fr/xxxx/

xxxx étant le nom que l'on a choisi lors de l'inscription

Free

http://xxxx.free.fr

xxxx étant le nom de l'utilisateur principal de l'abonnement.

Cette adresse Internet permettra d'accéder à son site perso.

PS : Le service "Pages perso" disponible chez la plupart des Fournisseurs d'Accès est un service gratuit, donc, sans garantie.

Si on veut disposer d'une prestation plus "sûre", il faudra acquérir un nom de domaine et utiliser les services d'un Hébergeur (voir) Une liste des "hébergeurs gratuits sans publicité avec accès FTP" est disponible sur le forum : fr.reseaux.internet.hebergement

3 - Transférer sa page web : Lorsqu'on a créé sa page web et que l'on dispose d'une adresse Internet et d'un espace perso, il s'agit de transférer sa page (la publier) pour qu'elle soit accessible sur Internet. Cela se fait : - avec un logiciel FTP, ou : - avec son logiciel éditeur HTML s'il propose cette fonctionnalité : (exemple : Dreamweaver toutes versions, NVU, autres ?) ou : - avec le navigateur Internet PS : L'utilisation du navigateur Internet n'est pas recommandé pour des raisons de sécurité (le login et le mot de passe transitant en clair sur le réseau). Au vu des attaques et hacking de plus en plus fréquents sur Internet, il vaut mieux l'éviter.

Paramètres de connexion : Pour se connecter sur son Espace web afin de transférer les pages de son site, il faut disposer de : - 1 - L'adresse ftp de son FAI : Orange / Wanadoo

perso-ftp.orange.fr

Free

ftpperso.free.fr

- 2 - Son login : C'est l'adresse email principale. Wanadoo

[email protected]

(pour un abonnement souscrit avec Wanadoo)

Orange

[email protected]

(pour un abonnement souscrit avec Orange)

Free

premiere partie de l'adresse emal.

- 3 - Son mot de passe :

Le mot de passe de l'adresse email principale.

Dans le logiciel de transfert de page web, il faudra donc indiquer : - l'adresse ftp de son FAI, - le login, - le mot de passe de messagerie, pour pouvoir accéder à son espace web et transférer et modifier sa page.

Rappel pour les utilisateurs de Wanadoo : Désormais, pour l'accès aux pages perso Orange / Wanadoo : - login = adresse mail entière ([email protected]) Il est également recommandé de modifier les liens vers sa page perso : Exemple : - remplacer : http://perso.wanadoo.fr/mest/ par http://perso.orange.fr/mest/

Exemples de paramétrage de logiciels de transfert : Page perso Free avec Filezilla :

Page perso Free avec LeechFTP :

Page perso Orange / Wanadoo avec Dreamweaver 8 :

- utiliser un logiciel FTP : Différents logiciels sont disponibles :

FileZilla (***) (en français, gratuit, pour PC) C'est le logiciel le plus utilisé actuellement. Très simple à utiliser. C'est celui que je recommande.

http://filezilla.sourceforge.net/ http://www.framasoft.net/article1011.html http://sourceforge.net/project/showfiles.php?group_id=21558&release_id=117345

WS_FTP LE (***) (en français, gratuit, pour PC) http://www.ipswitch.com/ http://www.zdnet.fr/telecharger/windows/fiche/0,39021313,11010905s,00.htm Leech FTP (en français, gratuit, pour PC) http://stud.fh-heilbronn.de/~jdebis/leechftp/downloads.html FR FTP (en français, gratuit, pour PC) voir les infos pour le télécharger sur le site d'Henri : http://www.aidenet.com/frftp.htm/frftp01.htm ou alors sur ce site, avec un mode d'emploi : http://perso.orange.fr/sylvie CuteFTP (shareware, en version d'évaluation 30 jours) voir les conseils pour le paramétrer sur le site de Cath : http://perso.orange.fr/cathozie/aideinternet/ et le guide d'utilisation sur le site d'Henri : http://www.aidenet.com/cute.htm/cute00.htm FTP Expert (shareware, en version d'évaluation 30 jours) voir les infos sur le site d'Henri : http://www.aidenet.com/expert.htm/expert01.htm

- utiliser Internet Explorer ou Firefox comme logiciel FTP : On peut également utiliser Internet Explorer (à partir de 5.x) ou Firefox pour transférer des pages ou des fichiers sur son site. Cette méthode n'est pas recommandée pour des raisons de sécurité, car elle fait transiter login et mot de passe "en clair" dans une URL.. - menu Fichier, décocher "Travailler hors connexion". Dans la barre d'Adresse, taper : Si on est chez Free : ftp://login:[email protected] Si on est chez Wanadoo : ftp://login:[email protected] login = première partie de l'adresse email mot de passe = mot de passe de l'adresse email. Ne pas oublier les deux points (:) entre le login et le mot de passe. Conseil :

- copier-coller les caractères en rouge dans la barre d'adresse du navigateur, - sélectionner la partie à remplacer, - taper login et mot de passe.

Avec Internet Explorer, l'utilisation sera similaire à celle de l'Explorateur Windows (voir) : Une fois connecté : - menu Affichage, Volet d'exploration, Dossiers Dans la fenêtre de gauche : - cliquer sur Poste de Travail pour dérouler l'arborescence du disque dur, et afficher le dossier contenant le(s) fichiers à transférer dans la fenêtre de droite, Dans la fenêtre de droite : - cliquer sur le(s) fichier(s) à transférer avec le bouton droit, - faire glisser le(s) fichier(s) sur le dossier correspondant dans la fenêtre de gauche, - relâcher le bouton de la souris, et sélectionner Copier.

- utiliser Filezilla :

Télécharger Filezilla Filezilla est un logiciel FTP simple à utiliser et freeware pour transférer des fichiers de son disque dur vers son espace perso. Télécharger le Client FTP (File Transfert Protocol = transfert de fichiers)

Voir aussi :

Ma page sur Filezilla http://www.framasoft.net/article1011.html http://sourceforge.net/project/showfiles.php?group_id=21558&release_id=117345

Créer une page en HTML (1) • • • • • •

Les préparatifs Méthode de travail Premiers éléments de code HTML Nom des fichiers Chemin d'accès Format des fichiers image

Une page web, un site perso, c'est très simple à réaliser. Le but de cette page est d'indiquer les instructions de base nécessaires à la conception d'une page web. J'ai aussi réalisé une page pour créer son site avec Dreamweaver 2 (voir)

HTML et XHTML : Le XHTML est la nouvelle norme succédant au HTML. En pratique, il y a peu de différences entre les deux. Quelques changements : - Toutes les balises doivent avoir une fermeture. Cela concerne : le retour de ligne =
devient
(ne pas oublier l'espace avant le /) les images = devient - Toutes les balises doivent être écrites en caractères minuscules. - La balise (= bold = gras) est remplacée par la balise <strong> quand il s'agit de marquer un mot ou passage important (particulièrement utile pour la consultation des pages par les mal-voyants). Pour plus d'informations, voir la page : http://openweb.eu.org/articles/html_au_xhtml/

Les préparatifs... Il faut tout d'abord : - créer un dossier à l'intérieur de Mes documents. A l'intérieur de ce dossier : - créer un sous-dossier (pour recevoir les images), - créer une première page, que l'on nommera index.htm. La page d'accès d'un site Internet s'appelle toujours : index.htm ou index.html C'est l'armature minimale et indispensable pour la création d'un site web.

Dans le champ Adresse, remarquer que l'on est à l'intérieur du dossier site. A l'intérieur de ce dossier, on a le dossier images, et le fichier index.htm.

Pas à pas : 1 Créer les dossiers : Il faut d'abord créer un nouveau dossier à l'intérieur duquel on enregistrera la page, et tous les éléments constitutifs de cette page. En même temps, on créera un sous-dossier images. 1 Créer le dossier site : - double-cliquer sur Mes documents, - cliquer avec le bouton droit à l'intérieur de la fenêtre, - sélectionner "Nouveau" puis "Dossier", - renommer le dossier : site 2 Créer le dossier images : - double-cliquer sur site, - créer un dossier à l'intérieur, - renommer le dossier : images 2 Créer la page index.htm : On peut déjà créer un "embryon" de page, qu'on modifiera ultérieurement : 1 Ouvrir le Bloc-notes : - menu Démarrer, Programmes, Accessoires, Bloc-notes. 2 Copier-coller le texte suivant :

bonjour

3 Enregistrer le document : - menu Fichier, Enregistrer..., - aller dans le dossier site, - nommer le document : index.htm. C'est l'extension .htm qui détermine le format du document. C'est grâce à cette extension que celui-ci pourra être ouvert avec Internet Explorer. Voici donc l'armature du site créée : - un fichier index.htm, qui donnera accès aux autres pages créées ensuite, à l'aide de liens hypertexte. - un dossier images, qui contiendra les images, logos, bandeaux qui orneront les pages. 3 Tester la page index.htm : Afin de vérifier que tout fonctionne... - aller dans le dossier Mes Documents/site, - double-cliquer sur le fichier index.htm ... et constater que son contenu s'affiche bien à l'intérieur d'une fenêtre d'Internet Explorer.

Méthode de travail : Pour travailler sur une page, ou l'ensemble d'un site, il faut : - accéder au contenu du site (pages et dossier), - modifier le document en cours, - visualiser les modifications. On aura donc les trois fenêtres suivantes : - le dossier site : pour ouvrir les documents, - le Bloc-notes (ou l'éditeur de pages HTML), pour modifier la page en cours, - Internet Explorer, pour visualiser les modifications.

On cliquera sur les trois boutons de la barre des tâches... Créer un raccourci du dossier site sur le Bureau pour pouvoir y accéder facilement. 1 Pour modifier le fichier index.htm :

- sélectionner la fenêtre site, - cliquer avec le bouton droit sur index.htm, - sélectionner edit dans le menu contextuel. Le document index.htm s'ouvre dans le Bloc-notes.

2 Pour visualiser les modifications : - enregistrer le document index.htm, - sélectionner la fenêtre site, - double-cliquer sur index.htm. Le document index.htm s'ouvre dans Internet Explorer. Les fois suivantes : - enregistrer le document index.htm, - sélectionner la fenêtre Internet Explorer, - cliquer sur Actualiser (ou appuyer sur F5).

Premiers éléments de code HTML : Il y a quelques points essentiels qu'il faut connaître avant tout. Car c'est souvent la cause des problèmes qu'on rencontre...

Nom des fichiers : Le fichier de base du site doit s'appeler obligatoirement : index.htm ou index.html Pour les autres pages et tous les autres fichiers (image, son, etc.) : - utiliser des caractères minuscules (lettres ou chiffres), éviter les majuscules, - pas de caractères spéciaux (:, /, $, etc.), - pas de caractères accentués (é, è, ç, à, etc.), - pas d'espace (ou utiliser le caractère "_"), - utiliser, de préférence, des noms de 8 caractères maximum pour une meilleure compatibilité. Penser que les pages doivent pouvoir être consultées par n'importe quel navigateur (Internet Explorer, Netscape, Opera, etc.) sous n'importe quel système d'exploitation (Windows, Macintosh, Linux...)

Chemin d'accès : Au minimum, on disposera de deux dossiers : - 1 - un dossier site, contenant l'ensemble des fichiers et dossiers du site, - 2 - un dossier images, placé à l'intérieur du dossier site, et contenant les images du site. Normalement : - toutes les pages web crées seront à l'intérieur du dossier site, - toutes les images seront à l'intérieur du dossier images. Pour tout fichier placé directement dans le dossier site (comme index.htm), il n'y aura pas de problème d'accès. On dit que le fichier est placé à la racine du site. Par contre, pour afficher une image placée à l'intérieur du dossier images, il faudra préciser son chemin d'accès : exemple, pour une image nommée dessin.gif : images/dessin.gif

Format des fichiers image : Afin de limiter la taille de ses pages, et donc d'accélérer leur chargement, il faudra bien choisir le format des fichiers image (voir) : - JPG ou JPEG : quand il s'agira de photos, - GIF : quand il s'agira de dessins au nombre de couleurs limité (256 couleurs). Sur ce site, les fichiers image sont des fichiers .gif ou jpg Il sera préférable d'indiquer les dimensions de l'image dans le code HTML (voir), ainsi qu'une description de l'image. Cela se fera facilement avec un éditeur de page HTML, comme Dreamweaver :

L et H : dimensions de l'image, Src : chemin d'accès de l'image, Sec : description de l'image. Vérifier la taille d'une image avant de l'inclure dans une page : Dans le dossier images : - cliquer avec le bouton droit sur l'image, sélectionner Propriétés. - une image de 4 Ko mettra 1 seconde à s'afficher avec une connexion par modem, - une image de 20 Ko mettra 5 secondes, - etc.

Créer des images "cliquables" Au lieu de placer une image de grande taille sur une page web, on peut : - créer une "miniature" de cette image avec un logiciel comme IrfanView (voir plus bas), - placer un lien hypertexte sur cette image. Ainsi, en cliquant sur l'image miniature, on affiche l'image en taille réelle. Exemple :

Code HTML :

Remarquer : - le lien hypertexte (a) englobant l'image affichée (img), - les deux images : img1090.jpg et img1090p.jpg et le "p" pour "petit" les différenciant.

Il ne faut pas redimensionner l'affichage de l'image en modifiant les dimensions affichées dans la balise SRC. Ceci pour deux raisons : - l'image "rapetissée" sera toujours chargée dans sa version en grandeur réelle, - le navigateur devra recalculer la dimension de l'image pour l'adapter aux dimensions désirées.

On devra souvent, recadrer, redimensionner ou modifier le format des images ou photos utilisées. On utilisera un logiciel prévu à cet effet : Logiciels disponibles : Paint Shop Pro : Shareware très complet pour dessiner et travailler sur des images. http://www.corel.fr IrfanView (Iview) : Programme freeware, en anglais mais simple à utiliser, et de petite taille. Il permet de redimensionner ou de changer le format des fichiers images. http://www.irfanview.com/ The Gimp : Logiciel freeware très complet. 5.91 Mo. XNview : Freeware également, et de bonne qualité. 1.8 Mo. http://www.gratilog.net/xoops/modules/mydownloads/singlefile.php?cid=207&lid=644 On peut bien sûr utiliser Paint livré avec Windows... On peut télécharger des fichiers images sur des sites spécialisés (voir).

Créer une page en HTML (2) • • • • • • • • • • •

Les balises Les balises html, title, head et body La balise head - les balises meta - le code JavaScript La balise body Composition d'une page web Le texte (p, br et font) Les images (img src) Les liens hypertexte (href et name) Les tableaux (table, tr et td)

Les balises : En HTML, chaque instruction est composé d'une balise entrante, et d'une balise sortante. exemple, la balise "p" qui désigne un paragraphe :

Ceci est un paragraphe

Chaque balise est encadrée par < et > La balise sortante est précédée par le signe / Les balises doivent être écrites en caractères minuscules. (elles sont écrites en majuscule dans ces pages pour des raisons de lisibilité).

Les balises HTML, TITLE, HEAD et BODY : Il existe quatre balises essentielles : - HTML = précise que c'est un document html. - TITLE = affiche le nom de la page en haut de la fenêtre du navigateur. - HEAD = délimite l'en-tête du document (qui contient des informations diverses). - BODY = délimite le corps du document (qui contient le texte, les images, etc.).

C'est la balise qui détermine la nature du document.



HEAD = tête. C'est la partie contenant des informations sur la page. Elle contient notamment le titre de la page.

<TITLE>Ma page

Titre de la page.



fin de l'en-tête du document.



BODY = corps. C'est la partie "visible" de la page.

bonjour

P = paragraphe. C'est un exemple d'affichage de texte.



fin du corps du document.



fin du document.

A remarquer : La balise TITLE est "imbriquée" dans la balise HEAD Les balises HEAD et BODY sont "imbriquées" dans la balise HTML Pour toutes les autres balises, on respectera également ce système d'imbrication : exemple :

un texte mis en gras et rétabli en normal

La balise (bold = gras) est imbriquée dans la balise

(paragraphe). Ce qui donne : un texte mis en gras et rétabli en normal et dans la fenêtre d'un éditeur :

La balise HTML est indispensable pour déterminer qu'il s'agit d'une page web. Mais on n'a pas à s'en occuper. La balise TITRE sert à afficher le nom de la page. Il est indiqué une fois pour toutes. Ce sont donc les balises HEAD et BODY les plus importantes à connaître : - la balise HEAD contient des informations sur le contenu de la page, - la balise BODY contient le contenu affiché de la page.

La balise HEAD : Les informations qu'elle contient sont lues en premier pour afficher la page. Quand on débute, il n'est pas nécessaire de s'intéresser au contenu de la balise HEAD. On peut passer directement au contenu de la balise BODY (voir plus bas). La balise HEAD contient essentiellement : - des balises META, - du code JavaScript, - des références aux feuilles de style.

Les balises META : Elles contiennent des informations sur le contenu de la page Elles sont destinées essentiellement aux moteurs de recherche qui indexent les sites web. Elles permettent de : - donner des informations sur l'auteur, la langue utilisée, - donner des informations sur le contenu de la page, - donner des indications aux robots qui parcourent les sites. Les balises META sont de différentes sortes : Informations sur la nature du document, les caractères utilisés, l'auteur, la langue. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> <META NAME="author" CONTENT="Alain MEST"> <META http-equiv="content-language" CONTENT="fr"> Informations sur le contenu de la page : <META NAME="DESCRIPTION" CONTENT="Le contenu de mon site"> <META NAME="Keywords" CONTENT="informatique,windows"> Informations destinées aux robots : <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW, ALL"> Plus de précisions sur le site d'Henry : - http://www.aidenet.com\pageperso13ae.htm

Le code JavaScript : La balise HEAD peut contenir également du code JavaScript. Le JavaScript est un code de programmation qui permet d'exécuter des commandes que le code HTML ne peut effectuer. exemple : afficher la date. Comme la partie HEAD est lue en premier lors de l'ouverture de la page, le code JavaScript sera déjà chargé en mémoire, au moment où la page commencera à s'afficher. Un code JavaScript débute par la balise <SCRIPT> et se termine par la balise exemple : <SCRIPT type=text/javascript> function favorites() ... etc Différents codes JavaScript sont disponibles en téléchargement sur certains sites (voir) Ne pas oublier que la présence de code JavaScript dans une page, ralentit fortement l'affichage de celle-ci. Il faut donc user... mais ne pas abuser ;-)

Les références aux feuilles de style : Quand on utilise des feuilles de style (voir), c'est dans la partie HEAD que les informations les concernant sont placées. exemple : cette instruction fait référence à une feuille de style nommée : styles.css

La balise BODY : La balise BODY contient le code HTML de tout ce qui s'affiche à l'écran : textes, images, tableaux, liens hypertexte. C'est là que se situe le véritable travail sur une page web :-)

Composition d'une page web : Voici des commandes très simples en HTML pour concevoir sommairement : - le fond de page, - le texte, - les images, - les liens hypertextes, - les tableaux.

Pour approfondir la connaissance des balises, et leur signification : http://www.aidenet.com/lexique0.htm

Le fond de page : Pour commencer, voyons l'aspect général de la page. Il sera déterminé par le début de la balise BODY : Avec la balise BGCOLOR, on choisit la couleur du fond de la page. Avec la balise TEXT, on choisit la couleur du texte. Sur le site d'Henry, il y a un nuancier pour apprécier le choix des couleurs : http://www.aidenet.com/pageperso64a.htm Avec la balise BACKGROUND, on place une image en fond d'écran. Celle-ci pourra être un motif de petite dimension, qui sera répété pour couvrir l'ensemble de la page. La balise BGPROPERTIES permet de "fixer" l'image du fond, et ainsi de donner l'impression que le texte "glisse" lorsqu'on fait défiler la page.

Ceci est une ancre (voir) que l'on pourra placer juste après la balise BODY, afin de revenir en haut de la page, grâce à un lien hypertexte.

Le texte : Le texte d'un page web peut s'écrire de plusieurs façons : La balise

marque le début d'un paragraphe,

marque la fin. La balise
désigne un retour à la ligne. Elle s'utilise sans balise de fin. Exemple :

Ceci est un paragraphe

Pour limiter l'espacement entre deux lignes
Il faut utiliser la balise de retour à la ligne

La balise permet de choisir la police de caractère, sa taille, sa couleur. Les balises et déterminent le style. Exemple : Exemple de texte

On remarque : Le nom de la police utilisée :



Le style (gras, italique) :



La taille et la couleur du texte :



Le texte qui s'affiche à l'écran :

Exemple de texte

Les balises sortantes : :



Ce qui donnera :

Exemple de texte

La balise FONT est maintenant obsolète avec les nouvelles normes HTML Il faut éviter de l'utiliser et lui préférer les feuilles de style (voir ma page en construction : Les feuilles de style)

Les images : Voici la commande de base pour insérer une image dans une page web : Il faudra évidemment que l'image dessin.gif soit à l'intérieur du dossier images (voir plus haut). Instructions complémentaires : On pourra rajouter : La taille de l'image : WIDTH="XX" HEIGHT="XX" La bordure de l'image : BORDER="X" Un texte qui s'affichera quand le pointeur de la souris survolera l'image : ALT="Mon image" Ce qui donnera par exemple :

Les liens hypertexte : C'est la base de la conception d'une page web. C'est ce qui permet la "navigation" entre les pages web.

Le lien et la cible : Un lien hypertexte est composé de deux parties : - le lien en lui-même (partie sur laquelle on clique), défini par HREF en HTML - la cible (endroit où renvoie le lien). lien

cible

http://www.aidewindows.net http://www.aidewindows.net http://www.aidewindows.net/vista.php http://www.aidewindows.net/vista.php http://www.aidewindows.net/vista.php#test_vista http://www.aidewindows.net/vista.php#test_vista

page d'accueil du site page du site consacrée à Windows Vista

paragraphe "Tests de Windows Vista" sur la page Windows Vista

Lorsque la cible se trouve sur le même site, il est inutile de répéter l'adresse Internet : exemple : vista.php Lorsque la cible se trouve sur la même page, il est inutile d'indique le nom de la page : exemple : #images

L'ancre : Si la cible est une adresse Internet ou une autre page du site, il n'y aura rien à rajouter. Si la cible est un endroit précis d'une page à l'intérieur du site, il faudra rajouter une ancre à cet endroit. L'ancre sera définie par NAME exemple : #images qui s'écrit :

Target : Il existe deux possibilités de concevoir l'accès à un lien : - dans la même fenêtre, - dans une nouvelle fenêtre. 1 - Dans la même fenêtre : exemple : lien menant vers une autre partie du site. cliquer ici pour accéder à la page consacrée à Windows Vista 2 - Dans une nouvelle fenêtre : exemple : lien menant vers un autre site.

cliquer ici pour accéder au site Aidemac.net Code utilisé : Pour ouvrir le lien dans une nouvelle fenêtre il faudra ajouter la mention target="_blank" dans le code du lien hypertexte.

PS : Les nouvelles normes recommandent de ne plus utiliser la mention target="_blank", ceci pour faciliter la consultation des personnes handicapées ou mal-voyantes. Il est conseillé d'utiliser le bouton Précédent du navigateur pour revenir à la page précédemment consultée. Cette recommandation est encore peu appliquée, car les webmasters hésitent à "perdre leurs visiteurs" ainsi :-)

Ecriture d'un lien hypertexte :

1 - Ecriture du lien : Pour intégrer un lien hypertexte à l'intérieur d'une page, il faudra taper le texte suivant : cliquer ici A la place du mot lien, on pourra écrire : - 1 - une adresse Internet, par exemple : http://www.aidewindows.net - 2 - une autre page du site, par exemple : page1.htm Dans ces deux cas, le lien sera utilisable tel quel. Ces liens seront utilisés par exemple : - 1 dans une page de liens, - 2 dans le menu d'un site, pour accéder aux autres pages de ce site. A la place du mot lien on pourra écrire : - 3 - un endroit précis de la page en cours, par exemple : #home - 4 - un endroit précis d'une autre page, par exemple : page1.htm#home Dans ces deux cas, il faudra ajouter, à l'endroit visé par le lien, la cible correspondante. Le sigle # précisera qu'il s'agit d'un endroit précis de la page.

2 - Ecriture de la cible (aussi appelé = ancre) : La cible sera à indiquer quand le lien contiendra le sigle # Si le lien désigne : #home la cible s'écrira home

Souvent, la cible sera placée près d'un titre de chapitre à l'intérieur d'une page.

Les tableaux : Les tableaux sont indispensables pour effectuer une mise en page dans une page web (voir). On pourra choisir : - le nombre de lignes et de colonnes, en ajoutant des balises et - la taille du tableau, avec les balises WIDTH et HEIGHT - la couleur de fond du tableau, ou des cellules du tableau, avec la balise BGCOLOR - la taille des bordures du tableau ou des cellules, avec la balise BORDER - l'alignement à l'intérieur des cellules, avec les balises ALIGN et VALIGN Un tableau, dans sa plus simple expression :

hello

Les balises WIDTH et HEIGHT, BORDER, BGCOLOR, ALIGN seront insérées dans la balise TABLE. La balise TR désignera une ligne (à indiquer en premier dans un tableau). La balise TD désignera une colonne (il pourra y en avoir plusieurs dans une ligne). Infos sur les tableaux : http://www.allhtml.com/html/html10.php 3/09/01 5:00 A compléter :-)

Créer une page en HTML (3) • • • • • •

Divers... Créer une icône personnalisée (Nouveau 2006) Créer une fenêtre popup Insérer un son dans une page web Insérer une image à agrandir Créer un site avec des cadres

Divers...

Créer une icône personnalisée : Lorsqu'on ajoute certaines pages web à ses favoris, on remarque qu'elles se distinguent des autres favoris par une icône spécifique.

C'est très simple à réaliser : Il faudra : - créer un fichier *.ico (avec IconArt) que l'on nommera favicon.ico - placer favicon.ico à la racine du site, - ajouter une ligne de code dans la page index du site. Préparation : - télécharger et installer le programme IconArt (freeware) : http://www.conware-pro.com/products/ia/about.php

Création du fichier *.ico : Cela se fait en 2 temps : 1 Création d'une image avec un logiciel de dessin : Dans le logiciel de dessin : - créer (ou copier) une image de taille : 32px x 32px, - copier l'image dans le presse-papier (menu Edition, Copier) Cela peut se faire avec une image de taille supérieure : - ouvrir l'image dans le logiciel de dessin, - diminuer la taille de l'image (ex : avec Photoshop : menu Image, Taille de l'image...) 2 Enregistrement de l'image en format *.ico : Avec IconArt : Importer l'image contenue dans le presse-papier : - menu File, Import from Clipbord Sauvegarder l'image en fichier *.ico : - menu File, Save Icon... - nommer l'icône : favicon.ico

Code à ajouter : Dans la partie HEAD de la page index : - ajouter :

Liens : Xhtml.net - Icônes de pages web, la favicon.ico

Créer une fenêtre popup : But : ouvrir une nouvelle fenêtre de dimension fixe quand on clique sur un lien. A l'intérieur de cette nouvelle fenêtre, on dispose d'un bouton permettant de la refermer. Moyen : Cela se fait avec des instructions en JavaScript. Cela se fait en 2 étapes : 1 - créer le lien dans la première page, 2 - créer la deuxième page (que je nomme popup.htm pour l'exemple). 1 création du lien dans la première page : copier-coller le code HTML suivant dans la partie BODY : (pour les utilisateurs de Dreamweaver : - menu Edition, Copier comme texte)

Fenêtre popup

PS : les dimensions sont modifiables (width=380,height=350), de même que l'emplacement de la fenêtre (left=20,top=30). 2 création de la page popup.htm : - créer une nouvelle page que l'on nomme popup.htm - copier-coller le code HTML suivant dans la partie BODY :

Essai de fenêtre popup :-)

Résultat : Fenêtre popup

Insérer un son dans une page web :

Avec Dewplayer : http://www.alsacreations.fr/dewplayer Dewplayer un lecteur mp3 pour le web Intégrez des sons, mp3 et podcasts à vos pages web. Outre sa légèreté, ce lecteur mp3 en flash télécharge le contenu du son à la demande lorsque l'utilisateur clique sur le bouton. Il est aussi possible de se déplacer lors de la lecture du son. http://www.estvideo.com/dew/index/2005/12/03/603-dewplayer-reloaded http://www.estvideo.com/dew/index/2005/02/16/370 -player-flash-mp3-leger-comme-une-plume Voir aussi : http://www.schillmania.com/projects/soundmanager/

But : Diffuser un fond sonore à l'ouverture d'une page web. Disposer d'un bouton permettant au visiteur de couper le son. Moyen : utilisation d'un fichier musical midi (*.mid) Les fichiers midi sont les plus petits fichiers disponibles pour diffuser un fond musical. Ils sont donc particulièrement adaptés afin d'être intégrés dans une page web. La qualité est cependant fonction de la taille... donc pas très bonne. Pour télécharger des fichiers midi : - faire une recherche sur http://www.google.fr - taper "le nom de l'artiste" mid ou : - consulter les sites suivants : http://zap.to/jukebox http://www.chez.com/ahb/musmidi.htm Différence entre Internet Explorer et Netscape : Internet Explorer est le seul à reconnaître la balise BGSOUND : ex :

Netscape et Internet Explorer 4 et suivant, reconnaissent la balise EMBED : ex : <EMBED SRC="monfichier.mid" loop="infinite">

PS : Je ne recommande pas l'utilisation "intempestive" d'un fond sonore sur une page web, car beaucoup d'internautes y sont réticents. Car si, à la premier écoute, l'effet peut être plaisant... les fois suivantes, il risque fort de lasser. Considérer également les internautes qui surfent le soir.

En pratique... Il faut tout d'abord : - placer le fichier son dans le dossier du site, ou dans un sous-dossier. Jouer un son en boucle sans bouton d'arrêt : - insérer le code HTML suivant dans la partie HEAD de la page web : <EMBED SRC="monfichier.mid" loop="infinite"> monfichier.mid : nom du fichier midi à exécuter. loop : infinite ou 0 = rejouer en boucle ; 1 = une fois ; 2 = 2 fois... Jouer un son avec un bouton d'arrêt : - insérer le code HTML suivant dans la partie BODY de la page web : <EMBED SRC="monfichier.mid" WIDTH=145 HEIGHT=45 controls=console loop=0 autostart=true> monfichier.mid : nom du fichier midi à exécuter. controls=console permet d'insérer un bouton de marche/arrêt loop : infinite ou 0 = rejouer en boucle ; 1 = une fois ; 2 = 2 fois... autostart : true = lecture automatique ; false = lecture en appuyant sur le bouton. Sur Dreamweaver : 1 Dans la fenêtre Objets : - cliquer sur le bouton "Insérer un plug-in", Dans la fenêtre de dialogue : - sélectionner le fichier son dans le dossier du site. 2 Ensuite, dans la fenêtre Propriétés : - régler la taille de la fenêtre de contrôle, suivant la taille désirée : de L = 145 H = 45 à L = 300 H = 150 - cliquer sur Paramètres... - rentrer les valeurs suivantes : Paramètre

Valeur

Controls

console

Loop

0

autostart

true

(les paramètres sont au choix évidemment) Exemple : - cliquer sur le bouton de lecture.

Insérer une image à agrandir : Au lieu d'insérer une image grandeur réelle sur une page web, on peut mettre l'image en réduction (vignette), accompagnée d'un lien hypertexte. Il suffira de cliquer sur la vignette, pour afficher l'image en grandeur réelle. Exemple :

Il faudra utiliser deux images : - une de taille réelle (photo.jpg) - une de taille réduite (miniature.jpg) Ces images seront placées dans le dossier "images" du site. Pour réaliser l'image de taille réduite : - dupliquer l'image de taille réelle, - redimensionner l'image à l'aide d'un logiciel graphique (voir). Il faudra créer un lien hypertexte sur l'image de taille réduite, pour afficher l'image de taille réelle. En HTML : - copier le texte suivant : height et width correspondent à la taille de l'image réduite. Sur Dreamweaver (voir) :

- insérer l'image de taille réduite dans la page web, - cliquer dessus pour afficher la fenêtre Propriétés, Dans la case Lien : - sélectionner l'image de taille réelle.

Créer un site avec des cadres : Un site avec des cadres (ou frames) est composé d'au moins deux fenêtres (cadres) dans la même page. En général, on a : - une fenêtre à gauche, contenant le menu, - une fenêtre à droite, contenant le texte.

Mon premier site http://perso.orange.fr/mest/ est réalisé selon ce principe : le menu de gauche permet d'accéder à l'ensemble des pages du site. Avantages : - la navigation est plus aisée, car le menu est toujours disponible et ne bouge pas. - un site avec cadre est (relativement) plus facile à réaliser. - il est plus facile de rajouter des pages. Inconvénients : - les sites avec cadres sont plus difficiles à référencer. - il est difficile d'accéder à une page isolément, - etc. voir : http://www.openweb.eu.org/articles/finir_cadres/

Bases d'un site avec cadres : Je présente ici uniquement l'armature d'un site avec cadre, sans le moindre enrichissement. Ceci, afin d'en expliquer le fonctionnement. Il est préférable de créer tout d'abord une page que l'on nommera index.htm Cette page sera la page d'accueil. Elle contiendra un lien hypertexte, pointant vers la page cadre.htm, permettant d'accéder au site. Trois pages seront ensuite nécessaires : - cadre.htm : la page contenant les cadres, - menu.htm : la page contenant le menu, - intro.htm : la première page du site.

Une quatrième page pour constater le fonctionnement des cadres : - page1.htm : la deuxième page du site. Pour réaliser ces pages : - copier-coller les textes suivants dans des fichiers bloc-notes, - les enregistrer sous leurs noms respectifs, dans le même dossier. - double-cliquer sur le fichier index.htm pour visualiser le résultat. Pour télécharger ces pages : - cliquer ici Pour télécharger un modèle de page avec tableaux : - cliquer ici 0 index.htm <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Cliquez-ici Cliquez-ici pointe sur cadre.htm entrée du site. 1 cadre.htm : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <noframes>

Remarquer : la balise frameset permet de définir les cadres. cols permet de spécifier la largeur de chaque cadre. Ici, le cadre gauche fait 100 pixels (100), le cadre droite occupant la partie restante de la fenêtre (*). va avec dans menu.htm. 2 menu.htm <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Intro

page 1

Remarquer : qui permet de définir la page à afficher dans le cadre de droite. les liens hypertexte qui permettent d'afficher les deux pages (intro.htm et page1.htm). On pourra rajouter des liens ensuite... et les pages correspondantes. 3 intro.htm <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> Intro Première page du site. 4 page1.htm <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Page 1 Pages suivantes : Il faudra ensuite : - rajouter des pages sur le modèle de la page1.htm, - rajouter un lien pour chaque page ajoutée dans menu.htm (ex :

page 2

)