Académique Documents
Professionnel Documents
Culture Documents
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.
Internet Explorer 7 :
- 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.
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 :
Tests :
Liens :
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
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.
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) :
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.
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.
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.
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
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
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.
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
Sous Windows 98, et les versions anciennes, on peut utiliser la procédure suivante :
PS : Cette commande n'est pas disponible sous toutes les versions d'Internet Explorer.
Pour info :
Sur les versions 4 et 5, on peut désinstaller Internet Explorer avec IEradicator :
http://www.litepc.com/
La configuration d'Internet Explorer s'effectue avec le panneau de configuration Options Internet, accessible de trois
façons :
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".
- onglet Général :
Page de démarrage :
Utilisation :
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.
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
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.
Conseil :
Avec une connexion ADSL, il est préférable de vider le cache Internet à chaque fermeture d'Internet Explorer (voir
plus bas)
Historique :
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.
- cliquer sur "Supprimer les Cookies..." pour effacer les cookies (voir aussi l'onglet Contenu)
- 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)
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)
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.
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).
Voir aussi :
http://www.memoclic.com/formation_1500/internet-explorer-6-et-confidentialite.html
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 :
- onglet Connexions :
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 :
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)
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 !
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.
2 Vérifier que Barre d'Etat est sélectionné (permet de suivre la progression du chargement d'une page Web).
On peut modifier la Taille du texte (en sachant que la valeur normale est "Moyenne").
Ne pas modifier le Codage !
- 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 :
Pour le lancer :
Internet Explorer - sélectionner son icône dans le menu Démarrer,
- double-cliquer sur son icône sur le Bureau.
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
CacheSentry :
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.
Quand on est connecté, il est très facile d'ajouter un site, une page web à ses Favoris, pour pouvoir la retrouver
facilement ensuite.
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).
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 :
On peut, par exemple créer un dossier "Sites à visiter". On peut créer des dossiers thématiques.
On peut les déplacer pour les mettre sur un autre disque, une autre partition, dans un autre dossier.
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)
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
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 :
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.
Si la durée de l'Historique est trop courte, les pages disparaîtront également. On pourra augmenter cette durée.
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).
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é.
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.
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.
La barre de Liens :
Il faut d'abord retirer de la barre de liens les Favoris inutilisés, et mettre les siens à la place.
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".
Les deux programmes principaux dont on se sert pour Internet sont Internet Explorer et Outlook Express.
Internet Explorer
Avec une connexion ADSL, on peut également utiliser un logiciel de messagerie instantanée comme MSN
Messenger / Windows Live Messenger (voir ici)
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 :
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.
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".
Déconnexion :
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 :
3 On peut également :
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.
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 un lien hypertexte, permet d'accéder à des commandes très utiles :
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.
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).
Une fois que la boîte aux lettres (bal) est configurée (voir)
- ajouter les adresses de ses correspondants dans le Carnet d'adresses.
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.
Pour pouvoir accéder aux forums de discussion, il faut d'abord créer un compte de News dans Outlook
Express (voir).
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...
Le forum auquel on s'est abonné apparaît dans la fenêtre Dossiers d'Outlook Express.
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 ?
fr.usenet.reponses : pour acquérir les premiers rudiments dans l'utilisation des forums.
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.
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
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.
http://www.neojin.com/
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 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/
Uniquement accessible en anglais actuellement, c'est une solution convenable pour se lancer dans la conception
d'un site web.
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.
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).
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.
Chez Framasoft :
Les CMS : http://www.framasoft.net/rubrique168.html
SPIP : http://www.framasoft.net/rubrique369.html
Listes de CMS :
http://www.cmsmatrix.org/
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
PragmaMX :
http://www.pragmamx.fr/
ToWeb :
2 - Créer un Blog :
Fr.wikipedia.org - Blog
http://www.dotclear.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/
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.
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).
Les gratuits :
- 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
Amaya :
Les payants :
- Adobe Golive.
- 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
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.
Voir également :
http://www.generation-nt.com/telecharger/116/editeur-html/
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.
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 :
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)
... 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).
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
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) :
UltraEdit :
Un notepad amélioré...
Une version d'essai (30 ou 45 jours) est disponible..
Site officiel :
http://www.ultraedit.com/
HTML-Kit :
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
Tidy :
Site officiel :
http://tidy.sourceforge.net/
Voir également :
HTML VALIDATOR :
http://users.skynet.be/mgueury/mozilla/
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).
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.
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.
Pour étudier le code HTML, on peut consulter la source des pages Web que l'on consulte :
Pour s'inscrire :
- 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 :
Orange / Wanadoo http://perso.orange.fr/xxxx/ xxxx étant le nom que l'on a choisi lors de l'inscription
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
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 :
Free ftpperso.free.fr
- 2 - Son login :
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
http://www.ipswitch.com/
http://www.zdnet.fr/telecharger/windows/fiche/0,39021313,11010905s,00.htm
http://stud.fh-heilbronn.de/~jdebis/leechftp/downloads.html
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..
Avec Internet Explorer, l'utilisation sera similaire à celle de l'Explorateur Windows (voir) :
- 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.
Voir aussi :
Ma page sur Filezilla
http://www.framasoft.net/article1011.html
http://sourceforge.net/project/showfiles.php?group_id=21558&release_id=117345
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 :
Quelques changements :
- La balise <b> (= 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).
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 :
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 Ouvrir le Bloc-notes :
- menu Démarrer, Programmes, Accessoires, Bloc-notes.
3 Enregistrer le document :
- menu Fichier, Enregistrer...,
- aller dans le dossier site,
- nommer le document : index.htm.
Méthode de travail :
Créer un raccourci du dossier site sur le Bureau pour pouvoir y accéder facilement.
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 :
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) :
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.
- une image de 4 Ko mettra 1 seconde à s'afficher avec une connexion par modem,
- une image de 20 Ko mettra 5 secondes,
- etc.
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 :
<a href="images//img1090.jpg">
<img src="images//img1090p.jpg" width="150" height="113" border="0" />
</a>
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/
HEAD = tête. C'est la partie contenant des informations sur la page. Elle
<HEAD>
contient notamment le titre de la page.
A remarquer :
La balise TITLE est "imbriquée" dans la balise HEAD
Les balises HEAD et BODY sont "imbriquées" dans la balise HTML
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.
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.
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 </SCRIPT>
exemple :
<SCRIPT type=text/javascript>
function favorites()
... etc
</SCRIPT>
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 ;-)
Quand on utilise des feuilles de style (voir), c'est dans la partie HEAD que les informations les concernant sont
placées.
exemple :
<link rel="stylesheet" href="styles.css">
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 :-)
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 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.
<a name="home"></a>
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 :
Exemple :
Exemple :
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 :
<IMG SRC="images/dessin.gif">
Il faudra évidemment que l'image dessin.gif soit à l'intérieur du dossier images (voir plus haut).
Instructions complémentaires :
On pourra rajouter :
lien cible
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.
Target :
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 :-)
1 - Ecriture du lien :
Pour intégrer un lien hypertexte à l'intérieur d'une page, il faudra taper le texte suivant :
<A NAME="home"></A>
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 <TR> et <TD>
- 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
<TABLE>
<TR>
<TD><P>hello</P>
</TD>
</TR>
</TABLE>
Les balises WIDTH et HEIGHT, BORDER, BGCOLOR, ALIGN seront insérées dans la balise TABLE.
Lorsqu'on ajoute certaines pages web à ses favoris, on remarque qu'elles se distinguent des autres favoris par une
icône spécifique.
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 :
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 :
Liens :
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.
Résultat :
Fenêtre popup
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.
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.
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...
Sur Dreamweaver :
Paramètre Valeur
Controls console
Loop 0
autostart true
(les paramètres sont au choix évidemment)
Exemple :
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 créer un lien hypertexte sur l'image de taille réduite, pour afficher l'image de taille réelle.
En HTML :
<a href="images/photo.jpg">
<img src="images/miniature.jpg" border=0 height=XX width=XX>
</a>
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.
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/
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.
0 index.htm
<html>
<head>
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<center><a href="cadre.htm">Cliquez-ici</a></center>
</body>
</html>
1 cadre.htm :
<html>
<head>
<title>Cadre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset cols="100,*">
<frame src="menu.htm" name="menu">
<frame src="intro.htm" name="page">
</frameset>
<noframes>
<body bgcolor="#FFFFFF">
</body>
</noframes>
</html>
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 (*).
<frame src="intro.htm" name="page"> va avec <base target=page> dans menu.htm.
2 menu.htm
<html>
<head>
<title>Menu</title>
<base target=page>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<p><a href="intro.htm">Intro</a></p>
<p><a href="page1.htm">page 1</a></p>
</body>
</html>
Remarquer :
<base target=page> 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
<html>
<head>
<title>Intro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
Intro
</body>
</html>
4 page1.htm
<html>
<head>
<title>Page 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
Page 1
</body>
</html>
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 : <p><a href="page2.htm">page 2 </a></p>)