Home

WEBMASTER « Les technologies du web…

1. Les indicateurs factuels sont au nombre de cinq 1 Variation de la fr quentation de la page d accueil 2 Les 10 pages les plus lues 3 Les 10 pages les moins consult es 4 Les 10 erreurs les plus fr quentes page non existante page inaccessible ou interdite etc 5 Les liens rompus dans le site 1 Fr quentation de la page d accueil cet indicateur n est pertinent observer que sur une p riode d ausi moins six mois pour tenir compte des d lais de r f rencement desi outils de recherche 2 Les 10 pages les plus consult es la Variation du top ten peut tre beaucoup plus rapide il faut l analyser mensuellement et peut tre m me hebdomadairement 3 Idem pour les pages les moins consult es 1 Les 10 erreurs les plus fr quemment rencontr es sur le site cet indicateur doit tre surveill quotidiennement 2 Les liens rompus un d sherbage du site doit tre r alis au moins une fois par mois R les et mission du webmaster et des services producteurs Apr s analyse des diff rents indicateurs de la fr quentation du site ou de son bon mauvais fonctionnement le webmaster doit reprendre les circuits de navigations pour les simplifier et les rendre plus accessibles corriger les pages comportant des liens rompus proposer des modifications conceptuelles plus importantes au niveau de la logique de parcours du site St
2. Un globe en rotation ou tout autre animation inutile t l charger depuis un site de graphisme pour votre site internet mais surtout le globe en rotation Les smileys Un forum vide un livre d or vide vide vide Une animation Flash de 500Ko en guise de bienvenue sans la possibilit de la skipper Les logos de marques qui invitent t l charger ou utiliser navigateur plug ins et autres lecteurs pour lesquels de toute fa on vous ne touchez pas un radis d autant plus que la majorit des surfeurs ignorent avec quoi il surfent St phane VION pour le CNAM p 67 La barre de navigation On a g n ralement constat divers modes de navigation sur internet Bien s r vous trouverez toujours des exceptions mais on peut grosso et modo distinguer 2 tendances qui se partage l ensemble des sites dits d information de commerce ou de pr sentation La navigation orient e et la navigation structur e Navigation orient e Le principe du resserrement progressif Ca consiste avoir d s la page d accueil un choix limit de liens vers les principales zones du site L internaute arrivant sur le site ne sera inter ss que par une seule de ces rubriques du fait de ses centres d int r ts de l objet de sa recherche plus g n ralement du fait de son appartenance une cat gorie socio professionelle particuli re ou tout simplement du fait que c est un homme ou une femme On peut concevoir ainsi un site qui par s
3. Un raccordement permanent entre l entreprise et le fournisseur d acc s au r seau INTERNET pour que le service soit visible en permanence au moyen d une ligne sp cialis e Le dimensionnement de cette ligne doit tre pens en terme d acc s simultan s et de d bit impos par le serveur La mesure du trafic exprim en Mo transf r s par mois fournit une information utile Une machine locale op rant un serveur WWW HTTPD Netsite choisi en St phane VION pour le CNAM p 51 fonction des fonctions information commerce transactionnel que l on souhaite proposer Cette machine op rant sur des machines quip es de syst mes d exploitation sp cifiques aux serveurs Mac OS NT ou Unix Linux devra tre maintenue et s curis e pour garantir son fonctionnement en permanence La maintenance se fait sur cette machine locale directement visible du reste du r seau INTERNET D p t du nom de domaine pour l adressage DNS Il est n cessaire si l on d sire mettre en visibilit le label de son entreprise de demander la cr ation d un nom de domaine sp cifique aupr s du NIC France pour les adresses en fr ou aupr s de prestataires internationaux relay s au niveau local pour les noms de sites en com Il faut alors Faire une de demande du nom de domaine Le NIC France rattach l INRIA g re les domaines de la hi rarchie fr Tout organisme d sirant se faire attribuer un nom de domaine propre ex
4. Ar pl 4 Un fen tre d exploration s ouvre choisissez alors le fichier index htm dans le dossier Premiersite puis OK Cela aura pour effet que lorsqu un visiteur clique sur Menu il se rendra sur la page Index htm Liens ExterneS 1 Les liens externes permettent de diriger le visiteur sur un site diff rent 2 Vous pouvez cr er vous m me un lien externe m me si il n est pas pr sent sur le mod le de ce cours Pour cela crivez un texte dans le menu de gauche en dessous de chiens et chats S lectionnez le mettez le en sur brillance 3 Faites ensuite comme suit sur l image Il est tr s important de mettre cible Blank car cela permet d ouvrir la page sur une autre fen tre d exploration internet Rentrez l adresse internet ici sous cette Format Paragraph Jorme Q o 100 Lien http www creer site internet com vl EX Cible IEA v Dans clible mettez gen DE Cellule Horz Par d faut v _blank 4_parent ee self E JE Vert Haut v H42 En t te ar pl Atop St phane VION pour le CNAM p 18 Cr ation du mod le Dreamweaver vous permet de cr er un mod le Ceci est tr s pratique et je pense qu il ne faut pas h siter a s en servir Cr er un mod le vous permettra de ne pas avoir modifier toutes
5. Les t ches effectuer Collecter les contenus veille interrogations dans les bases de donn es recherches sur internet ces t ches d crivent ici les fonctions soit d di es aux experts soit aux documentalistes Valider les contenus un autre groupe d experts peut intervenir ce stade pour valider ou non les contenus cette t che est bien souvent intimement m l e la premi re Organiser classer indexer cette t che sera bien entendu grandement facilit e par l interfa age du web de l intranet avec les bases de donn es documentaires Diffuser il ne s agit pas seulement d attendre que les utilisateurs viennent chercher d eux m mes une information sur le web Intranet il est en fait extr mement important de les toucher directement soit pas le biais des outils de la messagerie soit par un syst me de PUSH documentaire Les contraintes et imp ratifs Lors de la phase de description elle doivent tre le plus pr cis ment d crites et recenser tous les points potentiellement bloquants ce qui doit ainsi permettre de faire rapidement merger les actions imp ratives destin es les d passer St phane VION pour le CNAM p 46 On peut les classer en trois cat gories Les contraintes technologiques mauvaise ad quation des infrastructures r seau et informatiques aux ambitions du projet Les contraintes humaines refus des technologies sentiment d une charge de travail suppl mentaire mal accep
6. mnmnnnnnnnnnnnnnnnnnennnnnnnnnnennnnnne 1 Nous allons commencer pr sent la mise en forme de notre page 2 Pour cela faites un click droit sur la page pr alablement cr e et choisissez Propri t s de la page Cadre cible gt Ajouter aux Favoris Couleur Cr er un fragment de code Coller Design Notes pour la page Propri t s de la page R 3 Cette fen tre s affiche alors Vous y trouverez de nombreuses modifications pour votre page Propri t s de la page Titre EE I Image d arri re plan Couleur d arri re plan Couleur du texte Liens visit s Couleur du ien Liens actifs Marge gauche Largeur de marge Marge haut Hauteur de marge Encodage du document Occidental Latin1 v Trac de limage 100 Transparence de limage Transparent Dossier du document Dossier du site E creer ste intemets 4 Commencez par donner un titre votre page tr s important pour un bon r f rencement Nous lui donnerons comme titre ici premierepage 5 Laissez le Champ Image d arri re plan vide non utile pour ce cours mais si vous voulez essayer d ins rer une image d arri re plan cliquez alors sur Parcowir et choisissez une image d arri re plan 6 Donnons une couleur d arri re plan a notre page Nous choisirons la couleur CCCCCC gris clair St phane VION pour le CNAM p 13 Propri t s de la page Titre premierepage Im
7. 4 Diffusion Lorsque le serveur Push re oit une nouvelle publication il se charge d en informer les abonn s Ceux ci _ m _ enes re oivent alors une information D Push a p sommaire sur la nouvelle publication Ze S ils le souhaitent ils peuvent alors le nouvel article m d un simple clic t l charger une 5t transmis aux abonn s information plus compl te sur la nouvelle publication ou le contenu m me de la publication St phane VION pour le CNAM p 36 Portails d information Le portail constitue la porte d entr e aux connaissances de l entreprise mais galement ce qui se trouve sur Internet Il est l pour r pondre au plus vite quatre vingt quinze pour cent des besoins de l utilisateur en terme d information Pour cela l utilisateur a l opportunit de personnaliser son portail vers les cha nes d informations qu il exploite il re oit des alertes sur ses domaines d activit Par ailleurs son administrateur peut lui transmettre des informations qu il juge profitables pour son travail sous forme de push Une autre tendance est l apparition de passerelles vers les appareils mobiles des utilisateurs t l phones WAP et PDA pour un acc s constant au savoir de l entreprise Le travail collaboratif et la gestion de projet Il faut pouvoir cr er des espaces de travail propres un projet avec leur propre canal de diffusion la possibilit de g rer des plannings d assigner des t ches
8. En sus de la livraison du site qui fait d ailleurs l objet d un document de recette et de livraison il est important de disposer du manuel technique de maintenance de la documentation d installation des sources des images et des documentations des produits utilis s St phane VION pour le CNAM p 48 Dans le cas de prestataires externes le transfert de comp tence doit galement tre assur Il est possible de se faire assister pour la r alisation du cahier des charges Par cette activit de conseil il faut prendre en charge les entretiens des diff rents interlocuteurs de l entit d finir les besoins et co animer les r unions de d finition Outre la d finition du cahier des charges le chef de projet doit galement pr senter les diff rents sc narios de r alisation et les enveloppes budg taires pr voir pour leur mise en oeuvre Il assure galement le suivi des projets et doit tre rompu aux technologies sous jacentes sur Internet et aux r alit s de mise en oeuvre Ces comp tences sont difficiles trouver en interne et c est pour ces raisons que l on fait quasi syst matiquement appel des partenaires ext rieurs qui disposent de ces comp tences m thodologiques Quand le projet est bien conduit et se d roule correctement une grande satisfaction quant l conomie de temps ainsi engendr e et la s r nit associ e sont constat es et reconnues Charte graphique D finir une charte
9. Ceci permet galement la capture d informations de grande valeur pour une exploitation marketing des profils constitu s Le Push pr sente ainsi un potentiel de d veloppement int ressant notamment jumel avec des services de vente online Diffusion de contenu Une diffusion personnalis e Audience scgment c sp cialis des connaisseurs red enga client 1 ou des communaut s c E 24 15 d int r t r Ei Animation de sites 7 LI commerciaux abonnement 7 Serveur Serveur un bulletin ou une revue de denn es Push E k A Envoi et mise jour de catalogues de produits Annonce d actions promotionnelles St phane VION pour le CNAM p 34 Exemples d utilisation de syst me de DSI 1 Le service informatique diffuse sur l Intranet les derni res versions des logiciels annonce des nouvelles versions mises jours la base de donn es et s des recherches effectu es par les 2 Le service documentaire abonne ses utilisateurs un service d alerte pour tout nouveau document rentrant dans correspondant aux profils d pos s par eux 3 La revue de presse num ris e est distribu e par push mail tous les matins sur le bureau virtuel de chaque personne l ayant demand e plus de probl mes de co ts de reprographie ou de d lais de routage papier 4 Les r sultats synth tis s et filtr agents intelligents sur Internet en fonction des termes d pos s par les utilisateurs leu
10. Ceci permet un acc s rapide en off line depuis le poste de travail Les mises jour sont tr s rapides car seule l information qui change a besoin d tre mise jour L environnement graphique n est que tr s rarement modifi Les fournisseurs d acc s peuvent avantageusement am liorer la disponibilit de leurs lignes et de leurs modems L optimisation du trafic diminue le co t de la fourniture d acc s en ligne Les possibilit s graphiques et multim dia permettent une communication efficace le contenu devient plus vivant m me s il ne s agit pas d une interactivit en temps r el Le t l chargement se fait de mani re transparente pour l utilisateur qui acc de rapidement et directement aux informations sur son disque dur Cette innovation offre de nouvelles perspectives au march publicitaire Diffusion de tout a Le Push transforme ainsi Internet en pja ee A X une forme viable et hybride de medium images Vid o S de diffusion En permettant l annonce wa LD Sr publicitaire anim e et vid o les Push serveur S Tip Companies peuvent d velopper des ans Client web infrastructures publicitaires puissantes tout en vitant pour les consommateurs les co ts prohibitifs d installations larges bandes passantes Le Push en support de la diffusion s lective Encore mieux le push permet l enregistrement des utilisateurs en leur offrant le service d une personnalisation contr l e par eux m mes
11. Un document d crivant le sch ma des sp cifications fonctionnelles les plus pr cises possible sera ainsi cr pour faciliter par la suite le travail des personnes charg es de la r daction du cahier des charges et du d pouillement des r ponses aux ventuels appels d offres Pour bien faire il convient galement de bien dissocier les questionnements li s aux choix technologiques d infrastructure du site de ceux associ s aux modes de diffusion qui seront privil gi s St phane VION pour le CNAM p 44 D finir son environnement technologique Pour r ussir leur projet de site les quipes de travail devront se poser de nombreuses questions et retenir les meilleures solutions Quelles sont les applications de l entreprise les plus adapt es aux technologies web Internet Intranet Faut il baser le d veloppement des nouvelles applications sur des technologies telles que Java ou XML Comment choisir entre Netscape Microsoft Lotus ou les autres Comment fournir nos clients ou fournisseurs un acc s distant s curis Comment administrer simplement ce nouveau syst me d information D finir son projet Internet Intranet Pourquoi de l ing nierie documentaire Pourquoi un site web L introduction du r seau dans les entreprises et institutions modernes est in vitable car elle r pond des besoins accrus en mati re d changes rapides d informations adapt es aux pr occupations des acteurs de l entit t
12. achat recherche t l chargement St phane VION pour le CNAM p 69 La page d accueil Identification de l entreprise valorisation des prestations la page d accueil doit faire plus qu en mettre plein les yeux Bien souvent la page d accueil concentre tous les efforts graphiques du webmaster afin d impressionner l ventuel visiteur par une d bauche d effets sp ciaux made in Flash ou par le d ballage abusif de la totalit des prestations services produits disponibles sur le site En fait la page d accueil un r le vraiment plus important que cela Le Graphisme de la page principale et des autres pages aussi dans un deuxi me temps pour principales vocations les 4 points suivants 1 tablir l identification de l entreprise 2 valoriser le contenu 3 ouvrir vers le reste du site par un mode de navigation clair et compr hensible 4 tout cela dans une esth tique voquant le professionnalisme et inspirant la confiance Identification Lorsqu un visiteur arrive le plus souvent par hasard sur votre page d accueil il ne doit y avoir aucun doute dans son esprit sur l identit de votre soci t De plus si votre site comporte plusieurs zones bien distingu es il est possible qu elles soient graphiquement diff rencier au niveau de la couleur Ainsi le choix des couleurs des polices de la pr sentation permettra une diff renciation imm diate par rapports aux concurrents Valorisation La page d accueil est la z
13. au formatage leur permettant de se concentrer sur le contenu des documents et laissant les t ches de restitution et de formatage des professionnels du domaine de l dition typographes infographistes etc St phane VION pour le CNAM p 17 Source Gabriel K p klian ATOS Int gration http xmilfr org actualites tech 000321 0001 xml St phane VION pour le CNAM p 18 XML successeur de SGML pour le web Le web consortium conscient de l impasse technologique de HTML a d cid en 1998 de lancer les premiers travaux de renouvellement de ce standard en se basant sur l approche SGML XML tait n La philosophie de XML consiste bien s parer les donn es documents le fichier XML proprement dit des traitements pr sentations Un document donn sera lors de sa cr ation balis uniquement en fonction de son contenu sa s mantique intrins que et ind pendamment de sa restitution future papier cran terminal Braille synth se vocale ou autre comme d ailleurs de tout autre traitement automatique qui pourra lui tre appliqu Cette ind pendance par rapport aux applications qui vont le traiter en g n ral et par rapport celles charg es de sa restitution en particulier va lui conf rer une tr s grande interop rabilit le m me document XML va pouvoir tre affich sur le Web et ou produit en version papier alimenter un SGBD etc une tr s grande durabilit r utilisabilit le docu
14. conclure des rendez vous Ces options sont d autant plus int ressantes si le travail est effectu par des groupes virtuels dispers s sur plusieurs sites g ographiques car la base documentaire reste unique et centralis e La gestion des comp tences Recenser exhaustivement les experts d un domaine de comp tence semble un des moyens les plus efficaces pour obtenir rapidement de l information pertinente Deux approches existent qui publie quoi pour cela on utilise les m tadonn es associ es chaque document D crire l auteur et son CV pour des recherches ult rieures Par ailleurs dans le cadre d une probl matique sp cifique cela permet de trouver rapidement qui est la personne qui est la plus m me de remplir la t che effectuer St phane VION pour le CNAM p 37 Les contenus et leurs principales caract ristiques Le choix des contenus va bien entendu tre conditionn par la politique de communication pr alablement d cid e La typologie des contenus est alors simple mettre en uvre et peut tre ais ment g n ralis e Typologie de l information d livr e Des contenus soumis un rythme rapide de renouvellement Des information dur e de vie moyenne Des informations qui prennent un caract re d archive sur lesquelles une attention particuli re devra tre port e concernant leur indexation et la possibilit de les retrouver en consultant des moteurs de recherche
15. es structur es et standardis es qui d crivent le contenu de documents que souhaitent partager des utilisateurs La possibilit ainsi donn e au cr ateur de la page web de l indexer librement par un choix personnel de termes permettra ainsi cette page de ressortir avec un meilleur score lorsqu un utilisateur posera une question o les mots du titre ou des m ta donn es apparaissent Afin de mieux structurer ces pratiques plusieurs communaut s ont d fini des standards de m tadonn es dont le plus connu est actuellement Dublin Core DO qui d finit les m tadonn es associ es aux pages Web A noter galement l existence de Machine Readable Card MARC pour les l ments de catalogues de biblioth ques eux m mes de plus en plus interfac s avec le Web L utilisation des m tadonn es pourrait galement am liorer la pr cision des recherches de documents par exemple en donnant des localisations g ographiques la langue ou des p riodes historiques Pour le moment HTML 4 0 a valid les balises META suivantes lt META NAME Author CONTENT gt lt META NAME Keywords CONTENT gt lt META NAME Description CONTENT gt Malheureusement tr s peu de pages HTML les contiennent et on regrette souvent labus de cette possibilit par des webmasters ind licats ou inconscients qui r p tent n fois quelques mots tr s significatifs pour feinter les moteurs de recherche Ce
16. 45 lt tome lt xsl template match gt lt head gt lt ro gt 1 lt lt html gt lt body b lor white gt ze pemon ace Siemens pu A CSS d finit une feuille de style lt titre dossier lt title gt premier essai lt title gt 45 1 2000 LES ACTEL i lt meta BBF gt lt link rel stylesheet type t lt div gt H A H H pei Siea TSt ML raresa qui s applique au fichier HTML lt titre doc gt Lles lt body bgcolor white gt lt div class publication gt MES x lt date gt 5eptemb lt xsl ly t lates gt Date di ubl t pi difi l p e AR Enr et en modifie la presentation lt artic lt html gt lt xsl template gt t a Le DHTML Dy HTML lt artit lt xsl template match document gt l lt div class pagination gt e namic es lt rub gt lt xsl ly t lat lect Pi t 32 41 lt div A m sisi 2 a a a real g Sias inerodnetion gt e u une association de CSS et de 4 4 4 Javascript permettant de Q Deenen modifier dynamiquement les attributs de la feuille de style Ce dernier est un langage plus complet que HTML c est en fait une version all g e de SGML qui permet de d finir des entit s abstraites XML permet par exemple de sp cifier que tel mot est un nom propre ou que tel autre est une r f rence de produit XSL permet d appliquer des masques sur les fichiers XML et de les afficher de multiples mani res g n rant ainsi des documents XML virtuels qui r pondent aux demandes de l u
17. depuis l id e d en cr er un jusqu l dition sur la toile L avantage avec les sites internet c est que tout le monde peut en faire l inconv nient c est que tout le monde en fait Qu est ce qui va vous permettre de vous distinguer de cette masse de webmaster Une bonne pr paration Le web ne laisse pas beaucoup de place l improvisation Voici les tapes indispensables la cr ation d un site web 1 re partie la conception 1 Pourquoi cr er un site internet Si vous arrivez cerner vos besoins ou ceux de votre entreprise en mati re de communication internationale de prestation de service acc l r e d augmentation de chiffre d affaire ou tout autre besoin impliquant votre mise en ligne vous tes oblig de continuer vous poser des questions 2 Quel type de site internet cr er Vous avez le choix si c est de votre site qu il agit autrement et le plus souvent c est le contenu qui imposera le type de site une page perso pour vos photos de vacances et les dessins de vos enfants un site th me consacr la reproduction des m duses en mer du Nord ou tout autre sujet passionnant _unsite de d monstration exp rimental pr sentant vos comp tences et vos r alisations dans un certain domaine amateur ou professionnel on s approche du cas qui nous concerne __unsite vitrine pr sentant votre entreprise ses activit s son quipe ses clients un site d introduction de
18. du texte 3 Police du texte Co du texte Fcemat Paragraph Y Geneva Krial Hel v Talle v P tow g 4g Alignement Lien VOO c EE lu texte E Cellule Horz Par d faut wv L Pas de retour la ligne auto mN 9 I m ji Vert Haut vV H Ent te Arpi Dollecccocc Brdre St phane VION pour le CNAM pTI 3 D s lectionnez le texte en faisant un clic gauche a cot du texte Tapez Entr e Entr e changement de paragraphe et Shift Entr e Saut de ligne et changez alors l alignement gauche Entra nez vous a test les diff rentes options pour le texte tr s similaires un diteur de texte classique 4 Cliquez dans la premi re ligne tableau de 5 lignes de la colonne de gauche et crivez y Menu Vous rentrerez dans les 2 lignes au dessous les rubriques suivantes Chiens Chats Il existe deux grands types de liens hypertextes Interne et Externe Nous nous attacherons expliquer les diff rences entre ces 2 types de liens Liens internes 1 Les liens internes sont des liens qui restent l int rieur de votre site 2 S lectionnez le texte Menu que vous avez tap dans la partie pr c dente en cliquant 3 fois dessus 3 Cliquez ensuite sur l ic ne suivant en forme de dossier entour en rouge sur l image ut Taille Aucune se TJ P fpointer vers un fichier H m HE E
19. e Respecter les objectifs de qualit de co ts et de d lais Ma triser les impacts sur le management l organisation et le syst me d information Prendre en compte l aspect pluridisciplinaire des diff rents acteurs utilisateurs finaux producteurs de documents hyperm dia responsables de la communication managers infographistes ing nieurs r seaux Il est donc important de d finir avec soin les champs de comp tences r ciproques des diff rents acteurs et de porter une attention extr me l affectation des t ches Pour cela les logiciels d aide la gestion de projet ainsi qu une solide formation ces m thodologies sont plus que n cessaires St phane VION pour le CNAM p 47 Petit panel des questions courantes que se pose le gestionnaire de projet Internet Intranet Comment g rer le projet dans la dur e comment sensibiliser les utilisateurs Quelles sont les cons quences d un site web Internet Intranet sur l organisation et le fonctionnement de l entreprise Comment maintenir jour le site web Internet Intranet quelle politique ditoriale doit on adopter Quelles sont les applications de l entreprise les plus adapt es et surtout quelles sont les application prioritaires Faut il baser le d veloppement logiciel dans l entreprise sur des technologies mergentes telles que jAVA ou XML ou le WAP Comment calculer le retour sur investissement pour valider ces choix Comment concilier qu
20. fait des diteurs HTML am lior s qui permettaient d ins rer directement les codes des balises HTML en les choisissant dans des listes pr d finies HotDogPro ou HotMetal et Webexpert sur PC et de visualiser le r sultat sur un lecteur Web Ces produits ont tendance tre supplant s par les diteurs WYSIWYG Leur seul avantage est d tre d sormais quasiment distribu s gratuitement Avant de d tailler les diff rents points pr cisons que si vous voulez faire des choses assez fines il est quand m me recommand de conna tre le langage HTML et pour ce faire rien ne vaut un bon vieil diteur texte pour crire directement en HTML De plus sa connaissance vous permettra de comprendre pas mal de subtilit s au niveau des contraintes de mise en pages De plus la possibilit d utiliser des feuilles de style pour normaliser la pr sentation des documents permet d acc l rer de fa on tout fait notables la cr ation des pages St phane VION pour le CNAM p 26 En utilisant un diteur WYSIWYG What You See Is What You Get Sans rien conna tre aux balises du langage HTML vous pouvez d sormais utiliser une panoplie de logiciels diteurs HTML Macrom dia Dreamwaever Microsoft Frontpage Adobe Golive qui crivent graphiquement le langage pour vous d apr s votre document compos en mode wysiwyg Vous composez alors votre page graphique comme vous le feriez avec une page traditionnelle sur un traitement de
21. gif jpeg ou png puis cliquez sur ok St phane VION pour le CNAM p 76 Finition een 7 Finissons en mettant des tableaux ou cela sera n cessaire Dans la colonne gauche ins rez un tableau lignes 5 colonnes 1 largeur 100 bordure 0 faites de m me pour la colonne droite 8 Changeons de couleurs les deux colonnes droite et a gauche pour l esth tique Faites un clic gauche dans la colonne de gauche puis dans la barre des propri t s cliquez sur l ic ne Ar pl HFFFFFF des htm Taille Aucune SD Pas de ret ng la Eliauez i i Faites de m me pour la colonne droite Nous allons maintenant ins rer du texte dans le document et en profiter pour voir les possibilit s offertes par le logiciel Edition de texte 1 Cliquez dans le tableau central et choisissez un alignement centr dans les propri t s El B Z EL J uto Ar pl 2 Rentrez le texte Bienvenue sur mon premier site S lectionner le texte en cliquant 3 fois dessus par exemple et modifiez ses propri t s comme suit Police Geneva Arial Helvetica Taille du texte 5 Couleur du texte 0000FF bleu Forme du texte B Gras lt bodp lt table gt lt th lt td gt lt div gt lt p gt lt font gt Taille du texte Forme
22. graphique demande de suivre les recommandations issues du plan communication et des choix techniques r sultants du cahier des charges d fini La troisi me composante plus difficile ma triser est la question de rendu artistique de votre site Une m thode de conception graphique couramment propos e par les web agencies sp cialis es en d veloppement graphique est celle de la conception en Y La mission artistique est confi e deux designers graphistes qui doivent proposer deux maquettes initiales Le responsable du site assist en g n ral du service Communication et du service informatique exprime alors ses remarques et les deux quipes modifient leur conception en prenant en compte ces remarques et souhaits Ainsi en r p tant de fa on it rative le processus de cr ation il est possible d arriver en moins de 10 tapes un r sultat unique refl tant les souhaits et recueillant le meilleur des apports artistiques des deux quipes Communication En amont du lancement du site Internet Intranet il est important de b tir un plan communication garantissant la pertinence et de l efficacit de votre site Web Il peut tre utile lors de cette phase de faire appel des consultants externes qui proposeront les outils de r flexion et leur connaissance du domaine pour vous permettre de r aliser et de contr ler les objectifs Ils interviennent lors des premi res r unions r digent les recommandations en
23. il cliquera Dans le cas de la r alisation d un site institutionnel et plut t strict entreprise commerce les pictos devinettes et ic nes myst res sont exclure du mode de navigation principal mais peuvent tre utilis s pour des fonctions secondaires tel que t l charger ajouter au panier imprimer etc L ensemble des images hors contenu risquant d alourdir la page inutilement le sur poids ne devrait se justifier que par des images de qualit composant elles m mes le contenu illustration du propos compl ment d information graphiques mais aussi photos utiles descriptives cognitives quoi Professionnalisme Une page d accueil mal utilis e d t riore le s rieux et la cr dibilit de l ensemble du site Des images mal optimis es et longues charger des textes illisibles et mal a r s une animation interminable une construction anarchique ou trop originale qui d stabiliserait l internaute une navigation nigmatique si vous voulez faire fuir le client Pour conclure retenez que la page d accueil est un peu comme l affiche annon ant un v nement ou vantant un produit tout ne peu pas y appara tre mais l essentiel doit y tre dans une harmonie et un bon sens qui favorisera l acte de l internaute entr e sur le site achat commande St phane VION pour le CNAM p 10 DREAMWEAVER Prise en main Cr er un nouveau site mmennennennennnennnnnennnennnnnennnenn nn e nn 1 Nous al
24. l endroit ou vous tes situ s d ou son nom En revanche si vous voulez ajouter une ligne appuyez sur la touche Tab partir de la derni re colonne de la derni re ligne Peu pratique pr f rez la commande Modifier tableau ins rer des lignes ou des colonnes et choisissez l option retenue Copier rapidement mnrnrrnnnnnennnnnnnnnnnnnnnnnnnnnnnnnnnnee Lorsqu un l ment doit tre copi puis coll rapidement un champs par exemple D placez cet l ment en maintenant la touche Ctrl un petit appara t cot de votre curseur L chez la souris en premier l endroit souhait et l chez Ctrl Voil c est dupliqu et votre presse papier n pas t sollicit Correction du site Une commande efficace permet en plus de la v rification HTML d esquiver d normes erreurs Celle ci est accessible via le menu site rapport ou des cases cocher clairement intitul es vous permettrons d effectuer vos derni res retouches Mode mise en forme 4 0 nnnnnnnnnnnnnnennnnnnnnnnnnnnne Pour passer d un mode l autre faites Ctrl F6 pour mode mise en forme et Ctrl Maj F6 pour passer en mode normal Notez que ceux ci sont modifiables via le menu dition raccourcis clavier Copier coller 4 0 nn nn ne Copier coller comme texte n existe plus dans la version 4 0 elle est devenue copier coller tout cours C est d autant plus surprenant que si vous annulez
25. la commande s appelle annuler coller comme texte Mais rien de grave Copier HTML copie bien le code en revanche coller HTML permet de coller aussi du texte standard mais sans la mise en forme On aurais pr f r insertion de fichier a vite les aller retour inutile D coration nulle 4 0 mrnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnne Dreamweaver 4 0 est vraiment exceptionnel Lors de la cr ation d un style dans la cat gorie type de la boite de dialogue on trouve en bas de celle ci des cases cocher Si vous cochez Aucune d coration Soulign est activ e et inversement Cependant pour l une comme pour l autre vous pouvez cocher puis d cocher la m me option sans que l autre ne s active en cons quence Retenez que dans ce cas c est soulign qui pr vaut Chez Macrom dia on est pas l aise avec les boutons radio Zooms sur la carte du site mrmmnnnnnnnnnnnnnennnnnnennnnnns Vous pouvez en visualisant la carte du site zommer en moins ou en plus l aide des raccourcis de clavier Ctri ou Ctrl Corrections de balises multiples D mms Corriger le code HTML sous Dreamweaver est tr s simple Cependant il est important de limiter le nombre d op rations Hors les corrections HTML ne peuvent s enregistrer dans la palette des historiques Utiliser la fonction de nettoyage HTML propre DreamWeaver Commandes nettoyer HTML et dans la partie balises sp cifiques ins rez le
26. possible lorsqu il s agit d un site comprenant des articles un peu comme celui ci d incorporer des liens dans le texte comme a je suis sur que vous avez lu voire cliqu comme a avant m me d avoir finit de lire le paragraphe Ce qui permet l internaute d tendre lat ralement son attention et sa recherche sur des articles parall les traitant du m me th me Plus Le plus c est le breadcrumbtrail le gt petit gt chemin gt indiquant gt les gt pages gt travers es que vous aurez pris soin de placer en haut ou en bas des pages successives C est pas beau quoi qu avec un petit effort mais c est pratique a permet de revenir en arri re avec pr cision sur une page sous rubrique ou mini sommaire ou tout simplement de savoir de v rifier dans quelles partie du site le visiteur se trouve Les avantages y a plusieurs bons points pour cette forme de navigation 1 rapidit d obtention de l information ou du produit recherch pour peu que les pages mini sommaires qui ce succ dent soient l g res 2 satisfaction de l internaute client due non seulement au fait qu il a trouv ce qu il cherchait mais aussi l impression qu il aura eu de ne pas avoir tourn en rond d avoir avanc pas pas travers le site sans fl ner dans des rubriques qui ne le concernaient pas 3 retour sur le site de l internaute heureux et des personnes qui il aura communiqu le bon plan Navigation structur e Le principe du
27. proche et qu il faudra alors mettre sur le web Ensuite et de plus en plus les bases de donn es documentaires de l entreprise et toutes bases de donn es de gestion ERP permettant l dition et la consultation de tableaux de bord construits en temps r el et fiables Et encore ensuite l internet utilis dans une strat gie de veille et de collecte d information qui seront ensuite expertis es par les documentalistes et valoris es index es nettoy es r f renc es par leur passage dans les bases de donn es documentaires G rer la compl mentarit crit cran Les principes d une charte graphique L objectif d une charte graphique est de fournir une coh rence visuelle et graphique l ensemble des informations disponibles sur le site web et ce afin de faciliter le rep rage et la compr hension intuitive du lecteur qui fr quente le site Promouvoir et valoriser une coh rence globale sur le site Proposer un univers graphique convivial favorable l acc s l information et extr mement important pour la notori t du site Bien souvent la d marche de se doter d une charte graphique trouve son origine dans une politique de communication coh rente et globale qui touche autant le web que les supports papiers magn tiques traditionnels Cette d marche se trouve galement renforc e par le fait que de plus en plus de produits de cr ation de sites web proposent et m me encouragent fo
28. son label sous la hi rarchie fr doit s y adresser et respecter les points suivants Le nom de domaine doit tre soit le nom de l organisme soit son sigle soit une marque d pos e par celui ci Les soci t s doivent fournir un extrait K bis et leur num ro Siret Si le nom choisi correspond une marque il faut joindre le certificat d enregistrement l INPI Les associations doivent joindre une copie de la d claration la pr fecture ou de la parution au journal officiel Ces pi ces sont joindre au formulaire d enregistrement Certains noms sont r serv s et ne peuvent donc pas tre attribu s un organisme les noms g n riques ex INTERNET Web les noms de protocoles ex FTP FDDI g ographiques etc Les noms de domaine sont attribu s selon la r gle du premier arriv premier servi St phane VION pour le CNAM p 52 D finir une organisation des donn es Typologie et choix des formats de diffusion Pages Web pour une portabilit totale Fichiers PDF pour une pr sentation efficace Fichiers au format traitement de texte pour une r utilisation possible Mise en place technique Site propre ou h berg Quelle modalit d h bergement du site Web choisir Comment le rendre accessible en permanence Un nom de domaine DNS propre ou d un h bergement en sous domaine Raccordement au r seau et recherche d un fournisseur d h bergement et de connectivit valuatio
29. tcp en g n ral le port 80 i e l quivalent d un canal de TV ou d une fr quence FM L mission d un document par un serveur HTTP vers un client WWW demandeur se passe de la fa on suivante 1 Le client envoie une demande de connexion sur le port HTTP du serveur cibl 2 Apr s v rification le serveur accepte la connexion 3 le client met sa requ te il s agit d une simple ligne de texte termin e par les caract res CR et LF Le corps d une requ te est compos par la commande GET suivie d un espace et de l adresse machine emplacement dans l arborescence de fichiers du document demand 4 le serveur exp die le document demand c est un fichier HTML le serveur coupe la connexion elle mat rialise aussi la fin du document demand 6 Le client interpr te lui m me les balises HTML pour pr senter le document sous sa forme finale enrichissement images int gr es etc La version actuelle HTTP 1 1 d j support par les serveurs du CERN et du NCSA propose de consolider le dialogue entre clients et serveurs Les principaux changements sont les suivants e extension des fa ons d obtenir un document par la cr ation de m thodes d acc s plus souples dans leur utilisation pour les formulaires par exemple mission de la version de protocole support e par le client encapsulation du corps du document transmettre par des en t tes MIME afin de s int grer pl
30. texte Cette solution est extr mement r pandue actuellement dans l environnement micro informatique Les produits les plus connus l heure actuelle sont Dreamweaver Front Page Cold Fusion Websphere Golive Ces outils sont bien videmment payants mais utilisables gratuitement sous certaines conditions Wysiwyg signifie What You See is What You Get autrement dit ce que vous voyez est ce que vous obtenez Nous devrions parler d diteur Wysimolwyget What You See is more or less What You Get en effet le premier postulat du HTML est de d crire un texte avec ses conventions typographiques Ainsi le HTML n impose donc pas de rendu particulier puisque c est un langage de description de la structure d un document Une liste d diteurs Wysiwyg Front Page de Microsoft est un bon produit g rant le t l chargement des pages sur le serveur Http Version fran aise Dans sa version Offie 2000 il permet la g n ration automatique de contenus bas s sur des feuilles de styles XML technologie XSSL GoLive d Adobe ce logiciel offre une tr s belle ergonomie et une gestion des fen tres frames des plus abouties Dreamweaver MX Macromedia est un tr s tr s bon outil qui supporte largement la comparaison avec Microsoft FrontPage 2000 Son interface est tr s intuitive et il s int gre parfaitement dans la gamme des outils phares de Macromedia savoir Flash et Fireworks qui permettent de cr er des animations mu
31. troite collaboration avec vos d cideurs Ils coordonnent ensuite les interventions des quipes de graphistes afin de pr senter une maquette qui servira l quipe de r alisation St phane VION pour le CNAM p 49 Enfin le plan communication comprend les modalit s de r f rencement et la campagne m diatique de lancement Il faut galement mettre en place des outils d analyse de fr quentation utiles la r flexion et l action pour accro tre l audience de votre site S curit L h bergement d un site web conduit veiller sur l ensemble des serveurs de fa on permanente et rigoureuse car force est de constater que pas un serveur sur Internet ne subit aujourd hui de tentatives d intrusion Le Kit de s curit usuel comprend Un firewall filtrant i e une machine situ e l entr e du r seau et filtrant toutes les appels entrants sortants Des zones franches DMZ Des services leurres pour mieux pi ger les attaques usuelles et d tourner les pirates ventuels Une panoplie d outils de rep rage d attaque Une politique de sauvegarde backup r guli re permettant de r installer un serveur d s que l on constate qu un l ment du syst me a t anormalement modifi se r v le galement indispensable La surveillance monitoring de tous les serveurs est obligatoire et n cessite des proc dures d alertes en temps r el pour toute anomalie Les plans s curit doivent tre v rifi
32. un service Web Suivre la fr quentation du site et adapter sa politique de diffusion L utilisation croissante du web comme outil ouvert de diffusion de l information rend indispensable l valuation constante de la qualit de l information que l on y diffuse Une semaine pour construire son site deux pour le lancer puis attendre que votre bo te lettres e mail regorge de compliments d utilisateurs On consid re qu un visiteur de votre web sur mille vous enverra un courrier souvent des fins commerciales D o la n cessit d un comptage pour conna tre le nombre de visiteurs de votre site les pages consult es et le temps pass Notez que le prestataire d acc s qui vous h berge est cens vous donner des statistiques de fr quentations Un regard critique ext rieur est indispensable et tenir r guli rement des r unions critiques sur sa politique de diffusion est un luxe enviable Une quipe neutre devra donc tre constitu e ainsi que le collationnement syst matique des remarques sur l ergonomie ou l int r t de votre site que l on peut vous adresser directement Evaluer l usage du site pour mieux le faire voluer outils de collecte et d analyse des statistiques d utilisation Enfin il est tr s utile d analyser finement les fichiers de journalisation des connexions et erreurs on parle de fichiers de logs qu on rencontr es vos lecteurs car elles apportent norm ment d enseignements sur les rubriq
33. une repr sentation tr s statique de l information pr sente sur un site web la d livrance d informations tr s dynamiques Le web statique Il s agit du web standard contenu dans des fichiers au format HTML construit l aide d diteurs sp cialis s Dreamweaver FrontPage et publi sur des serveurs web traditionnels Le web dynamique Il est constitu par toutes les pages web dynamiques i e dont le contenu est fourni dynamiquement par les serveurs que l on consulte lors d une interrogation d une base de donn es accessible en ligne par exemple St phane VION pour le CNAM p 23 De plus en plus de sites web d livrent et d livreront du texte int gral sous la forme de web dynamique sans que cela soit d tectable au premier abord par un lecteur peu au fait de ces technologies Web statique Cette organisation de l information concerne la totalit des documents dont le cycle de production est soit interrompu soit d finitivement arr t Il s agit par exemple de tous les documents papiers et ou bureautiques standards cr s lors de s ances de travail individuelles ou collectives 2 Site serda2001 OI x Fichier Edition fichage Site Fen tre 2 B 27 sedaz z s 2 Actuaiser R pertoire local C Mes documents Mes sites web serda m Animations E E Bienvenue Ca ticn HSKM htm main bak main htm menu htm menu2 htm promo bak promo htrl serda2 css to
34. votre entreprise ou de votre activit La diff rence avec le site vitrine tient dans le fait qu on ne se contente pas de regarder vous offrez la possibilit d entrer notamment en contact afin de commander d tablir une relation professionnel de fournir des renseignements ou des propositions personnalis es un site commer ant qui compte en plus de l change la possibilit d aller jusqu au bout de l acte d achat Ce site comporte un syst me de panier de paiement s curis d acc s aux produits par une recherche index e etc un site portail qui regrouperait une collection de liens autour d un ou plusieurs th mes un ensemble de services divers et vari s un moteur de recherche Voil quoi 3 D terminer le principe de fonctionnement Directement li e l tape pr c dente cette troisi me tape va vous permettre de concevoir et de comprendre votre propre site selon un sch ma mental et un mode de navigation choisi On parle d un sc nario labor partir de l id e que vous avez Vous pr f rerez certainement concevoir un sc nario qui ne d sorientera pas vos visiteurs par rapport aux habitudes qu ils ont acquises sur internet mais un soup on d originalit sera n cessaire votre distinction surtout par rapport la concurrence 4 Collectez le contenu Vous devez conna tre tr s pr cis ment et rassembler tout ce qui appara tra sur votre site tous les textes toutes les images tous les services prop
35. ILE http la ressource est accessible par le protocole HTTP C est le cas des ressources disponibles sur un serveur W3 telnet la ressource est accessible via une session interactive TELNET gopher la ressource est accessible par le protocole GOPHER wais la ressource est accessible par la version WAIS du protocole Z39 50 news la ressource est accessible par le protocole NNTP les groupes de discussion mailto la ressource est accessible par le protocole SMTP du courrier lectronique Idap la ressource est accessible par le protocole LDAP LightWeight Directory Access pour l interrogation d annuaires d entreprise L utilisation du caract re suivi d une cha ne de caract res la fin du nom d un document permet de r f rencer un endroit une ancre dans celui ci Par exemple http web urec fr docs www web l html HDR permet d acc der directement un endroit pr cis du document Il faut bien s r pour cela que l ancre correspondante existe dans le document en question L utilisation du caract re suivi d une cha ne de caract res la fin du nom d un document correspond soit l interrogation d un document index soit une liste de param tres pour l ex cution d un programme Dans ce cas les caract res sp ciaux blanc caract res accentu s sont cod s Par exemple wais quake think com 210 directory of servers inria correspond l interrogation de la base WAIS dire
36. Janvier 2009 WEBMASTER Les technologies du web Les technologies les ressources les outils l ergonomie le suivi des utilisateurs CONSERVATOIRE NATIONAL DES ARTS ET METIERS n 25 bd Guy Mollet BP 31115 CENTRE REGIONAL DES PAYS DE LA LOIRE 44311 NANTES CEDEX 3 CENTRE D ENSEIGNEMENT DE NANTES T l 02 40 16 10 45 Fax 02 40 16 10 46 St phane VION pour le CNAM p1 Les enjeux d une r organisation de son site web Offrir un service performant et efficace sur son site web n est pas toujours chose ais e car les raisons du succ s d un site web sont nombreuses et vari es et d pendent fortement des publics auxquels il s adresse Deux objectifs importants doivent tre retenus Fid liser et renforcer son service aupr s de ses utilisateurs r guliers Trouver un nouveau public et valoriser son activit On prendra pour exemple le succ s de toutes les tentatives des biblioth ques de lecture publique de diffuser leur catalogue ou celui du catalogue de la BNF Il faut galement savoir profiter des avantages offerts par le r seau pour acc l rer et simplifier la fourniture de services d information vers des utilisateurs lointains ou pouvant difficilement se d placer vers les ressources d information de l organisation Services et enjeux Internet Intranet modernit des supports mais difficult s conceptuelles Les services sont d finis par l environnement informatique des product
37. PHP CGI BIN etc Is sont tr s nombreux et vari s et vous seront souvent propos es par des Web agencies ma trisant telle ou telle technologie Il faut distinguer le web dynamique qui utilise des pages web mod les contenant des balises allant chercher des informations dans les bases de donn es c est les cas des technologies PHP pour PHP Hypertext Preprocessor technologie Open Source Linux et ASP Active Server Page technologie Microsoft qui construit directement un code HTML envoy au navigateur web c est le cas des technologies cgi bin Common Gateway Interface Binaries La plus grande qualit et le plus important avantage du langage PHP est le support d un grand nombre de bases de donn es R aliser une page web dynamique interfacant une base de donn s est extr mement simple Les bases de donn es suivantes sont support es par PHP Adabas D InterBase Postgres QL DBase FrontBase Sesam Empress mSQL Solid FilePro lecutre Direct MS SQL Sybase seule Hyperwave MySQL Velocis IBM DB2 ODBC Unix dbm Informix Oracle OCI7 et OCI8 Ingres Ovrimos St phane VION pour le CNAM p 29 Organiser et hi rarchiser l information sur son site Nouvelles applications documentaires et r seaux De fa on g n rale les solutions mergentes et novatrices proposent une architecture trois tiers avec serveur Web pour s parer la pr sentation le tr
38. WW utilise le concept de Web en Anglais un treillis une base de donn es universelle o les documents de tout type sont identifi s de mani re unique et pointent les uns vers les autres par des liens hypertexte La vision du monde devient alors un graphe de ressources informationnelles r parties sur INTERNET facilitant ainsi la compr hension intuitive et rapide de la circulation et de l acc s l information pour des utilisateurs d INTERNET Ceux ci tant caract ris s par un faible niveau de comp tences informatiques et accoutum s la facilit d emploi d un micro ordinateur Un syst me client serveur Le client logiciel disponible sur votre micro ordinateur Il permet de se connecter sur les diff rents serveurs WWW et d interpr ter les pages HTML que celui ci lui envoie par Paris J SERVEUR transfert de fichier A Le serveur le logiciel install sur la machine appel e par exemple http cm www meteo fr et qui r pond aux _ demandes des clients WWW en leur nii servant l information au travers du a r seau INTERNET Palo Alto ss ai Le World Wide Web utilise le mod le classique client serveur avec de l g res adaptations CLIENTS Le dialogue entre un client et un serveur WWW FTP ou autre est tr s simple 1 Etablissement de la connexion 2 Le serveur fournit ou non la ressource demand e 3 Fermeture de la connexion par le serveur 4 Interpr tation et affic
39. age d ari re plan Couleur d ari re plan Couleur du texte Couleur du lien Marge gauche Marge haut Encodage du document Trac de l image E Transparence de l image Transparent Dossier du document Parcourir 100 Opaque Dossier du ste E cr er site intemets 7 Laissez les couleurs de texte et de liens vides Nous utiliserons plut t un style CSS plus tard dans le cours 8 Remplissez les champs Marge gauche Marge haut Largeur de marge et hauteur de marge par 0 Et ne touchez pas au reste Marge gauche Marge haut Encodage du document Trac de l image Transparence de l image 0 Largeur de marge 0 Hauteur de marge Occidental Latin1 v Transparent 0 J Parcourir 100 Opaque 9 C est fini pour les propri t s de la page Les tableaux sont la structure de votre site il ne sont donc surtout pas n gliger St phane VION pour le CNAM p 74 Cr er un tableau centr rmnrnnrnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnne 1 Pour cr er un tableau faites Insertion gt Tableau ou bien cliquez sur l ic ne dans la barre d outil Commun Fa Cadres Commun M en formel Tene Tableau amp amp Titre premierepage 3 2 Cette boite de dialogue s ouvre Configurez la comme suit Lignes 1 Colonnes 1 Largeur 100 le
40. ainsi pour la premi re fois un outil int gr d acc s aux ressources les plus demand es d INTERNET Dans WWW une ressource peut donc tre un fichier mais aussi la liste d un r pertoire dans le cas par exemple de l acc s un r pertoire sur un serveur FTP anonyme un menu GOPHER l acc s une base WAIS la lecture d un groupe de NEWS etc Les serveurs Web et leurs adresses URL Uniform Resource Locator Lorsqu on navigue sur Internet Intranet il est n cessaire de pouvoir d signer un document situ sur un serveur d une mani re unique et universelle C est le r le de l URL qui contient la m thode d acc s au document le nom du serveur et le chemin d acc s au document Voici quelques exemples d URL O http www fnac com d signe la page d accueil du site de la FNAC 1 ftp ftp urec fr pub reseaux d signe le r pertoire pub r seaux sur la machine ftp urec fr accessible en ftp anonymous 2 Idap Idap enssib fr pointe sur le serveur LDAP de l enssib pour interroger l annuaire de son personnel Le protocole de communication Le langage de communication utilis par les clients et le serveur s appelle HTTP HyperText Transfer Protocol Il s agit d un protocole sans tats i e qu il ne permet pas de m moriser la totalit d une session entre un navigateur et un client St phane VION pour le CNAM p7 Un serveur HTTP coute les requ tes de clients potentiels sur un port
41. aitement le stockage des donn es Cette ind pendance facilite la mise jour de chaque l ment de fa on autonome et les changes de donn es entre applications portails Derni re tendance du march l int gration du langage XML qui permet d expliciter tout type de contenu et de p renniser une politique documentaire Les services indispensables proposer sur un site Internet Intranet Proposer des services interactifs le forum de discussions Le forum est un des pivots de la construction d identit sur Internet ou Intranet un point tel qu on n imagine plus un site qui en serait priv R duit l essentiel il prend la forme d un panneau d affichage sur lequel s inscrivent au fur et mesure les messages interrogations r ponses de participants quotidiens ou occasionnels Le m canisme reste le m me sur Intranet L entreprise y trouve satisfaction dans l tablissement d un nouveau canal de communication informelle il ne s agit pas l de son usage le plus novateur en effet un forum peut aussi souder une quipe dispers e g ographiquement autour d un m me projet La technologie mise en jeu C t utilisateur le forum ne doit utiliser que du code HTML ce qui vite l internaute d avoir poss der les derni res versions des navigateurs Web et de recevoir des applets java ou activeX qui peuvent compromettre la stabilit de leur navigateur C t serveur le forum est une application qui r cept
42. alit du graphisme ergonomie et convivialit Comment choisir une solution produit dans une offre en perp tuelle volution Comment g rer les aspect r seaux TCP IP et l acc s aux bases de donn es de l entreprise Comment proposer aux clients partenaires ou fournisseurs un acc s distant s curis Comment administrer simplement ce nouveau syst me d information Gestion du projet Cr er un site demande l intervention d quipes pluridisciplinaires dont les intervenants n ont pas toujours les m mes aptitudes Il faut donc confier la responsabilit des quipes un chef de projet v ritable chef d orchestre et qui demeure l interlocuteur privil gi pour tous On doit galement constituer ou contacter une quipe de designers graphistes avec lesquels on d finira les choix ergonomiques et artistiques Viennent ensuite les concepteurs HTML Javascript ou Flash qui ordonnancent les diff rentes pages Un responsable logiciel veille d abord g rer les t ches automatisables mais galement r pondre techniquement aux demandes de r alisation des parties informatiques comme les bases de donn es les formulaires les parties s curis es ou tout autre besoin sous jacent C est le responsable logiciel qui veille la bonne maintenance du site et aux choix techniques judicieux Lors de la mise en ligne du site un ing nieur syst me assure le bon fonctionnement de l ensemble et r dige le manuel d installation du site
43. bilit de fl ner faisant na tre chez l internaute avide de sensations la d licieuse impression d avoir tout visit La navigation structur e permet aux visiteurs de sauter d une zone du site une autre sans passer par la page d accueil On en conclura que cette forme de navigation est particuli rement adapt e aux sites de pr sentation d exposition galerie book de d monstration genre site perso mais parfaitement adaptable tous les autres sites St phane VION pour le CNAM p 68 Plus Bien s r le bread crumbt rail vous savez le gt petit gt chemin gt indiquant gt les gt pages gt travers es peut aussi trouver sa place sur ce type de site Je sais c est pas beau mais Bon si c est clair pour tout le monde je vais m arr ter l Vous avez certainement d autres id es de navigation elles seront bonnes si elles respectent les exigences des internautes que sont la rapidit la claret l efficacit Les diff rents crit res de recherche par tri s lectif sur un site commer ant ou d information peuvent tre e la chronologie l v nementiel la nouveaut la typologie la th matique les familles de produits les caract ristiques diff rentielles qui peuvent tre o la zone g ographique o la provenance l auteur la source les caract ristiques de l internaute lui m me qui peuvent tre li es o son genre homme femme particulier entreprise o sa probl matique
44. bjectifs d un centre documentaire Leur influence strat gique est forte aupr s de la direction g n rale il importe donc d tre toujours en phase avec eux Les services juridiques ils d finissent les limites de la politique de diffusion en alertant et contr lant les producteurs sur les dangers de la diffusion d informations contrevenant aux principes du droit d auteur Les affaires financi res le nerf de la guerre Ces quipes devront agir en bonne concertation tout en conservant leur autonomie Cette dynamique de travail suppose 1 Le choix d un coordinateur correspondant dot d une personnalit suffisamment forte et diplomate pour animer convaincre et lisser les obstacles Le support clair et sans ambigu t de ces actions par les autorit s sp cifiques l organigramme hi rarchique de l organisation Une planification rigoureuse et adaptative dans un contexte de gestion de projet La recherche de comp tences externes pour les technologies tr s mergentes qu il faudra mobiliser et faire interagir St phane VION pour le CNAM p 5 Principes g n raux de fonctionnement d un serveur WWW Le Web tel que nous le connaissons actuellement est l aboutissement d un projet du CERN qui a vu le jour en mars 1989 et qui avait l origine le but de proposer une solution pour la communication de l information dans la communaut de la physique des hautes nergies en utilisant l INTERNET W
45. c s une information dont la qualit de production et la pertinence des modes d acc s indexation liste d autorit etc sont contr les par un documentaliste L int r t de ces syst mes est de favoriser un meilleur contr le de l information la d livrance automatique de contenus web g n r s dynamiquement et en fonction des demandes des utilisateurs ce qui permet des d clinaisons de l information beaucoup plus pertinentes et en phase avec les desiderata des lecteurs Elles permettent de mettre en place des interfaces d interrogation qui vont autonomiser le lecteur et lui permettre d acc der des informations qu ils n aurait peut tre pas rep r es dans le cadre d une navigation par liens hypertextuels Ce syst me de web dynamique l inconv nient de mobiliser plus de ressources informatiques complexes serveurs logiciels de bases de donn es langages d interfa age etc mais se r v le vite tr s performant surtout depuis que la majorit des logiciels documentaires proposent des modules web permettant d interfacer directement sa base de donn es documentaire avec le web St phane VION pour le CNAM p 43 Les principales missions d un groupe projet pour un site Internet intranet Les enjeux conomiques et juridiques Les cons quences directes du point de vue de l utilisateurs sont doubles 1 L inflation technologique Une nouvelle version de l environnement de d veloppement Web appara t t
46. ce et lanalyse de la fr quentation du site Ces outils sont tr s pr cieux car il donnent le recul n cessaire l infl chissement d une politique de communication sur le Web un serveur n tant jamais totalement suivi et consult par le public que l on attendait initialement Cette d marche doit tre r currente et DOIT SURTOUT suivre une m thodologie normalis e accept e et comprise par toutes les entit s de l organisation webmasters service communication service informatique direction panels de testeurs etc Pour mettre au point cette m thodologie il importe au pr alable de constituer des groupes de tests qui valideront les logiciels d analyse ainsi que les r sultats qu ils fournissent Les indicateurs pertinents Surveiller pour mieux comprendre Il s agit essentiellement de surveiller deux aspects ce qui est appr ci et ce dont les lecteurs se d tournent d en comprendre les raisons et de faire des choix correctifs St phane VION pour le CNAM p56 Pour cela un certain nombre d indicateurs factuels sont faciles d terminer ils doivent cependant tre compl t s par une r flexion collective et r currente Eee Un ne Ces s ances de travail devront tre SR ne anim es en g n ral par une tierce partie non impliqu e dans l activit de i maintenance du site web afin de garantir une certaine impartialit dans les analyses et les choix
47. collaboratif Des syst mes de suivi de versions et de cycle de production workflow permettent une tra abilit et une validation des informations pour garantir la qualit de celle ci II est important de souligner l importance du facteur qualit du document dans la base de connaissances quand il s agit de connaissances explicites Ces notions de qualit de l information mergent actuellement et font d ailleurs l objet de proc dures de normalisation tant d un point de vue technique cf la Web Accessibility Initiative du web consortium que d un point de vue m thodologique cf norme AFNOR Ils impliquent un nombre croissant de comp tences et de ressources humaines au sein des organisations et n cessitent pour cela la pr sence d environnement techniques adapt s ces nouveaux usages Outils m thodologiques pour l animation et la promotion des services propos s et compl mentarit des moyens de communication et de promotion Le facteur principal de promotion d un site est son contenu Le r f rencement est n cessaire mais Inversement proportionnel la notori t du site Pas suffisant Les sites actuels ne sont pas con us en tenant compte des crit res de pertinence des moteurs ce qui oblige cr er des rustines M thodologie d optimisation du site en fonction des moteurs de recherche Crit res in the page Balises TITLE doivent tre explicites et pertinentes Le texte doit tre
48. ctory of servers sur le serveur quake think com inria tant le param tre de l interrogation De fa on g n rale le caract re permet de passer des param tres un programme qui sera ex cut par le serveur W3 St phane VION pour le CNAM p 9 Serveurs caches et proxys Un serveur PROXY CACHE sert M lt ff acc l rer les requ tes sur les serveurs au 69 LL lointains d INTERNET et contr ler les acc s entrant sortants de l Intranet On w parle aussi de Firewall ou de garde barri re En s intercalant ainsi entre des clients W3 et E des serveurs d information utilisant divers protocoles il peut tre la cause d un certain nombre de probl mes de t l chargement sur Internet Chaque requ te de l utilisateur est envoy par le logiciel client au serveur proxy qui va y r pondre directement s il dispose de l information dans son cache ou qui va d faut envoyer lui m me la requ te au serveur destinataire chaque document ainsi relay par le serveur proxy est conserv dans un cache durant un temps variable si un document d j dans le cache est demand au serveur proxy celui ci ne va pas demander le document au serveur distant La configuration du cache permet de d finir une gestion des acc s en fonction de certains param tres date de derni re mise jours du document dur e de vie maximale des documents dans le cache e dur e de non util
49. de de la qualit d information sur un site web qu il soit Internet ou Intranet et pour ses raisons il est tr s fr quent de voir les organisations abandonner petit petit la maintenance d un site web statique constitu d arborescences de dossiers et de fichiers pour un site web dynamique organis autour de bases de donn es d livrant du HTML construit la vol e dynamiquement L int r t de cette approche est de favoriser la centralisation de l information ainsi que le contr le de sa qualit La gestion sous formes de bases de donn es favorise galement leur indexation donc des interfaces d acc s l information souvent plus intuitives et performantes que la simple navigation surtout St phane VION pour le CNAM p 24 lorsque ces sites commencent d passer la dizaine de milliers de ages ce qui arrive beaucoup lus vite qu on ne le pense Le dernier int r t de cette technologie est aussi de conserver l information dans un seul format num rique que l on pourra d cliner ensuite sous les formats les plus appropri s aux interfaces de lecture HTML pour un simple navigateur PDF pour une impression papier de qualit etc dans ce contexte XML constitue la solution la plus satisfaisante St phane VION pour le CNAM p 25 Les outils logiciels pour l organisation de sites web statiques Web statique Un site web doit tre consid r comme statique s il comporte une majorit de doc
50. de navigation l ent te des pages met l emphase sur la hi rarchie du site Toutes les pages sont sous un format identique et contiennent les hyperliens de navigation les plus importants au bas de toutes les pages de fa on constante Le contenu associ est li par des hyperliens Les visiteurs sont invit s revenir sur le site par l offre de services quotidiens et r currents ainsi que d une liste de distribution gratuite par courrier lectronique St phane VION pour le CNAM p4 Le lecteur n aime pas attendre La temps de t l chargement d une page sur le Web est primordial puisque la plupart des visiteurs ont un acc s Internet une vitesse de 56 kbps les pages Web ne peuvent vraiment d passer 3 4 KB si vous voulez les t l charger en une seconde qui le temps de r ponse recherch pour la navigation hypertexte Ce principe devrait tre suivi probablement m me lorsque les r seaux haut d bit seront disponibles pour les particuliers Les pages doivent alors avoir tr s peu de graphiques Les utilisateurs sur le Web perdent leur niveau d attention et d int r t pour la page d sir e si le t l chargement exc de 10 12 secondes correspondant 60 70 kilo octets la vitesse d un modem normal Respecter cette limite impose un important travail d infographie sur les images qui vont animer votre site ainsi et une investigation approfondie des techniques de construction d images l g res qu il est en g n ral uti
51. e pense b te Audit technique Ces sites vous proposent la plupart du temps gratuitement un audit technique d une ou de plusieurs de vos pages Web compatibilit avec les divers navigateurs du march pr sence de balises Meta temps de chargement estim des pages pr sence d erreurs 404 liens morts design HTML etc WebSiteGarage WebMasterPlan Docteur Sam SiteOwner Site Inspector Validator par le W3C v rification de code HTML V rification des liens Rien de plus d sagr able qu un site proposant des liens cass s conduisant la fameuse erreur 404 Ces liens invalides qu ils soient internes au site ou externes peuvent tre v rifi s gr ce des sites Web et des logiciels Sites Web WebSiteGarage Fritz Service SiteOwner Site Inspector HTML Service Link Alarm Link Walker Dead Link Remover Lorsqu un lien est mort sur votre site page supprim e ou d plac e il est pr f rable de l indiquer aux moteurs de recherche afin qu ils enl vent l adresse de leur index Cela vitera aux internautes de tomber sur une page de type Erreur 404 Le logiciel Dead Link Remover signale la page disparue aux moteurs votre place Logiciels Cyberspider St phane VION pour le CNAM p 61 Link Sleuth Net Probe Infolink CheckWeb Source Olivier Andrieu Abondance http www abondance com Voici une m thodologie en 14 points prendre en consid ration de fa on chronologique afi
52. e comp tence doit tre assur par La maintenance des logiciels livr s Le suivi technique du site Web ventuellement distance La maintenance au niveau de la s curit La maintenance ditoriale pour le contenu de votre site Web La maintenance mat rielle en cas de d faillance d un composant mat riel En fonction de vos besoins il est tr s important de fixer contractuellement les conditions de maintenance en 2 heures une journ e ou trois jours avec d placement dans toute la France par exemple Choix techniques D finir son environnement Configuration locale ou h berg e Le choix est ouvert entre un serveur h berg par le prestataire de service et un service op r sur une machine locale dans l entreprise La d cision est souvent prise selon des crit res purement financiers Configuration H berg e L h bergement se fait chez le fournisseur d acc s IAP ou de service ISP INTERNET Le co t d un tel h bergement tarifs courants 50 100 Mo de donn es 50 F mois 10 Mo suppl mentaire 100 F mois D veloppements sp cifiques bons de commandes animations variables Prestataires possibles Calvacom FranceNet France Pratique Grolier Interactive Imaginet INTERNET Way Oleane La maintenance minimale peut se faire via modem au moyen d un simple compte Dial Up FTP de mise jour Configuration d port e La configuration d une machine dans les murs de l diteur impose
53. e documents et surtout comment maintenir au cours du temps l int grit d une base documentaire sans mobiliser une ou plusieurs personnes plein temps Diffuser Comment offrir une diffusion s lective en respectant les proc dures de contr le des droits d acc s la documentation au moteur de recherche etc St phane VION pour le CNAM p 45 Il s agit donc de prendre en compte les sp cificit s des projets bas s sur les technologies Intranet et d int grer les caract ristiques techniques et organisationnelles n cessaires depuis l analyse de l existant jusqu au d ploiement du projet Planifier son projet Internet Intranet D crire les phases d un projet Intranet c est tr s sommairement d finir Les acteurs et leurs responsabilit s Les t ches effectuer Les contraintes et imp ratifs Les crit res de validation Les acteurs Les d cideurs ceux qui donnent le signal de d marrage du projet Les concepteurs ceux qui vont participer et construire l environnement de travail Les producteurs ceux qui vont construire l information alimenter les syst mes d information Il faut veiller galement d crire les liens hi rarchiques existants entre ces personnes ressources ainsi que les liens fonctionnels afin de les mettre mutuellement en perspective Ceci permettra alors de construire la matrice des acteurs actions et facilitera grandement la construction des diagrammes de charge de travail
54. eculer de grands op rateurs de t l phonie mobile St phane VION pour le CNAM p2 Le contexte concurrentiel du web impose quatre r gles 1 Diffuser plus d informations plus facilement plus rapidement Ici on se place plut t dans un contexte de valorisation conomique et ou image de marque de l activit du service Le but essentiel est de fournir un service plus complet et surtout plus rapide Pour cela il faut utiliser largement les possibilit s offerts par les r seaux et bien videmment par les technologies Intranet Deux r gles imp ratives normaliser et simplifier les interactions fournir un service compatible avec le niveau de technologie utilis par son public 2 Toucher un public plus important ou nouveau Fid liser ses clients traditionnels Trouver de nouveaux d bouch s Optimiser son service et ses prestations 3 Rajeunir un service d faillant ou en voie d obsolescence Le nombre de documents et serveurs pr sents sur les r seaux informatiques Intranet ou Internet conna t une croissance exponentielle Il devient donc de plus en plus difficile pour un utilisateur peu form ou peu mobilis d acc der facilement une information pertinente Il est d sormais indispensable de fournir des services haute valeur ajout e et en constant renouvellement dans un cadre rigoureux et efficace de diffusion et de communication ce qui renforce d ailleurs la mission des sp cialist
55. ensennenensnennennnnee Annuler dans Dreamweaver s obtient avec Ctrl Z pas de surprise Mais pour les adeptes de Dreamweaver sachez que revenir dans DreamWeaver s obtient avec Ctrl Maj Z comme pour les historiques de Dreamweaver ouvrir les lieng nnnenenennenennensnnencenennennenensenensenennennennns Comme FrontPage vous pouvez ouvrir les pages li es la page en cours Pour cela maintenez la touche Ctrl et double cliquez sur le lien Liens nuls mmmrnnnnnnnnnnnnnnnnnnnnennnnnnnnnnnnnnnnnn nn m m a m m e m e m a m m e nn Souvent on veut cr er des ancres menant en haut de la page et on cr cet effet une balise Liens Magiques cnnnnnnnnnnnennnnnnnnnnennnnnnennnennnnnnnnnne Vous pouvez pour cr er des liens rapidement vous dispenser de la palette de propri t s Pour cela faites une s lection texte ou image et pressez la touche Maj faite un cliquer glisser vers votre fichier ou votre ancre Rapide non Modifier une image mnnnenensennennennnnnnnnnnnnnnnne Pour modifier la source d une image vous double cliquez dessus et bien en maintenant la touche Ctrl et en faisant la m me manip vous ouvrirez l diteur d image d fini dans les pr f rences de DreamWeaver Extensions mmnnnnnenennnnnnenennnnenenenennnnenennnnenenennnnnenennnnnnnne Dans la palette objet un certains nombres de dossiers sont disponibles Ceci se personna
56. es feuilles de style en cascade etc Cette population tend repr senter pr s d 1 3 des internautes Une proportion qu on ne peut pas se permettre de laisser la porte de notre site pour des raisons d esth tique Comme partout sur internet le temps c est de l argent et seul 20 des connect s naviguent haut d bit Voici donc une liste non exhaustive d erreurs viter ainsi qu ventuellement l effet qu elles produisent sur l internaute Des pages de plus de 50Ko images comprises la majorit des surfeurs zappent dans les 10 secondes s ils n ont pas l information souhait e Une conception du site mal adapt e votre cible on ne s adresse pas des chefs d entreprise comme des 15 18 ans Une ambigu t quant au but du site que voulez vous vendre ou faire visiter Une information importante ou un bon de commande plac en fin d arborescence au fond d une impasse au feu gauche puis la troisi me droite au stop faites 500m ben c est pas l ou pire sur une page sans liens L absence de t moignages personne ne vous fait donc confiance L absence d adresse de contact si vous ne voulez pas tre d ranger Une page d accueil qui ressemble au portail de Yahoo on ne sait pas o cliquer alors on fait demi tour L absence d indication ou de suggestion de navigation de distinction entre les diff rentes zones du site information proposition achat comme si vous disiez d brouil
57. es de l information 4 Identifier des cibles de plus en plus pr cises et diffuser plus pertinemment Le succ s des portails et du mod les PUSH confirme cette tendance et renforce les strat gies web construites autour de ce type de mod le marketing Ceci impose galement la mise en place d outils sp cifiques et de m thodologies pr cises pour le suivi du public fr quentant le site web Cons quence il faut imp rativement largir l environnement informationnel On se trouve dans un contexte de collecte d information et de valorisation d un fonds documentaire Il y a quatre objectifs imp ratifs atteindre 1 Collecter plus d informations plus rapidement 2 Agr ger synth tiser et valoriser un fonds documentaire pr existant 3 Fiabiliser ses sources d informations 4 Valider l information pour renforcer son leadership informationnel et se prot ger juridiquement St phane VION pour le CNAM p 3 D finir ses objectifs le champ et les limites de son intervention Objectif D velopper continuellement de nouveaux services d information Les utilisateurs sont galement de plus en plus exigeants en termes de services de fourniture d informations temps r el caract ris s par des technologies de diffusion PUSH par courrier lectronique ou web Diffuser du texte int gral ne va pas galement sans poser de nombreux probl mes aux utilisateurs soumis de fr quents ph nom nes de surcharge cognit
58. es web cette technique s av re d ficiente car les grands moteurs de recherche ne sont pas tr s exhaustifs Mieux vaut se rabattre dans ces conditions sur une technologie propri taire int gr e et qui donnera de bien meilleurs r sultats tant en terme d exhaustivit que de balayage de documents non purement web Ainsi la quasi totalit des moteurs de recherche Intranet sont capables d indexer en texte int gral les documents web les documents bureautiques traditionnels traitement de texte tableurs etc et PDF ce qui ouvre ainsi plus largement votre fonds documentaires aux usagers de votre site Le moteur de recherche est capital car c est de lui dont d pend la rapidit et la pertinence des r ponses aux diff rentes requ tes pos es au serveur o se trouvent les donn es formant la base de connaissances Il doit proposer une interface de requ te simple mais suffisamment compl te pour des utilisateurs avertis en leur proposant ainsi la possibilit de faire des recherches bool ennes ou en leur proposant des recherches sur mot cl s utiles le titre les liens dans les pages etc Alors que les moteurs initiaux ne faisaient que rechercher des cha nes de caract res les moteurs actuels proposent des recherches avanc es sur des m tadonn es qui caract risent l information Ils utilisent des op rateurs puissants tels ceux de synonymie de troncature relationnels lt gt et structurels Contenu c
59. eurs et consommateurs d un service d information et en particulier par les possibilit s actuellement offertes par l ouverture des r seaux Cette ouverture permet de toucher un public plus important et surtout plus h t rog ne allant du consommateur final linternaute grand public l entreprise ou l expert la recherche d un service d information haute valeur ajout e L explosion des communications par r seau informatique remet fondamentalement en question les mod les conomiques d changes mais sans pour autant apporter une stabilisation ou le succ s attendu Les enjeux sont donc doublement li s par Les choix et co ts des investissements technologiques L volution des interactions conomiques producteur consommateur Deux exemples 1 L mergence du format XML offre des perspectives tr s int ressantes dans un contexte documentaire ou de commerce lectronique mais pose de nombreux probl mes tant techniques que m thodologiques qui n cessitent une phase approfondie de r flexion pour certifier et justifier l investissement 2 Le mod le WAP pour les services de diffusion d information sur terminaux mobiles si longtemps vant puis si rapidement d cri pourrait bien vivre plus longtemps que ceux qui lui pr disaient une mort soudaine au vu des investissements excessivement importants que n cessiteront les nouveaux r seaux de t l phonie mobile haut d bit et qui ont fait r cemment r
60. ez les possibilit s de votre serveur http de fa on mettre votre page principale comme page d accueil pour que les connect s n aient pas entrer de nom de fichier Habillage de votre page Donnez votre adresse Email en toute lettre afin que les lecteurs int ress s puissent vous contacter pour vous poser d ventuelles questions ou vous demander de corriger certaines inexactitudes dans votre page St phane VION pour le CNAM p 42 Indiquez l adresse de votre page HTML car certains utilisateurs en auront peut tre une copie papier et souhaiteront se connecter votre page Donnez la date de la version actuelle et un num ro de version de votre page ceci indiquera vos lecteurs si votre page comporte des nouveaut s D finir une organisation de donn es Deux grands type d organisation pr dominent L arborescence de site web statique Elle est constitu e des dossiers et sous dossiers qui organisent les pages web que l on cr e au fur et mesure Cette arborescence est vue du serveur web et refl te exactement le chemin d acc s que l on retrouve dans les urls Elle a l extr me avantage d tre rapide construire et alimenter mais galement l immense inconv nient d tre lourde g rer et modifier car elle demande une grande attention et la mobilisation de ressources humaines qualifi es et parfois nombreuses Les bases de donn es d information documentaires Elles vont favoriser l ac
61. ez que votre site est pr sent partout et dans le cas contraire refaites une phase de soumission gr ce l interface manuelle 14 Votre site est maintenant bien r f renc Tenez vous au courant de l actualit des outils de recherche lisez leurs communiqu s de presse et tout se passera bien Ah oui on oubliait pour vraiment tout savoir du r f rencement lisez un bon ouvrage sur le sujet Et si vous ne d sirez pas effectuer ce travail tout seul vous pouvez ventuellement le sous traiter Mais surtout rappelez vous bien que le meilleur facteur de cr ation de trafic reste le contenu de votre site web Un bon r f rencement peut certes drainer des milliers de visiteurs sur vos pages mais le meilleur moyen de les faire rester et mieux revenir est de r pondre leurs attentes M me un bon r f rencement ne peux rien contre un site creux Et fid liser un internaute d j venu est plus rentable que de tenter d en capter un nouveau Enfin dans cette m thodologie nous n avons parl que de r f rencement de pr sence de vos pages dans les index des annuaires et des moteurs Il vous est St phane VION pour le CNAM n 63 galement possible de passer la vitesse sup rieure en proc dant un positionnement de votre site sur certains mots cl s ou expressions St phane VION pour le CNAM p 64 Rappel Les tapes Point par point les tapes pr paratoires indispensables la conception d un site
62. formations g n rales sur le document Le corps contient le texte du document ainsi que les commandes de formatage Dans l en t te on trouve de plus en plus souvent les fameuses m ta donn es destin es une meilleure indexation par les moteurs de recherche et am liorant le tri et le calcul de pertinence des r sultats St phane VION pour le CNAM p 16 1 Il est transmis par les serveurs et interpr t par les clients 2 Il constitue un sous ensemble de SGML Standard Generalized Markup Language ce qui assure une certaine compatibilit avec les syst mes documentaires et d dition lectronique professionnels C est une DTD Document Type Definition de SGML en ce sens il doit d abord tre compris comme un langage de structuration de documents et ensuite un langage de mise en page document mm anchor link 3 Il offre les fonctions de base pour permettre un affichage agr able paragraphes styles et polices de caract res insertion d images en restant tr s simple et en incluant les liens hyperm dia L volution des formats du Web SGML XML XHTML De SGML XML en passant par HTML Standard Generalized Markup Language est un langage de balisage normalis ISO 8879 orient vers l identification des l ments structurels logiques d un document SGML est le premier s parer compl tement le contenu des documents de leur format de restitution il lib re les auteurs des t ches reli s
63. hage du fichier par le logiciel client Internet Explorer par exemple St phane VION pour le CNAM p 6 Un serveur WWW est un programme qui s ex cute sur un ordinateur dans le seul but de r pondre des requ tes de logiciels clients WWW tournant sur d autres ordinateurs et qui se connectent celui ci par l interm diaire d un r seau Ces requ tes peuvent tre simplement la demande de transfert d un fichier mais aussi le r sultat de l ex cution d un programme sur la machine serveur par exemple l interrogation d une base de donn es Cette propri t qui consiste faire ex cuter un programme au serveur est l une des propri t s importantes de WWW car elle va permettre son interfa age avec pratiquement n importe quel logiciel Un client WWW est un programme qui permet un utilisateur de soumettre des requ tes un serveur WWW et de visualiser le r sultat Mais un client WWW est capable galement de dialoguer avec d autres types de serveurs en particulier avec les serveurs FTP GOPHER WAIS etc Le nombre de services ainsi accessibles d pend du logiciel client Ainsi un client WWW tel que Netscape ou INTERNET Explorer peut en fait tre consid r comme un client universel dans le domaine des services d information Le fait que l acc s ces services soit fourni directement par le client et non par le serveur sous forme de passerelles est un apport original de WWW puisqu il offre
64. ien vers votre site principales pages de sortie derni re page vue lors d une visite principales pages ayant t page unique lors d une visite principales navigation types dans le site encha nement de pages diff rentes lors d une navigation taux d erreurs 404 sur le site fichiers non trouv s principales pages cousines referring sites dur e d une visite nombre de pages vues lors d une visite moteurs de recherche sur lequel les internautes ont trouv votre page mots cl s saisis par l internaute sur le moteur de recherche pour trouver votre page etc WebTrends Hit List FlashStats Net Traker Analog Sources d informations Meta News mesure d audience Excellent site de d part sur le sujet L annuaire du site Plan te Commerce qui contient bon nombre de liens int ressants Terminologie de la mesure d audience Indispensable pour savoir de quoi on parle St phane VION pour le CNAM p 60 Audit Lorsqu un site Web est lanc ou m me avant son lancement il est souvent int ressant de le donner en pature des yeux trangers afin d avoir un avis le plus objectif possible sur son efficacit L audit peut alors tre automatique r alis par des logiciels ou humain Audit humain Ces soci t s sont sp cialis es ou ont d velopp une activit d audit de site Les prestations sont bien entendu payantes AuditWeb Qualiweb NetAudience Axance Eurobytes Acsis33 interface de typ
65. internes Les volumes de donn es Ils sont conditionn s par la longueur des documents num riques ainsi que par l importance de l animation graphique r alis e l aide d images le plus souvent Ils conditionnent le plus souvent le d lai d attente chez l utilisateur plus le fichier est lourd plus le d lai d attente du t l chargement sur le r seau sera long et consid r comme r dhibitoire par l usager Il faut privil gier un d coupage de l information en petites unit s textuelles ce qui offre un double avantage e Acc l rer l acc s l information plus le document est l ger plus rapidement le navigateur pour le t l charger Faciliter la lecture et renforcer l impact informationnel On conseille en g n ral de ne pas r aliser de pages web d passant les quatre pages A4 en impression ce qui correspond une petite dizaine de pages cran dans une r solution 800x600 Il est de plus conseill de ne pas inclure plus de deux images par page cran et de veiller ce que la page web plus ses images associ es ne d passe pas 50 Ko ce qui correspond un d lai d attente moyen de 20 s chez un utilisateur dot d un modem Pour les documents longs il est pr f rable de les fournir en format PDF en renfor ant la qualit de la pr sentation au d triment de leur poids Il est de plus vident que le mode d acc s privil gi un document d passant 5 pages sera forc ment l impression sur
66. ion du temps pass rep rer et collecter l information Champ Acqu rir les comp tences et mettre en uvre des strat gies de veille permanente Sur la fr quentation de son site et le ciblage des usagers pour une meilleure compr hension de leurs attentes Sur les technologies mergentes et propices au d veloppement d un service forte valeur ajout e Sur les sites concurrents ou diffusant dans un contexte similaire Sur les standards et les normes qui se mettent progressivement en place Sur une d marche qualit qui se stabilise et se formalise depuis peu charte d ontologique du r f rencement norme AFNOR web etc St phane VION pour le CNAM p4 Limites Comprendre les enjeux strat giques internes et r unir les comp tences utiles La mise en uvre d un site web Internet Intranet est un projet fortement transversal qui va toucher la totalit des acteurs de l organisation et r v lera in vitablement des blocages internes sur lesquels il convient d anticiper Il faut ainsi savoir d terminer quels vont tre les acteurs majeurs dans un processus de d cision et de construction d un site web La direction g n rale elle d finit la politique de communication externe ou interne souvent en collaboration avec un service ou un d partement de la communication Les services informatiques ils valident le choix technologiques ou les orientent fortement parfois en contradiction avec les o
67. ionne les messages Puis les restitue dans un univers accord au ton du site L administration Le forum doit proposer un module d administration distance via une interface web Utilisation prot g e par mot de passe l administration permet d agir sur la pertinence des messages propos s et de pratiquer une mod ration du forum Pour faciliter cette t che de mod ration l administrateur peut recevoir de fa on automatique et par courrier lectronique les notifications des nouveaux messages St phane VION pour le CNAM p 30 Il est bien entendu possible de restreindre l acc s un forum notamment pour le travail en groupe soit en criture soit en lecture et criture Moteur de recherche et diffusion d information Il est indispensable de fournir d sormais un syst me de recherche d information dans votre site web qui permette aux usagers de retrouver facilement et rapidement un document sur la base de termes de recherche qu ils auront eux m me d finis Pour cela il est n cessaire d indexer r guli rement les pages web de votre site l aide d un moteur de recherche utilisant les technologies bien connues des grands moteurs de recherche sur Internet Il est tout fait possible de faire indexer son site par un moteur tel que Google Voila ou Excite afin de personnaliser son moteur de recherche moindre co t Cependant pour les sites h bergeant un nombre important de pag
68. iques documentaires et ditoriales li es au document num rique XML et les feuilles de style Le Consortium World Wide Web W3C d finit la norme XML munie de XSL Extensible Style Language un langage de feuilles de style pour le Web XSL vient donc renforcer le r le des feuilles de style CSS Cascading Style Sheets dans la cr ation des pages web Dans le cadre du Web les feuilles de style jouent le m me r le que leurs homonymes dans les logiciels de PAO ou de bureautique Elles permettent de dissocier la pr sentation d un document de son contenu rendant la maintenance des sites Web plus flexible Les navigateurs r cents Version 4 0 savent reconna tre les feuilles de style CSS XSL n est pas un concurrent mais un compl ment de CSS Common Style Sheet ELLE File View Selected Run Source Style Result Window Help HTML HyperText Markup v s hg yyy SI SD V VDS Language g re le formatage du me C Mes docu O mei CiMes docum Text Tree Text Tree CS texte ainsi que le placement des lt xml version 1 0 Fi lt xml version 1 0 lt DOCTYPE html PUBLIC W lal objets ins r s images ActiveX lt xml stylesheet href bbf xsl lt html gt lt head gt lt xsl stylesheet xmlns xsl http a Z js kdocunent gt lt xs1 output method htnl gt lt itiopremer saute Java fichiers multim dias lt meta BBF gt lt link rel stylesheet type lt tome gt
69. isateurs veulent r aliser des objectifs pr cis Dans le design d un site Web vous devez vous concentrer sur votre raison d tre et vous demander le POURQUOI Pourquoi les gens visitent et revisitent votre site web Il faut recentrer le contenu du site web selon les besoins d un chantillon repr sentatif de ses utilisateurs rapport dans un focus group aid par les statistiques de fr quentation Le contenu est Roi La plupart des gens qui surfent le Web veulent de l information et ou du divertissement La qualit du contenu est tr s importante Votre cr dibilit en d pend surtout lorsque vous offrez des services de consultation Facilit d utilisation Le site Web doit tre Facile naviguer tre clair Permettre aux visiteurs de trouver l information qu ils cherchent tre visuellement attrayant sans tre charg toutefois et facile parcourir Les internautes ne lisent pas les pages Web comme un livre ils parcourent visuellement la page scan Alors l information devrait tre soulign e et tal e de fa on appropri e Il semble clair que les utilisateurs contrairement ce que l on entend souvent dire sur le Web ne sont pas rebut s par des pages assez longues requ rant le d roulement de la fen tre De toute fa on il est beaucoup plus facile d imprimer un article sur une seule page qu un m me article sectionn sur 4 pages diff rentes et d autant plus rapide t l charger La barre
70. isation d un document Ce syst me transparent au niveau de l utilisateur final si ce n est la configuration initiale du logiciel client offre des r ponses bien plus rapides pour les donn es du cache des r ponses sensiblement quivalentes pour celles non cach es et globalement une conomie non n gligeable du trafic r seaux En cas de doute sur la fra cheur d un document l utilisateur peut en utilisant le bouton Reload Recharger ou Actualiser pour la version fran aise des navigateurs standards forcer le chargement du document partir du serveur de r f rence Cache sp cifique aux navigateurs A noter galement que tous les navigateurs du march proposent une gestion de cache directement int gr e sur le poste de travail qui compl te ou complexifie l action des serveurs caches pr c demment d crits Options Internet KHE G n ral S curt Contenu Connexions Programmes Avanc es Page de d marage A Vous pouvez choisir la page utiliser comme page de d marrage D signe la taile du cache U adese EEE Page en cours Page par d faut Page vierge Fichiers Internet temporaires Les pages Web que vous consultez sont stock es dans un dossier pour un affichage ult rieur plus rapide Supprimer les fichiers Param tres Dossier Temporary Internet fles Historique Emplacement actuel C WINDOWS Temporary Intemet Fles Proxy S
71. ise en oeuvre un traitement automatis d informations nominatives la loi Informatique et Libert s s applique et il faut d clarer le fichier la CNIL Le d veloppement des contenus et environnement l gislatif Pr alablement toute production de contenus sur Internet Intranet on se r f rera une information exhaustive sur La protection des droits des auteurs La responsabilit des auteurs diteurs sur Internet Intranet La protection des contenus par le d p t l gal Les ouvrages juridiques de r f rence consacr s au web abordent aujourd hui les questions relatives la propri t intellectuelle et la responsabilit des diffuseurs faces aux contenus mis On doit appliquer la l gislation actuelle sur le droit d auteur pour assurer la protection des uvres crites et multim dia plut t que de cr er un droit sui generis Les lois existantes permettent d s pr sent d assurer la propri t intellectuelle d un serveur WEB St phane VION pour le CNAM p 54 L article 1er de la loi du 20 juin 1992 relative au d p t l gal JO du 23 juin 1992 p 8167 mentionne les bases de donn es mises la disposition du public par la diffusion d un support mat riel elle ne s applique pas la distribution en ligne de bases de donn es La doctrine en a d duit que le d p t l gal ne s appliquait pas la t l matique A fortiori cette loi ne s appliquerait pas la mise disposition sur Internet d
72. ive trop d informations ou de d sorientation hyper textuelle trop de liens dans les pages trop d occasions de se disperser Il importe alors de fournir des solutions automatis es propres faciliter le rep rage de l information dans des corpus d passant rapidement la dizaine de milliers de documents moteurs de recherche syst mes de cat gorisation structuration des contenus gr ce XML etc Objectif Renforcer les interactions avec les bases de donn es ERP Enterprise Resource Planning Il est d sormais indispensable de favoriser l interconnexion des syst mes documentaires traditionnels avec le Web pour tendre et am liorer la fourniture du service d information en direction des usagers Ceux ci ne disposent en g n ral que d interfaces simples et norm es un navigateur web une connexion INTERNET par le r seau t l phonique et sont caract ris s par un tr s fort app tit de services de proximit tels que la consultation d un catalogue la r servation d un ouvrage ou d un disque et m me pourquoi pas l acc s une base de donn es en texte int gral L attente de services automatis s et personnalis s au plus pr s de profils d int r ts remporte de plus en plus de succ s sous la pression conjugu e de l explosion informationnelle le nombre de pages web double tous les dix huit mois il dispara t en une journ e peu pr s autant de pages que la population de la Suisse l augmentat
73. la possibilit pour un navigateur de repr senter l information selon les d sirs du lecteur XML l affichage performant d images anim es de s quences vid o JAVA Flash4 etc Des produits tr s orient s propri taire i e qui privil gient les possibilit s de l interface au d triment d une ouverture des logiciels aux normes et standards tels que Lotus Notes Domino Microsoft Exchange ou bien d autres encore tr s li s des logiciels con us autour de bases de donn es ont tendance proposer des logiciels clients sp cialis s MAIS le d veloppement de XML et de JAVA la mont e en puissance des postes de travail et de navigation renforce de plus en plus la tendance un navigateur web efficient et versatile capable de comprendre et d interagir avec des formats de documents beaucoup plus complexes qu une simple page web Web statique ou dynamique Dans le d sir d offrir une interface de lecture ergonomique et performante la tentation est grande de d livrer du code HTML qui colle au plus pr s de la r alit des informations du site de diffusion Cette tendance est renforc e actuellement par la mont e en puissance des intranet d entreprise dont l objectif affich est de fournir un acc s banalis par le truchement du web toute l information pr sente dans les syst mes d information de l organisation dans laquelle le lecteur producteur volue On passe ainsi insensiblement d
74. le de confier aux sp cialistes que sont les web agencies R gles de l dition lectronique Pensez document lectronique Un texte l cran ne se lit pas de la m me fa on que sur le papier Pensez toujours adapter votre discours au support utilis cran ou papier A rez la pr sentation Gr ce quelques petites images r cup r es par ci par l vous pourrez inclure des puces color es des lignes moins aust res pour agr menter votre texte Veillez toutefois garder une unit graphique et rester sobre Taille des images N ins rez pas dans vos pages des images de taille trop importante Si vous le faites choisissez des petites images qui en cliquant dessus deviendront plus grosses Rappelez vous toujours que certains utilisateurs connect s ne disposent que de modems basse vitesse Indiquez la taille des images lorsqu elles font plus de 10 Ko de mani re donner au lecteur une id e de la taille du fichier qu il chargera Convention sur les noms d URL Donnez des noms sans majuscule vos adresses URL c est dire aux noms de vos documents HTML Certains utilisateurs novices ne sont pas familiers avec les noms et seront perdus s ils doivent penser respecter les noms en majuscules et de minuscules Dans la mesure du possible essayez de donner des noms de service Internet commen ant par www donc http www nom org Appelez votre Web intranet http intranet nom org Utilis
75. lez vous L absence d homog n it entre les pages e Sur un site important l absence d un plan du site et d un moteur de recherche local e Des conditions d entr e sur votre site digne de l apartheid interdit aux petits navigateurs Microsoft only Plug in Flash 14 exig optimis pour mon cran 21 moi La m t o la bourse l horoscope etc alors que cela ne concerne pas vos visiteurs Un manque de rep rage vident Ou suis je Des pages erron es 404 m me personnalis e des liens inactifs des images manquantes des impasses cela reviendrait dire je n ai pas le temps ou l envie de tenir mon site jour Une pr sentation b cl e des images mal num ris es ou mal d tour es vous voulez vraiment faire mauvaise impression e Les pubs alors que vous n tes ni pay ni partenaire A cette liste s ajoute des petits trucs qui sans tre des erreurs au sens propre du terme sont tout de m mes des l ments qui ne manqueraient pas de donner votre site un petit air de comment dirai je d j vu le mot est faible ringard oui c est a votre site est ringard si vous avez Des pop up ces fen tres qui s ouvrent toutes seules ou pire quand on vient d en fermer une Un beau dans le logo dans votre nom sur chaque page partout La police MS comics sans la police cool la plus utilis e du monde Un compteur qui semble dire vous n tes qu un num ro
76. lise volont et peut tre recharg tout moment Pour cela maintenez la touche Ctrl et cliquez sur l ent te de la palette d objet et recharger extensions devient disponible Extensions 2 nnnnnnnnnnennnnensnnnnnennenensnnnnnennnnensnnennennnnennnnnne Ce n est pas un secret mais vous pouvez ajouter un certain nombre d outils compl mentaires gr ce extensions Manager vous retrouverez ensuite la possibilit de t l charger des commandes chez Macrom dia et avoir ainsi de nouvelles perspectives de travail St phane VION pour le CNAM p 81 Liens cach s nnnnnnnnnnnennnnennnenennnnennnennnnnnnne La mode est aux liens cach s c est dire que l on ne permet pas la visualisation de la destination dans la barre d tat du navigateur pour diverses raisons Si vous voulez r aliser ce type de chose alors s lectionnez votre liens et affichez la palette de comportements F8 ou Fen tre comportements Cliquez sur le gros Plus et choisissez texte texte de la barre d tat et dans la fen tre qui s ouvrira saisissez une espace ACC S HTML Pour acc der au code HTML de dreamWeaver vous pouvez faire CTRL TAB mais pour refermer Pr f rez le raccourcis F10 touche fonction qui lui ouvre et ferme aussi la fen tre de codes lt BASEFONT gt nu nnnnnnenenennenenennene nn nenene nee e nee nn nn nenennnnnnnne Cette balise lorsqu elle mise dans l ent te HTML ou da
77. lons cr er ensemble un site de A Z avec Dreamweaver 2 Une fois le programme lanc faites Site gt Nouveau Site a Fih er Edition Affichage Insertion Modifier Texte Commandes CA Fen tre Aide Comen M en forme Teste Tab eaux Cadres Fouvatares in Fichiers du ske F8 Carte du ste Ak F8 oO gEuEu ers nt MiA 2 53 Tire Document sans titre it Modifier le tes 3 Choisissez un nom pour votre site nous l appellerons dans ce cours premiersite Puis cliquez sur suivant 4 A la question si vous voulez utilisez une technologie de serveur r pondez non car il ne sera pas n cessaire pour ce cours vous devrez par exemple l utiliser pour des site en PHP ASP ou ColdFusion Puis suivant 5 A la question Comment voulez vous travaillez sur vos fichiers pendant le d veloppement choisissez Modifier les copies locales sur ma machine etc A la question Ou voulez vous stocker les fichiers sur votre ordinateur Choisissez l emplacement de votre nouveau site sur votre disque dur ou laissez le r pertoire choisi par d faut par Dreamweaver Puis suivant 6 A la question Comment vous connectez vous votre serveur distant choisissez Aucun Puis suivant 7 Dreamweaver r capitule vos choix Cliquez sur Terminer Le dossier premiersite sur le disque dur va se cr er automatiquement si vous ne l aviez pas fait auparavant vous y retrouverez plus tard tous vos fichier html php etc afin de pou
78. ltim dia en DHTML St phane VION pour le CNAM p 27 En utilisant des convertisseurs de formats bureautiques vers HTML Si vous avez Word 6 ou Word 7 pour Windows 95 ou NT vous pouvez transformer Word en un logiciel de fabrication de page HTML et un logiciel lecteur Web L extension est gratuite il suffit de la charger chez Microsoft mais elle n cessite l acquisition de Word6 ou Word 7 convertisseur La version de Word pour Office 97 int gre directement ce Office 2000 Identit compl te entre les formats WORD EXCEL Powerpoint Access et HTML XML pour favoriser la publication imm diate de documents bureautiques sur un serveur Web Configurations mat rielles et logicielles recommand es Une configuration de type multim dia classique telle que celle rencontr e dans les supermarch s budget sup rieur ou gal 10 000 FF TTC suffit g n ralement Sur PC Windows Logiciels ou Webexpert sont des produits puissants qui n cessitent de conna tre HTML l extension est un peu lente avec Word 6 et bien sup rieure en fonctionnalit s pour la version de Word 7 0 Elle est tr s pratique pour celui qui ne conna t pas HTML Office 2000 transforme Word en un vrai navigateur Web et tr s efficace pour la conversion dans les deux sens de documents HTML Netscape Navigator 4 propose galement un diteur WYSIWYG int gr qui permet d diter la vol e vos pages HTML mais sans proposer toutes les e
79. lule Horz Liane d bis a FE P EFIE Vert Par d faut v Lien St phane VION pour le CNAM p 75 Diviser un tableau 5 Nous allons maintenant modifier ce tableau afin qu il donne la structure du site Nous voulons que ce tableau se compose de 3 colonnes afin d avoir une partie centrale et deux menus dont un gauche et l autre droite Lien Pour cela cliquez sur l ic ne Format Aucun v Policepard faut w Taille Au Cette fen tre appara tra et remplissez la comme suit Cochez colonnes et mettez 3 en nombre de colonnes r Fractionner la cellule Fractionner la cellule en Lignes Colonnes Nombre de colonnes 4 2 6 On va maintenant redimensionner les colonnes de droite et de gauche elle repr senteront chacune 20 de la page en largeur Pur cela cliquez sur la colonne de gauche et rentrez 20 avec le symbole comme suit Format Aucun v Police par d faut Lien v v Cellule Horz Pard faut w L20 m i 5 E 2 Vert Haut v H Faites de m me pour la colonne de droite Ins rer une iMage 1 Revenez sur votre page Chats htm 2 Cliquez sur l icone entour en rouge sur l image 3 S lectionnez v tre image
80. martUpdate Le document du cache est compar celui sur le r seau e Unaas por eesin Le dossier Historique contient les liens vers les pages que vous C Chaque fois E4 avez r cemment lfich es ali dy acc der rapidement nai Espace disque user paesi conaran Fe E _ Efece tHitoiue ee EE T Polices EA Acoessbit D placer le dossier Visualiser les fichiers Visualiser les objets Bed Dee En Lam St phane VION pour le CNAM p 10 Sur Netscape le cache se configure Sous Internet Explorer le param trage dans s effectue par le menu Outils le menu Pr f rences Les images du web L image fixe Les formats des images du web sont au nombre de trois et imposent tous un mode de compression de donn es indispensable pour le transport rapide sur un r seau Internet aux d bits variables et parfois encombr s de documents images volumineux GIF Graphical Interchange Format est un format d image compress initialement invent pour les besoins du r seau Compuserve Echelle 1 2 GIF est un format d image compress sans perte d informations mais qui ne permet que 256 couleurs diff rentes maxi un de ses grands int r ts est de permettre la cr ation d images avec un fond transparent ainsi que d images anim es DRE pese oo opa ppn Il est tout particuli rement indiqu pour la GONACOONONODCAANGNGOCOMO diffusion d images simples avec de
81. mats bureautiques classiques Office Lotus Office Xpress Pagemaker etc Les incontournables de HTML Les termes ou mots cl importants du code HTML Ils sont d une extr me importance dans le r f rencement et le positionnement de votre site web dans les moteurs de recherche de l internet Les informations factuelles simples comme l auteur la date de publication la taille du document ou le th me manquent au HTML originel C est pourquoi St phane VION pour le CNAM p 21 certains ont propos d adjoindre des m tadonn es metadata aux fichiers pour enrichir l indexation automatique Pour am liorer la pertinence de leurs r sultats les moteurs de recherche ont longtemps favoris cet usage bien qu ils aient d sormais tendance l abandonner pour cause de spam triche caract ris e Ainsi les mots du titre sont ils jug s plus pertinents que les m mes mots apparaissant dans le corps du texte Le titre lt title gt titre de votre document de votre page lt title gt Lors de la conception d une page le titre doit tre le plus pertinent possible par rapport au contenu du document Lors de leurs visites sur les pages d un site les moteurs de recherche indexent prioritairement le tag du titre afin d en constituer la fiche signal tique et privil gient syst matiquement cette zone lors du classement des r sultats Les m ta donn es ou m ta tags Les m tadonn es sont donc des donn
82. ment ne deviendra pas obsol te avec l volution des techniques informatiques il pourra sans difficult tre incorpor en tout ou partie dans des documents de nature tr s diff rente tre trait par des applications non pr vues voire non existantes au d part _m talangages pilangages En ce qui concerne les interfaces utilisateurs XML au contraire de HTML se r v le tout fait performant La saisie ou mise jour des contenus est unique et pure on ne se soucie pas de la pr sentation ou des traitements futurs Les libell s d crivant la structure des documents tels que auteur ann e de parution etc sont ind pendants de la pr sentation et permettent une indexation imm diate des documents dans une base de donn es Tout ceci est rendu possible par l ind pendance du balisage par rapport la pr sentation Les logiciels compatibles XML sont capables de comprendre exploiter au mieux le contenu de ces pages rendu d sormais explicite par un balisage sp cifique ind pendant de toute application Il est ainsi envisag de construire des robots d indexation en texte int gral capables d indexer finement les documents en fonction de leur structure titre chapitres l gendes d images ou de tableaux etc St phane VION pour le CNAM p 19 C est donc pour ces qualit s que le formalisme XML est devenu l outil de d veloppement privil gi pour les nouvelles politiques bibliograph
83. mie de l interface graphique homme machine rendre le parcours principal vident gr ce la manipulation des couleurs et des formes Nous aborderons quelques notions de psychologie cognitive d identification visuelle d utilisabilit Plusieurs choses vont conditionner l interface le contenu l arborescence la charte graphique de votre soci t si elle existe munissez vous en le message que vous voulez passer le r le que vous d sirez tenir sur la toile 2 me partie la r alisation 7 Travailler avec les images Tous les secrets de la num risation du traitement de l image du d tourage des propri t s de l optimisation des formats graphiques Une fois encore pensez rassembler toutes les sources d images et photos qui entrerons sur votre site N cessite un diteur graphique quelconque Photoshop par exemple 8 R aliser l interface Passez l action r alisez les boutons pictos et autres l ments graphiques de l interface Peut tre que vous voudrez aussi apprendre cr er un gif anim l abus de gif anim s est dangereux pour le poids de la page ou une animation Flash idem 9 Monter le site l aide d un diteur HTML de votre choix vous pouvez maintenant cr er votre site proprement dit C est une tape des plus rapide si les autres ont t respect es Vous avez la structure le contenu les principes de navigation et une belle interface bien ergonomique Vous aurez m me apprit dans les autres co
84. mouvante il est int ressant de pouvoir proposer ses lecteurs des syst mes de diffusion d information sur profil efficaces et qui soient adapt s aux demandes profils d int r ts qu ils auront d finis C est l essence m me des technologies de sites portails bas s sur le principe du PUSH le serveur pousse l information vers le client oppos au PULL traditionnel le client tire vers lui l information trouv e sur le serveur pour offrir chacun un service d information personnalis Le fonctionnement est simple l utilisateur client tablit un profil qui d crit ses centres d int r ts ou ses demandes pr cises Le serveur lui envoie alors sur l cran de son navigateur Web favori qui joue alors le r le de simple r cepteur TV web et intervalles r guliers les informations r pondant son profil St phane VION pour le CNAM p 32 R seau d entreprise Q Source R seaux amp T l coms Avril 1998 Bien videmment cette technologie peut devenir un m dia tout fait appropri la diffusion circulation et valorisation de l information documentaire au sein d une organisation St phane VION pour le CNAM p 33 Les strat gies Push r pondent de nombreuses insatisfactions des utilisateurs d Internet Les pertes de temps en recherches infructueuses sont limin es en t l chargeant les informations d sir es sous un mode fond de t che des heures de faible encombrement
85. n de proc der au mieux au r f rencement de votre site web A vous de la suivre pas pas ou de l affiner au gr de vos exp riences 1 Tout d abord avant de mettre en place une strat gie de r f rencement il faut bien comprendre comment fonctionnent les outils de recherche ainsi que les diff rences fondamentales entre les diff rents outils disponibles notamment les annuaires et les moteurs de recherche Les FAQs http www abondance com docs faq html d Olivier Andrieu sur la recherche d information et le r f rencement sont excellentes 2 Puisque vous connaissez maintenant le fonctionnement g n ral de ces outils consultez sur le m me site http www abondance com outils les fiches descriptives des principaux annuaires et moteurs de recherche francophones et anglophones pour tout savoir sur leurs fonctionnalit s C est sur ces outils l qu il vous faudra effectuer un r f rencement manuel le plus soign possible 3 Une fois les bases acquises il vous faut optimiser les pages web de votre site en fonction des crit res de pertinence des moteurs et surtout faire en sorte qu aucun facteur bloquant n entrave le futur r f rencement de votre site Lire l article qui traite sp cifiquement de ce point sur le site http www abondance com docs contraintes html 4 Soignez tout particuli rement les titres de vos pages balise lt TITLE gt ainsi que leur texte visible Mettez en place des balises Meta soign es et op
86. n des besoins d infrastructure n cessaire la diffusion du service Capacit de la machine serveur Vitesse m moire D bit de connectivit garantie de la rapidit d acc s aux informations D velopper les contenus du site Le site intranet va devoir sans doute s adosser des d veloppement li s aux interfaces des bases de donn es il faut donc rep rer mobiliser former et fid liser les personnes ressources ad quates ou choisir un prestataire ext rieur Choix des prestataires et partenaires internes ou externes D finir les services prioritaires Collecter les donn es primaires Former les diteurs aux technologies de d veloppement Mettre en place des circuits de validation et de maintenance des contenus Annoncer et promouvoir le site Contr ler la fr quentation du site St phane VION pour le CNAM p 53 Aspects juridiques Formalit s et obligations l gales Le d veloppement rapide des services sur INTERNET a pris de cours le l gislateur notamment sur le plan r glementaire En r gle courante la cr ation et la diffusion d un m dia s accompagne d un r gime de d claration voire d autorisation Presse Radio T l vision La cr ation d un serveur en France comportant notamment un nom de domaine sous la hi rarchie fr comporte un certain nombre de contraintes nouvelles administratives et juridiques Quel est le r gime de d claration n cessaire lors de la cr ation d un serveur Web ai
87. nd Icon LA Picture L OTYR Text 5 3 mi eol eol bhl LE ds De iele leh z H alol LA 28 2006s 106s 4 gt St phane VION pour le CNAM p 13 Les formats multim dia son et vid o Il existe une norme vari t de formats g rant le son et la vid o sur Internet Audio Video MPEG Motion Picture Expert Group le standard de codage et de compression de la vid o num rique Real Idem mais pour la vid o en ideo temps r el Utilis par toutes les stations de webTV DivX Le nouveau format de compression r volutionnaire qui permet m me de faire tenir un DVD sur un CD ROM classique SF Distribu par la soci t Microsoft voir ci dessous concurrent de Real MOV Distribu par la soci t Quick Time Apple c l bre format des ordinateurs Macintosh Ces formats requi rent la pr sence sur le poste de travail de logiciels compatibles capables de les lire et de les jouer l cran et sur la carte son G n ralement ces logiciels sont distribu s gratuitement sur Internet les diteurs esp rent ainsi populariser leurs formats et ainsi mieux vendre leurs produits de codage et de cr ation La derni re version du lecteur multim dia de Microsoft augure bien de cette nouvelle politique puisqu elle reconna t la majorit des formats audio et vid o usuellement distribu es sur Internet St phane VION pour le CNAM p 14 1 Options x Lecteur R seau l CD audio P ri
88. ns le body permet de formater le texte de la page HTML de la m me mani re face arial color par exemple et contrairement aux CSS elle formate le texte libre mais aussi celui contenu dans un tableau Ouvrir mmmemnmnmnnnnnnnnnnnnnnnnnnne D nnne smnmnnnnnnnnnnnnnnnnnnns Lorsque vous ouvrez un document ou cr ez un nouveau document une fen tre ind pendante s ouvre aussi Si vous voulez exploiter la m me fen tre maintenez Maj Ctrl O Copier Coller de texte rnnnnnnnnnnenennsnnnenennense Les copier collez de texte sont int ressants mais g nant aussi En effet les Ctrl C et Ctrl V copient aussi le code HTML et en production avec d autres logiciels c est fatal Appuyer sur la touche Maj Ctrl C ou V permet de ne copier ou de coller uniquement le texte Nouveau document nnnmnnnnnnnennnnnnennnennnnnnennnnnnnnnennnnns Le raccourcis Ctri N permet de cr er un nouveau document il ouvre de ce fait une nouvelle fen tre Alors que Ctrl Maj N cr e un nouveau document pr t tre nomm sans ouvrir de nouvelles fen tre Bien sur vous tes dans la fen tre de site ce moment l La m me op ration lorsque vous modifiez un fichier vous demandera confirmation de l enregistrement et effectuera une substitution St phane VION pour le CNAM p 82
89. nsi que l tendue des protections disponibles La d claration du service Web titre de service audiovisuel La loi no 86 1067 du 30 septembre 1986 sur l audiovisuel trace une d finition tr s large de la communication audiovisuelle article 2 notamment toute transmission mission ou r ception de signes de signaux d crits d images de sons ou de renseignements de toute nature Cette d finition inclue les services t l matiques donc les services Web Il n est cependant pas n cessaire d obtenir une autorisation pr alable du CSA Conseil Sup rieur de l Audiovisuel pour cr er son serveur Web mais de fournir une simple d claration pr alable aupr s du procureur de la R publique du Tribunal de Grande Instance du lieu du domicile ou du si ge social du d clarant article 43 de la loi d cret compl mentaire n o 87 277 du 17 avril 1987 Cette d claration indiquera notamment le si ge les responsables de la publication et le caract re du service propos A l heure actuelle une telle d claration dont l omission devrait pourtant suspensive d une autorisation de diffuser pour tout autre m dia n est syst matiquement effectu e qu en ce qui concerne les services t l matiques classiques via le r gime de d claration aupr s de France T l com La loi sur l audiovisuel n est donc pas encore appliqu e aux services Web La d claration aupr s de la CNIL Par contre si dans le cadre de l exploitation du service est m
90. one la plus vendeuse d un site internet La plus grande place de cette page doit tre r serv e au contenu Pourquoi ne pas pr senter l activit de l entreprise l int r t de vous contacter plut t qu une autre ce que vous proposez et faites de plus que les autres dans l objectif de cr er imm diatement un contact commercial par e mail t l phone consultation d appel d offre L ensemble de ces actions doivent pouvoir tre possible d s la page d accueil Ainsi votre page d accueil dit qui vous tes que vos prestations correspondent aux besoins de votre visiteur que vous fournissez un service de qualit et que vous tenez vos promesses t moignage s l appui Le contenu si c est du texte sera mis en valeur si la lecture et l impression sont favoris s par un bon contraste de couleur ne pas gifer le texte important inutilement voir les couleurs Vous connaissez certainement beaucoup de fa on d accentuer le texte Si c est des images des r gles d optimisation sont respecter pour acc l rer l affichage de la page La premi re des r gle est de ne pas redimensionner les images dans le code ou l diteur html Nous verrons plus tard le traitement des images Navigation D s la page d accueil le mode de navigation dois appara tre clairement et tre r p t et respect sur chaque page de fa on coh rente Aucun effort ne doit tre fournit par l internaute pour deviner o cliquer ou ce qu il va s afficher lorsqu
91. orrespondance D but Fin de classement par pertinence de lemmatisation cheval cavalier chevalin de zones Ces moteurs permettent en plus une approche par concepts Par ailleurs des efforts sur la pr sentation des r sultats ont t faits gr ce la g n ration de St phane VION pour le CNAM p 31 r sum automatique la proposition de document qui ont une corr lation entre eux et la mise en valeur des mots de la requ te Gestion de formulaires intelligents Pour am liorer le dialogue avec ses lecteurs et permettre ainsi la remont e d informations utiles il est possible de mettre en place des formulaires qui permettront aux utilisateurs du site web d exprimer leur demande ou de mieux se faire conna tre Comme dans toute op ration de saisie formalis e l environnement propos doit g rer les multiples contraintes et contr les li s saisie des bonnes information dans les bon champs v rification d information non saisies et obligatoires recomposition automatique du formulaire en fonction de r ponses pr alables etc Pour cela nombre d ateliers de d veloppement de sites web statiques ou dynamiques proposent des biblioth ques de formulaires pr ts l emploi dot s des programmes de contr le de saisie ad quats crits en JAVASCRIPT le plus souvent Diffusion S lective d Informations DSI PUSH et abonnements par profils Dans le contexte d une information de plus en plus dynamique et
92. ositions produits Cela impliquera certainement des aller retour entre les diff rents services de votre entreprise 5 Organiser l architecture De la page index html jusqu au fin fond du site nommez toutes les pages indiquez tous les liens Cela implique bien s r que vous sachiez quel sera le contenu du site Cette tape comme toutes celles qui pr c dent peuvent tre devraient tre ex cut es sans le recours de l ordinateur sur du papier cela pour faciliter la visualisation et le travail des diff rentes rubriques Si vous avez achev cette tape votre bureau devrait ressembler votre futur site internet des tas de pages regroup es dans diff rents dossiers empil s un peu partout Bien s r tout au long de ces tapes ne n gligez pas de surfer voir la concurrence le march les innovations qui rendraient vos services ou produits obsol tes Donc surfez St phane VION pour le CNAM p 65 6 Concevoir l interface graphique s agit d une tape importante puisque vous allez choisir les couleurs les polices les formes qui vont entrer sur votre site et les contr ler c est contr ler l internaute Le design n est pas une fin en soi c est un outil qui va vous permettre de pr senter l information l offre de mani re compr hensible Un internaute moyen reste 3 5 minute sur un m me site vos offres vos points forts doivent tre facilement accessibles Vous devez donc particuli rement soigner l ergono
93. ous les six mois actuellement Chaque changement de version n cessite une mise jour logicielle au niveau des syst mes d exploitation passer de Windows 3 Windows 95 par exemple et ou mat rielle changer de disque dur augmenter sa m moire de travail etc 2 La n cessit de rester en conformit avec les r gles juridiques l mentaires pour la diffusion d information nominatives ou prot g es par le droit d auteur La tentation est grande de fonctionner avec des produits r cup r s droite et gauche mais dont on ne ma trise ni la dur e de fonctionnement ni la dur e de maintenance par son auteur Il n est pas obligatoire de s quiper avec les derni res versions de logiciels d s leur sortie mieux vaut attendre quelques mois avant de s quiper R flexion sur les objectifs et la strat gie de communication Quelles informations mettre en ligne Un Web pour quel usage Information Communication Support Les applications pour une organisation sont nombreuses et ouvrent des perspectives de d veloppement riches dition offres de services Quels services proposer Un web plaquette reprenant les services papiers Un service lectronique personnalis et imm diat Une des premi res t ches de l quipe de pilotage web puisque c est ainsi qu on la nomme souvent sera de proc der un recensement exhaustif des attentes tant du cot des producteurs impliqu s que du public vis
94. p bak top htm Voeux bak Voeux htm WS_FTP LOG Conseil Navigation dans le site B index htm indez htm 5 menu htm main htm E LS societe html EE references html Hp resulatshtm B B formation html HA calendrier200 html HA calendrier2000humi E 5 nouystages htm DPEDPFLOPDEEELE R programmes htmil partcal C Ca Progdet2000 Resume enjeux html er B B fomation html B B H enjeux html B g maitoinfos serdacom D http comti3dprofgo ene136 164 He B FlowGEID htm HA salonshtmi El B emploi html index htm nouvstages htm B progammes html gt b 100 Titre SERDA Conseil en gestion de l information GED Workflow Audit Formation Taille 3KB Date 05 01 01 10 16 Ces fichiers peuvent tre tr s facilement convertis en pages web la totalit des logiciels de traitements de texte de gestion de feuilles de calcul etc assurant d sormais cette fonctionnalit D un point de vue technique un site web est tr s facile mettre en uvre mais a le grand inconv nient d engager les quipes dans des cycles et des modes de production tr s contraignants qui risquent d accaparer ressources humaines et nergies au vu des objectifs de r actualisation presque syst matiques de certains sites web par exemple ceux qui sont soucieux de d livrer des informations tr s actualis es Web dynamique Cette situation est ainsi la cause de l obsolescence rapi
95. papier Priorit s amp d lais Un site web est caract ris par l extr me obsolescence de l information qu il diffuse cette obsolescence tr s rapide est la cons quence de deux facteurs distincts mais dont la mauvaise conjonction peut s av rer catastrophique pour la notori t du site St phane VION pour le CNAM p 38 Une extr me sensibilit chez le lecteur toute information consid r e comme d pass e cette notion tant souvent inconsciemment associ e la notion de faux L urgence r elle des processus d acquisition de l information chez les utilisateurs du web On veut toute l information pertinente le plus vite possible la notion d effort tend dispara tre masqu e par la d sarmant facilit d action sur les liens hypertextes il suffit de cliquer et est remplac e par un sentiment extr mement d routant de d sorientation hyper textuelle on ne sait plus comment on est arriv sur cette page et de surcharge cognitive il y trop d informations Une organisation de production et de maintenance du site d faillante m me pour un instant et le mal est fait le ressenti du lecteur propos du site est n gatif et cette mauvaise image sera par la suite tr s difficile remonter C est pourquoi il est indispensable de planifier ses actions de diffusion et de mise jour de l information ainsi que de ne pas h siter communiquer ce sujet en prenant des engagement fermes dont on sai
96. percevrez que vous ne pouvez modifiez que le tableau central Modifiez le texte au milieu et enregistrez cette page Fichier gt Enregistrez sous et nommez la chats htm 3 Revenez sur votre page mod le normalement creersite dwt et faites un lien interne entre le mot Chats dans le menu et la page que l on vient de creer chats htm 4 Enregistrez ensuite le mod le Fichier gt enregistrer 5 Vous vous apercevrez que le menu de la page chat a t modifi automatiquement puisque qu il d pend du mod le Vous devez alors enregistrer la page chats htm puisqu elle a subit une modification Astuce Pour vous vitez de devoir enregistrer les pages une une faites plut t Fichier gt Enregistrer Tout 6 Faites de m me pour la page chiens htm cr ez une nouvelle page partir du mod le modifiez le tableau central en y crivant Les chiens par exemple et enregistrez cette page Retournez sur le mod le dwt faites un lien interne entre le texte Chiens et la pages pr c demment cr e chiens htm Le lien cr er appara tra la fois sur les page chats htm et chiens htm puisqu elles d pendent du mod le St phane VION pour le CNAM p 19 Astuces Dreamweaver Insertions lignes colonnes mnrnrnnnnnennnnnnennnnnnnse Sous Dreamweaver pour enserrer une ligne ou une colonne vous passez par le menu Modifier tableau ins rer une ligne ins rer une colonne L insertion lieu avant
97. ph rique portable l Performances Biblioth que multim dia Visualisations Formats A Cette bo te de dialogue vous permet de sp cifier quels formats C2 sont lus par le Lecteur Windows Media m Formats de fichier disponibles S lectionnez quels formats seront lus par le Lecteur Windows Media MA Fichier vid o MA Fichier audio Z Fichier vid o MPEG PA Son au format MP3 FA Fichier MIDI D escription Le ou les formats Fichier Windows Media incluent des fichiers dot s de l extension asf asx wm mx wmp S lectionner tout St phane VION pour le CNAM p 15 Le web la norme et le web consortium Invent en 1989 par Tim Berners Lee au CERN HTML est depuis normalis par le World Wide Web Consortium http www w3 org qui regroupe l INRIA France Europe l universit Keio au Japon et le MIT pour les USA Le W3C a t fond en Octobre 1994 pour d velopper les normes informatiques construites autour de l environnement Web et pour cr er un p le de stabilit dans cette bataille pour la norme HTML T2 Eam i a ES D propose ses services dans le domaine VS Stilo Pr D Tel ora LENNO de Laspag Pu ru ven At hornet Harva Page en meer R f rence exhaustive sur le World Wide nn Web l intention des d veloppeurs et des usagers R f rence des sources des programmes pour le d veloppement et la promotion des standards D velo
98. phane VION pour le CNAM p 57 Pour ce faire les interactions avec les services communication et les centres de ressource informatiques doivent galement tre constantes et intenses Le service informatique assure une surveillance permanente de bas niveau sur le bon fonctionnement de l infrastructure r seau et des serveurs d h bergement Le service communication s assure r guli rement de la bonne qualit des contenus et SURTOUT de leur validit juridique au regard des responsabilit s l gales de l organisme diffuseur Organiser des circuits de valorisation interne des informations Valoriser l information qu est ce que c est exactement Am liorer la pr cision l exhaustivit et la mise jour des contenus Mieux cibler les destinataires de l information par un travail sur la pertinence mais aussi sur la diversit des attentes Pour ce faire il est tr s important de constituer des quipes organis es de mani re contr ler r guli rement la qualit de l information diffus e par un travail de r flexion sur les contenus MAIS AUSSI de r fl chir aux modes de transmission et d acquisition de ces informations par leurs lecteurs Ce contr le doit se faire r guli rement et dans un cadre formalis hi rarchis et redondant Ainsi si la structure de l quipe ditoriale comprend 3 niveaux il est obligatoire que chaque niveau soit en mesure ET ait l obligation de contr ler sa production avant de lui faire s
99. ppement de nombreux prototypes et d applications pour promouvoir les nouvelles technologies Sur le serveur du Web Consortium on trouve toute l information jour sur le langage HTML XML etc M Let mue unei PC nnman RTE LCL m o oiy araa TS s Les grands diteurs Netscape et Microsoft font r guli rement des propositions d extension ce au sein du Web Consortium et le langage volue tr s rapidement en particulier parce que les deux t nors de l industrie Netscape et Microsoft rivalisent pour am liorer le langage C est pourquoi il y a un d calage entre la version normalis e du langage et les possibilit s r elles d affichage de Netscape Navigator et Microsoft INTERNET Explorer Le standard actuel en est la version 4 01 elle date du 24 d cembre 1999 Le langage HTML et les liens hypertextuels entre pages web HyperText Markup Language HTML est le format de document utilis pour la repr sentation des donn es dans les pages web Il s agit d un ensemble simple de commandes de formatage de documents on parle ainsi de langage HTML bien qu il ne s agisse pas proprement parler d un langage de programmation comme C ou JAVA mais plut t d un ensemble de mots les balises permettant de diriger la pr sentation de l information ainsi que la structure interne des documents titres chapitres en t tes etc Un document est compos d une en t te et d un corps de texte L en t te comporte des in
100. r ellement visible Les m ta donn es restent importantes options ALT pour les informations sur les images sont utilis es Il faut galement veiller liminer les obstacles techniques pour les robots d exploration e flash cgi urls exotiques frames pages graphiques effets javascript St phane VION pour le CNAM p 59 Crit res off the page Indice de popularit indice de clic pr sence dans un annuaire sont des atouts majeurs dans le bon r f rencement et parfois le bon positionnement de votre site Une part importante de la promotion de site non automatisable doit tre consacr e l affiliation et l change de liens Crit re off the page mais in the site Nom de domaine et URLs doivent tre simples retenir ou taper Optimisation du site en fonction des annuaires Contenu int ressant et original information mise jour pas de liens rompus pas de zone en travaux Un site ne peut pas tre r f renc tant qu il n est pas termin Source Olivier Andrieu Abondance www abondance com Logiciels d analyse de logs Ces outils vous permettent d obtenir une analyse tr s fine de la fr quentation de votre site Web par analyse de ses fichiers log m moire des connexions parmi les fonctionnalit s propos es le plus souvent principales pages de votre site par lesquelles les gens arrivent depuis l ext rieur entry pages arriv e depuis un autre site Web proposant un l
101. r sont automatiquement envoy s 5 Les abonnements aux revues l ectroniques et autres services payant d information sont automatiquement relay s aux usagers ayant souscrits ces services directement sur leur poste de travail 1 Publication Un Editeur publie une base d information sur un serveur Push et constitue une cha ne de diffusion D C L diteur publie une base d information articles 2 Abonnement Les clients s abonnent la cha ne de l diteur depuis un poste Web L acc s la cha ne peut tre soumis un enregistrement de donn es sur le client centres d int r t coordonn es ou tout autre feedback Un contr le peut aussi tre effectu pour v rifier que le client a le droit d acc der aux informations Un nouvel abonn re oit automatiquement toutes les publications de la base auxquelles il a droit ouverte au public La base d information peut contenir n importe quel type de contenu de journaux images ou photos extraits musicaux ou jingles sonores clips vid o Les clients Web Client Web s abonnent la chaine de l Editeur Serveur Push 3 Mise jour 3 LL L diteur publie un nouvel article Serveur Push St phane VION pour le CNAM Une fois la base d information publi e l Editeur peut tout moment d cider d ajouter de nouvelles publications Son seul travail consiste transmettre les nouvelles publications au serveur Push
102. re plus r actif face une demande mieux partager une information de qualit donc pertinente de nature permettre une prise de d cision imm diate ou initier une r flexion ou des projets nouveaux donc synth tique Ces nouveaux modes de communication sont donc tr s bien adapt s la valorisation rapide d un projet d ing nierie documentaire qui ne touche plus seulement son public captif mais qui permette d ouvrir de nouveaux horizons et de toucher de nouveaux clients Mettre en ligne les derniers communiqu s de Presse informer les collaborateurs de l entreprise des derni res d cisions prises mettre en place une aide en ligne sur des applications donner acc s aux catalogues et documentations techniques animer un journal interne en ligne les applications documentaires sont innombrables Ceci provoque un changement profond du mode de communication de l entreprise Pour r ussir un projet web dont les cons quences touchent la fois l organisation et le management de l entreprise il convient d utiliser une m thodologie adapt e Dans la majorit des projets les questions les plus fr quentes sont Collecter Comment optimiser la collecte d informations pertinentes et utiles pour la communaut de ses utilisateurs Echanger Comment permettre de mettre la disposition des collaborateurs de l entreprise leurs savoirs leurs id es Stocker Comment mettre en ligne un gros volume d
103. recherche th matiques utilisez des sites qui les recensent Si votre site pr sente un caract re r gional important soumettez le galement aux outils de recherche r gionaux fran ais 10 Soumettre un site n est pas h las synonyme d inscription dans les bases de donn es des outils de recherche Toutes les 3 4 semaines il vous faut sur les annuaires et moteurs majeurs uniquement v rifier la pr sence de votre site gr ce l interface manuelle Si votre site a du mal tre pr sent notamment sur les outils de recherche francophones lisez les articles parus sur chacun d eux dans la zone abonn s du site de Abondance qui comme son nom l indique est r serv e aux internautes ayant payant pour y acc der mais vous pouvez bien entendu vous abonner a n est pas cher 11 Lors de vos phases d optimisation et de r f rencement suivez toujours la charte de qualit et de d ontologie dict e par l IPEA et valid e par les annuaires et moteurs francophones majeurs 12 Les moteurs de recherche sont galement de plus en plus sensibles l indice de popularit des sites le nombre de liens depuis le Web vers vos pages Calculez le v tre et augmentez le en faisant une large campagne d change de liens avec des sites cousins compl mentaires mais non concurrents 13 Une fois que votre site est inscrit partout bravo faites tous les trimestres ou tous les semestres une r vision du r f rencement v rifi
104. rtement l utilisation massive de feuilles de style et autres mod les appliqu es syst matiquement tous les documents et qui permettent de doter tr s rapidement le site d une tr s forte coh rence de pr sentation Les comp tences r unir La charte graphique doit tre g n ralement command e et contr l e par la direction g n rale ainsi que les services charg es de la communication Souvent la charte graphique existe d j dans ce cas il suffira de faire appel des soci t s sp cialis es dans l habillage graphique de site web pour qu elles vous proposent des mod les de pages munis de leurs feuilles de style et des l ments graphiques coh rents Dans le cas o la charte graphique n existerait pas il est plus long mais plus int ressant de proc der d abord une r elle action de d finition de charte graphique en faisant appel pour cela des soci t s de conseil en communication St phane VION pour le CNAM p 40 Source Bruno Vanasse consultant HumanSource Inc http www humansource com francais hs principes htm Avant de r organiser un site web il est utile de compl ter une tude de son utilisation aupr s d usagers et d analyser leur r actions Les principes directeurs pour le design d un site web sont raison d tre contenu facilit d utilisation et rapidit Raison d tre Lorsque les gens surfent le Web ils veulent accomplir quelque chose Les util
105. s aplats de couleurs telles que les logos par exemple JPEG Joint Picture Expert Group est le fruit d un travail del normalisation de l ISO c est un format d image compress avec perte d information selon des transform es de Fourier pour les math maticiens les pixels limin s lors de la compression sont recalcul s lors de la d compression pour affichage Ce format est particuli rement adapt pour les photographies et assure un taux de compression de bonne qualit dont les d fauts sont ind tectables il nu dans un rapport de 1 20 minimum St phane VION pour le CNAM p 11 PNG Portable Network Graphics est un format d image respectant les recommandations du Web Consortium Les images enregistr es au format PNG peuvent tre compress es ou r duites pour un stockage plus facile et des t l chargements plus rapides sans perte de qualit naa a Le format PNG prend en charge plusieurs niveaux de transparence d image et de contr le de la luminosit sur plusieurs ordinateurs Le format PNG est utilis pour des petites images telles que des puces et des banni res et des images complexes telles que des photographies ee ru r aso one ooe ins St phane VION pour le CNAM p 12 L image anim e Les formats les plus divers sont accept s par HTTP car les images comme le son sont transmis au client par un simple
106. s balises supprimer sans chevrons et s parez celles ci par des virgules Num ros de ligne mnmennnnnnnnnnnnnnnnnnnennennnnnnnenennnnnnnnnne Dans le code HTML de Dream vous pouvez cocher en t te de fen tre l option Num res de lignes Ceci sert corriger entre autre vos ligne java script lorsque le code est mal compris Accessoirement vous pouvez l exploiter pour s lectionner plusieurs ligne en faisant un cliquer glisser sur les num ros de ligne Pratique St phane VION pour le CNAM p 80 Copie de styles nnnnnnnnnennennnnnnnnennnennnnenennnnnnnnes Pour copier les styles d une page vers l autre visualisez le contenu d en t te et cliquer sur Glet faites Ctrl C Dans l autre page toujours dans le contenu d en t te faite Ctrl V Voila Contenu d en t te nnnnnnnnnnnnnnnnnnnenennnnnnenennnnnnnne Pensez afficher le contenu d en t te dans Dreamweaver afin de voir les informations contenu dans celui ci de plus les ic nes affich e tant tr s logiques les changements seront d autant plus logique L affichage s obtient par Affichage contenu de l en t te Ctrl Maj W Param tres du site nnnennnnnennnnnnnnenennnnnnnne Lorsque vous demandez l affichage du site vous pouvez double cliquer dans la liste des sites et les options du site indiqu s afficheront historique Dreamweaver mnnnnsennnensen
107. s derniers ont tous r agi en p nalisant retrait des documents les sites qui introduisent des biais dans les calculs de pertinence Les efforts de normalisation du r f rencement des pages web men es par le Dublin Core qui a re u d but Septembre 1998 le soutien officiel du Web Consortium ont depuis d bouch sur l adoption d une presque norme RDF A noter galement le programme CORC de l OCLC encore en phase de test et d valuation qui utilise plusieurs formats de description dont DC RDF et l incontournable UNIMARC St phane VION pour le CNAM p 22 Les outils de d veloppement de sites Internet Intranet Interfaces Web banalis es ou clients sp cialis s A l heure du tout Intranet webis la question du choix d un client banalis comme le web ou d un client sp cialis donc propri taire se pose r ellement tant du cot des services informatiques charg s de choisir les interfaces d acc s l information que du cot des diteurs de logiciels Intranet tels que IBM Lotus avec son produit Domino ou Microsoft avec Exchange 2000 L int r t des clients sp cialis s va se situer dans leurs possibilit s d int gration de services extr mement sp cialis s dont le comportement est encore difficile mettre en uvre avec du HTML standard Ces fonctionnalit s peuvent par exemple tre l int gration pouss e des services offerts par une page web avec l acc s interactif des bases de donn es
108. s par plusieurs ing nieurs et les mises jours des produits de s curit de l ensemble des services install s quotidienne Il est bien videmment indispensable de participer plusieurs groupes de discussion sur la s curit Suivi de projets L une des complexit s d un projet Web est la difficult que l on peut prouver g rer des interlocuteurs tr s diff rents dans leur fa on d appr hender le projet En effet interviennent un graphiste un concepteur m diatique un consultant en communication un ing nieur syst me charg d assurer le bon fonctionnement technique du site un ing nieur base de donn es charg de l optimisation du stockage et de l acc s des donn es et un ing nieur applicatif charg de mettre en oeuvre les d veloppements compl mentaires parfois n cessaire C est le chef projets qui sera le correspondant lui qui assurera la bonne marche du projet qui communiquera les tats d avancement qui soumettra les diff rentes solutions techniques retenir leurs implications Il doit g rer l ordonnancement des diff rentes ressources et sera le garant du planning du projet Il est le correspondant unique b n ficiant de toutes les ressources et des diff rents sp cialistes St phane VION pour le CNAM n 50 Prestation externes et suivi maintenance Lorsque l on fait appel une comp tence externe le suivi et la maintenance sont indispensables Une fois le projet termin le transfert d
109. t e manque de formation ambitions personnelles concurrentes etc Les contraintes organisationnelles bien souvent l Intranet de par sa nature transversale va faire rapidement merger les incoh rences de l organisation du travail au sein d une structure en mettant par exemple en lumi re les recouvrements de fonctions ces incoh rences sont souvent li e l histoire de l organisation et ne peuvent pas tre facilement lev es ou au prix d une r organisation de l organigramme trop co teuse politiquement Les crit res de r ussite fr quemment cit s dans les exp riences de site web Internet Intranet sont Prendre le probl me en amont avant de parler technique il faut se poser les bonnes questions quels types de documents quels auteurs quels profils utilisateurs quel type de navigation Rendre les choses transparentes pour l utilisateur si ses habitudes de travail ne sont pas modifi es le projet sera d autant mieux accept Inscrire le projet dans la dur e et le rendre volutif l avantage des solutions ouvertes Intranet c est de permettre une volution facile que l on esp re peu co teuse Cet objectif semble le moins facile atteindre au premier abord surtout lorsque l on d cide d adosser un web intranet des bases de donn es documentaires ou de gestion La ma trise d uvre du projet Internet Intranet Mettre en uvre un projet Intranet c est galement veiller
110. t qu ils pourront tre tenus Il est plus utile d annoncer clairement sur ces pages qu elles ne sont remises jours que tous les trois mois et de le faire que de laisser tra ner des pages web n ayant plus t mises ours depuis plus de six mois en ayant promis alors des d lais de mises jour impossibles tenir compte tenu de ses ressources de production tant humaines que techniques P riodicit et web dynamique Il est sur que dans ces conditions administrer et maintenir une arborescence de site tr s statique se r v le vite plus probl matique qu conomique Les informations ont tendance se dupliquer augmentant ainsi le co t des mises jours syst matiques les liens hypertexte divergent petit petit rendu le site de plus en plus impropre une navigation efficace Il est donc plus payant terme de miser sur de la diffusion en web dynamique extrait de bases de donn es d information car si les investissements d initialisation sont plus lev s les co ts de maintenance ult rieurs se r duisent consid rablement St phane VION pour le CNAM p 39 La strat gie ditoriale et la charte graphique Rep rer s lectionner et caract riser les sources de donn es utiles D abord et surtout l information disponible sur l Intranet tout ce qui se produit s crit se calcule chez vos collaborateurs produit du sens et de l information dont d autres usagers auront besoin dans un futur plus ou moins
111. tableau prendra tout la largeur de la page et bordure 1 Ins rer un tableau Lignes 1 Marge int rieure des cellules ok Colonnes 1 Espacement entre les cellules Largeur 100 T Pourcent Bordure 1 3 Une sorte de rectangle s affiche alors en haut de votre page Nous voulons a pr sent qu il remplisse la page Pour ceci faites un clic gauche sur la bordure basse du tableau voir image et remplissez les propri t s du tableau en bas gauche comme suit H 100 pour que le tableau remplisse la page Remplissage 0 Espac de cellule 0 Bordure 0 rentrez cette donn apr s la cr ation de la structure car un tableau sans bordure est plus difficile s l ctionner vous vous apercevrez que le tableau change d apparence pour vous indiquer que celui ne sera pas visible en ligne Aligner Centrer 11 ain Try ID de tableau Lignes 1 L100 KA zE Cols H hoo kgl te KA Couleur d ar pl E la HE Lx Image ar pl p Couleur contour T 90 4 Par d faut l alignement vertical est au milieu vous commenceriez obligatoirement crire au milieu du tableau Pour changez cela et le mettre en haut de tableau on commence a crire en haut de page et non en milieu de page cela parait logique faites un clic droit l int rieur du tableau et en bas a gauche changez l alignement vertical E z Format Aucun EN Milieu h Bas z Cel
112. tilisateur Une feuille de style XSL permet ainsi d afficher partir d un m me fichier les r f rences ou que les noms propres pour une notice bibliographique par exemple Une fonctionnalit qui aura aussi un int r t certain dans la mise en place d INTRANET pour faciliter encore la consultation des bases de donn es de l entreprise Bien videmment cette tendance complexifie encore un peu plus le format et la structure des pages web venir ce qui rendra terme plus d licat les t l chargements de donn es avec des outils de navigation obsol tes non compatibles avec XML Heureusement la tendance observ e actuellement permet de penser qu il en sera des navigateurs XML comme il en a t des navigateurs HTML ils seront gratuits St phane VION pour le CNAM p 20 Les formats textuels alternatifs PDF et autres Il est de plus en plus courant et ais de diffuser des documents lectroniques dans des formats diff rents de HTML Les raisons ces formats alternatifs tiennent essentiellement Facilit de conversion et ou de conservation d une excellence de pr sentation impossible avec du simple HTML Protection du documents contre la copie et le d tournement du contenu diffus ce qui n est pas possible avec HTML Les formats les plus souvent utilis s pour ces usages sont les formats PDF ou Word et Excel Format PDF et documents ACROBAT Le format PDF pour Portable Document Format est
113. timis es Un g n rateur de mots cl s est votre disposition pour identifier tous les termes importants dans le cadre de votre activit 5 Une fois vos pages optimis es testez les sur un syst me d audit de code HTML qui vous permettra d affiner au mieux ce travail en vous donnant de nombreuses indications sur la fa on de d finir au mieux toutes les zones de vos pages en fonction des crit res de pertinence des moteurs de recherche 6 Vous avez optimis votre site web et notamment sa page d accueil Votre site est accessible en ligne Parfait Vous pouvez alors utiliser l interface de v rification et de soumission manuelle pour r f rencer votre site sur les outils de recherche majeurs Concernant ces annuaires et moteurs de recherche privil giez toujours un traitement manuel bien plus efficace que tous les logiciels du monde St phane VION pour le CNAM p 62 7 Une fois votre site r f renc manuellement sur les annuaires et moteurs majeurs effectuez un r f rencement automatique sur les outils de recherche secondaires 8 Si certains portails majeurs Free Libertysurf vous semblent importants par rapport votre cible v rifiez qui leur fournit leur annuaire ou leur moteur et soumettez leur votre site 9 Identifiez les annuaires et moteurs sp cifiques de votre activit commerce lectronique nautisme sant agro alimentaire et soumettez leur galement votre site Pour retrouver ces outils de
114. toujours tout disponible sous la souris En fait c est la forme de navigation la plus souvent repr sent e plus ou moins heureusement Ca consiste en une barre de navigation le plus souvent en haut ou d un menu d roulant ou pas le plus souvent gauche sur chaque page qui permet l internaute d avoir l ensemble des rubriques des sous rubriques voire des pages disponible tout moment en un seul click Quelques r gles Pour un bon fonctionnement de cette m thode il faut absolument respecter ces r gles chaque onglet et sous onglet de la barre ou chaque entr e du menu ou du sous menu doit tre clairement explicite Ce n est pas facile car en g n rale la place est r duite et le contenu de la page qui se cache derri re chaque lien doit tre r sum en un seul mot Ce qui donne souvent lieu des catastrophes esth tiques comme celle de internet com Sachez aussi que toutes les combines de menus d roulants m me si c est beau ne fonctionnent pas sur tous les navigateurs Vous vous en moquez je sais mais c est paaaas bien Une solution alternative est la sous barre de navigation comme celle qui peut appara tre sur le site de Stone avec l inconv nient d tre moins efficace est moins explicite qu un page mini sommaire interm diaire comme dans le cas de la navigation orient e Les avantages C est qu on peut avoir acc s en un clic l int gralit du site en un ou deux clicks avec ce que cela comporte c est dire la possi
115. transfert de fichier Il suffit ensuite de disposer de l application correspondante plug in sur la machine cliente pour interpr ter correctement le format Il existe cependant la possibilit de g n rer des images anim es au format GIF l aide d outils graphiques adapt s par exemple GIF MOVIE ou GIFGIFGIF L alternative courante est d sormais de g n rer des fichiers au formats FLASH et ou SHOCWAVE de la soci t MACROMEDIA tr s l gers en poids et dont le rendu graphique peut tre tr s efficace Cette technologie n cessite cependant l usage d un logiciel additionnel plug in disponible gratuitement sur le serveur de Macromedia http www macromedlia fr Les formats FLASH et Shockwave En 1998 la Soci t Macromedia conceptrice du logiciel MacroMind Director lance ShockWave et Flash deux technologies d animation de dessin vectoris permettant de concilier qualit des graphismes et l g ret des fichiers transf rer et qui repr sentent aujourd hui 96 du march Macromedia Flash permet l animation de site web gr ce des outils graphiques et des interfaces pour la conception de sc narios Pour lire un fichier au format Flash swf il faut installer un additif logiciel ue le navigateur plug in z E m E i 25 E a Pre im in A D Sounds LA Gallery Rollover Tex LA Lines xX L3 2000 z8 Headline LA Corner Logos E Layer 103 QTR Outlines X LA Side Menu LR Es LA Sou
116. uccession de choix limit s 2 ou 3 possibilit s oriente peu peu la recherche le parcours de l internaute droit vers l objet de sa visite Quelques r gles Ce mode de navigation implique le respect de quelques r gles La possibilit tout moment sur toutes les pages 1 de revenir l accueil 2 d obtenir vos coordonn es adresse n t l phone plan ou celles de votre soci t voire d envoyer un message formulaire ou e mail 3 de passer commande si cela est pr vu 4 de consulter le plan du site s il est imposant 5 de faire une recherche sur le site avec un mini moteur s il est encore plus imposant L ensemble de ces fonctions peuvent de pr f rence de situer en haut de la page dans l en t te ce qui permet de donner l internaute la sensation de retour au cas o il n aurait pas trouv ce qu il cherchait dans la rubrique choisie au d part Ici la barre de navigation est un peu comme une bou e de sauvetage en cas de noyade dans les pages profondes du site Il est pr f rable de situer les liens vers la ou les page s suivantes en bas de la page puisque c est par l qu on termine la lecture comme dans un livre vous savez ce truc en carton plein de feuilles de papiers coll es ensemble par un cot et c est par l que l on passe donc logiquement naturellement et instinctivement vers la page suivante Ainsi l internaute aura la fabuleuse sensation d avancer de glisser de page en page de surfer quoi Il est
117. ues ou les termes porteurs et ceux injustement d daign s ainsi que sur le niveau de technologie de vos lecteurs ou encore leur pratiques de lecture St phane VION pour le CNAM p 55 T WebTrends for Lotus Domino Limited Demo Mode v4 0c iol Tout une panoplie de logiciels libres ES de droit ou payants proposent Ei amp 3 d analyser finement les informations ren ss on new RARE LE Onua con te nues d ans ces f i C h i ers AlProfies Web Traffic Analysis Link Analysis Proxy Analysis Alerting Monitoring Streaming Media tion Sample Cluster Web Traffic Analysis file samples CTSample1 log Un logiciel payant sort nettement du S sneva tarani cen t wamesameo lot il s agit de WebTrends logiciel 7 d analyse de logs pl biscit par l ensemble de la profession Ce logiciel peut tre automatis pour effectuer r guli rement ses statistiques de consultation et ainsi donner une image heure par heure de l volution des strat gies de lecture de son public Un autre produit de qualit quivalente mais nettement moins cher WebAlyser donne galement satisfaction de nombreux responsables de sites web Ces outils ont galement l avantage de construire les rapports d analyse sous forme de pages web ais ment consultables et facilement accessibles pour toutes les personnes impliqu es dans la surveillan
118. uivre les tapes suivantes de son cycle de production Un circuit de contr le externe aux quipes de production doit galement tre mis en place par exemple sous la forme conjointe d un forum de discussion priv o tous les utilisateurs sur l Intranet pourront faire part de leurs r actions ainsi que d outils type formulaires facilement accessibles permettant la remont e d information des erreurs rencontr es par les lecteurs venus d Internet De l organisation de l information la gestion des savoirs Dans le cas de grands sites web o sont impliqu es un grand nombre d acteurs de production et de r daction la mise en relation par l change de liens hypertextes entres les grandes entit s du site s av re galement tr s judicieux Les outils de Workflow et de Groupware ainsi que les m thodologies de travail qui leur sont associ es existent d sormais pour acc l rer et automatiser ces interactions Leur inconv nient est videmment la prise en charge par l organisation interne de proc dures plus contraignantes et l apprentissage de nouveaux environnements de travail Ils impliquent d orienter la culture de l organisation vers des notions li es la gestion des comp tences et des savoirs ces processus sont longs et complexes mettre en uvre et la cr ation ou la refonte d un site web sont souvent l occasion d initier ce type de d marche St phane VION pour le CNAM n 58 Le travail
119. uments dont le cycle de production est soit interrompu soit d finitivement arr t Il s agit par exemple de tous les documents papiers et ou bureautiques standards cr es lors de s ances de travail individuelles ou collectives Ces fichiers peuvent tre tr s facilement convertis en pages web la totalit des logiciels de traitements de texte de gestion de feuilles de calcul etc assurant d sormais cette fonctionnalit Cette m thode est tr s facile mettre en uvre mais l immense inconv nient de remettre r guli rement en cause la politique de diffusion ainsi que la qualit de la maintenance sur l information Ecrire une page Web n cessite de conna tre le langage HTML HyperText Markup Language Langage hypertexte balises Ceci peut se faire de plusieurs fa ons Manuellement En mode semi assist A l aide d diteurs tout HTML En convertissant des documents bureautiques d j cr s Manuellement Avec l aide d un simple diteur de texte on peut commencer crire directement ses pages Web Cette solution ne n cessite pas d investissement particulier et permet de faire toutes les op rations que ferait un logiciel sp cialis Elle offre un autre avantage car elle permet de cr er des pages qui ne suivent pas la norme HTML en vigueur ce que ne feraient pas forc ment les diteurs dont vous disposez En mode semi assist Les premiers logiciels de cr ation de pages Web taient en
120. un format propri taire invent par Adobe distribu sous le nom de Acrobat Il permet une diffusion de documents lectroniques avec une pr sentation extr mement fid le aux originaux puisqu il transporte les images des documents ainsi que les polices utilis es pour leur cr ation Pour lire un document PDF il faut un plug in de lecture gratuit que l on installe dans le navigateur web de son choix L int r t de ce format actuellement version 4 est de permettre une lecture rapide et ais e dans le document ind pendamment des technologies utilis es pour sa cr ation Il est galement tr s utile pour ses fonctions de protection du document contre les copies ou modifications ill gales A contrario du format HTML les fichiers au formats PDF sont volumineux donc ne se transportent pas aussi facilement sur Internet mais ils conservent beaucoup mieux que HTML l excellence de pr sentation ce qui en fait un format de document r seau largement pl biscit Pour cr er des documents PDF ou convertir tous documents bureautiques de PAO XPRESS PageMaker etc images scann es ou au format POSTSCRIPT en un fichier Acrobat PDF il faut utiliser la suite logicielle Adobe Acrobat 4 0 qui est se d compose en deux sous produits Acrobat Writer et Acrobat Distiller qui permettent de g n rer le format PDF partir soit d images num riques du texte un scan tout simple sans OCR soit partir de documents dans les for
121. urs tout un tas de trucs CSS Javascript Java frames calques sons etc qu il vaudrait mieux ne pas trop utiliser dans un premier temps 10 Publier Choisir un nom de domaine sera le dernier brainstorming consacr au site Apr s t l charger r f rencer a c est une autre histoire entretenir mettre jour faire voluer tout d molire pour tout reconstruire et recommencer l tape 1 Bon si vous n avez pas renoncer cr er votre site vous savez ce qui vous attend dans les prochaines semaines Ne br lez pas les tapes chacune d entre elles s appuie sur la pr c dente comme avec les Lego et est indispensable en soi pour l acquisition des principes et des r gles qui r gissent la toile St phane VION pour le CNAM p 66 Les erreurs La plupart des erreurs sont commise par des webmasters d butants ou non qui n gligent de prendre en consid ration le degr d influence de l internaute sur la visite de leur site La personnalisation des navigateurs permet la modification d une pr sentation voire sa destruction totale De plus les diff rents proc d s permettant de d terminer la configuration de l utilisateur ne sont pas toujours appr ci s lorsqu ils fonctionnent Ainsi principalement pour des raisons de vitesse de chargement des informations certains internautes d sactivent les fonctions telles que l affichage des images l ex cution des javascripts et des applets Java l importation d
122. us fortement aux normes Multim dia sur INTERNET Les ressources Un document est la plus petite unit fournie par le serveur en r ponse une requ te du client Le World Wide Web utilise la technique de l hypertexte c est dire qu il utilise des liens entre des documents pouvant tre n importe o sur Internet ou Intranet De plus les documents ainsi r f renc s peuvent tre accessibles par diff rents protocoles HTTP FTP GOPHER Ces documents peuvent non seulement tre des fichiers mais aussi par exemple le r sultat d un programme ou de l interrogation d une base de donn e On utilisera donc d sormais le terme de ressource qui est plus appropri L information contenue dans un lien doit indiquer de mani re non ambigu o et comment atteindre la ressource r f renc e Pour cela W3 utilise un Universal Ressource Locator qui est l extension au niveau du r seau de la notion de nom de fichier sur une machine Un URL permet d adresser de fa on pr cise toute ressource accessible sur le r seau Le format d un URL est m thode nom_de_machine port nom _de _fichier ancre liste de _ param tres St phane VION pour le CNAM n 8 Le champ m thode indique le protocole utiliser Actuellement on peut utiliser les protocoles suivants file la ressource est accessible soit localement soit par le protocole FTP ftp la ressource est accessible par le protocole FTP Identique F
123. voir les transf rer via un client FTP ou via l FTP de Dreamweaver tape 6 Ouvrir une nouvelle page mnmnnnnnnennannnennnennnnnnennnnnnennnnne 1 Lorsque vous venez de d finir un nouveau site ou lorsque vous d marrez Dreamweaver une nouvelle page nomm e Untitled 1 est automatiquement ouverte Pour une meilleure ma trise du logiciel je vous conseille de fermer cette page comme suit Untitled 1 htm i Nouveau 7 Ouvrir Form n Sr d faut v Taille Lie v 30 Enregistrer sous Enregistrer tout St phane VION pour le CNAM pr afin d apprendre ouvrir une nouvelle page 2 Pour ouvrir une nouvelle page faites Fichier gt Nouveau Edition Affichage Insertion Modifier Texte Commandes Site Ctrl O d Fermer Ctrl w Avec l onglet G n ral s lectionn choisissez Page de Base gauche et HTML droite Nouveau document Page de base Page de base F Page dynamique Page mod le Autre Feuilles de style en cascade C55 Jeux de cadres Conceptions de page Conceptions de page accessibiit Cl Rendre le document conforme l HTML 3 Tr s important Apr s avoir ouvert une nouvelle page pensez l enregistrer Pour cela Fichier gt Enregistrer sous Nommez la index htm La page nomm e index htm est celle ouverte en premier par d faut par les navigateurs St phane VION pour le CNAM p 72 Propri t s de la page
124. vos pages une par une en cas de modification du menu par exemple 1 Un mod le comprend des zones modifiables et des zones non modifiables qui ne peuvent tre modifi que sur le mod le lui m me 2 Pour commencer cr ons une r gion modifiable Faites Ctrl Clic gauche de la souris dans le tableau du milieu pour le s lectionner dans cet exemple le tableau du milieu sera la r gion modifiable Une fois s lectionn le tableau devrait tre en sur brillance faites Insertion gt Objets de Mod le gt R gion modifiable Une boite de dialogue s ouvre r pondez OK Une autre boite de dialogue s ouvre choisissez alors le nom de la r gion modifiable peu important Votre r gion modifiable est cr e et si c est la cas les contours du tableau central deviennent bleut vert bleu plus exactement 3 Maintenant faites Fichier gt Enregistrer comme mod le puis choisissez le nom du mod le premiersite par exemple puis Enregistrer 4 Votre mod le est maintenant cr et prendra comme extension DWT Utilisation du mod le Voyons maintenant a quoi sert un mod le 1 Nous allons cr er une nouvelle page gr ce ce mod le Pour ce faire faites Fichier gt Nouveau gt Onglet mod le gt S lectionnez le nom de votre mod le premiersite gt Cr er 2 Une nouvelle page s ouvre alors et vous vous a
125. xtensions HTML 3 0 FrontPage DreamWeaver ou GoLive Mat riel Syst me d exploitation obligatoire pour Office 2000 1 PC config 128 Mo M moire vive minimum Processeur de 300Mhz minimum 1 carte d acquisition sonore Cha ne d acquisition num rique Windows 95 98 e scanner 1200 dpi 24 millions de couleurs sachant scanner les diapositives interface USB pour acquisition photo ou autre Logiciels de manipulation d images et de son type Photoshop Illustrator Paint shop pro Corel Premi re Sound Forge Sur Macintosh Logiciels PageMill le dernier n des produits d Adobe permet de g n rer automatiquement du texte HTML en offrant une ergonomie de type P AO est un tr s bon outil compl mentaire pour Macintosh qui permet une dition HTML compl te On trouve aussi maintenant des convertisseurs PAO vers HTML tels que PageMaker 6 0 int gr e aux Plugin s de PageMaker ou bien encore FrontPage DreamWeaver ou GoLive St phane VION pour le CNAM Mat riel Macintosh Power PC 8100 ou 9100 iMac 1 carte d acquisition sonore Cha ne d acquisition num rique e scanner 1200 dpi 24 millions de couleurs sachant scanner les diapositives interface USB pour acquisition photo ou vid o num rique Logiciels de manipulation d images et de son p 28 Les outils logiciels pour l organisation de sites web dynamiques et les possibilit s d interconnexion aux bases de donn es ASP

WEBMASTER « Les technologies du web…

Contents

Download Pdf Manuals

Related Search

Related Contents

WEBMASTER &laquo; Les technologies du web&hellip;

Contents

Download Pdf Manuals

Related Search

Related Contents

WEBMASTER « Les technologies du web…