Coent fonctionne un site? Dans ce chapitre, nous allons étudier la liste des logiciels nécessaires à la création d un site ainsi que les principes de base indispensables à son bon fonctionneent. 2.1 Coent fonctionne un site? Un site web est un enseble de pages reliées entre elles par des liens. Au contraire d un roan, qui se lit de façon linéaire, un site web est conçu de telle sorte que vous puissiez aller chercher directeent l inforation dont vous avez besoin sans être obligé de parcourir le reste. Un site est noraleent coposé d une preière page, appelée page d accueil* (hoe page en anglais), sur laquelle se trouvent (si le site est bien conçu) les titres des autres pages. À ces titres sont affectés des liens : un clic sur le lien peret d accéder directeent à la page souhaitée. Coent découvrir les liens? Vous reconnaîtrez facileent les liens à trois attributs : Dans un texte, ils sont généraleent écrits dans une autre couleur pour les différencier (ais ce n est pas obligatoire). Les liens dans un texte sont presque systéatiqueent soulignés. Lorsque votre pointeur passe au-dessus d un lien (texte ou iage), il prend la fore d une ain. b Fig. 2.1 : Pointeur sur un lien Si vous vous trouvez sur une page où vous ne repérez pas tout de suite les liens (cela arrive alheureuseent), proenez votre souris et surveillez votre pointeur Un site bien fait est reconnaissable, entre autres, à la vitesse à laquelle l internaute accède à l inforation recherchée. Si vous devez parcourir cinq pages pour trouver l adresse e-ail, c est que le site est al conçu. Créer son Site Web 49
Chapitre 2 La conception d un site web Site web ou page perso? Les puristes vous diront que le tere "site web" est réservé à des sites plutôt coerciaux, de taille iportante et présentant un contenu étoffé et que celui de "page perso" désigne des copositions plus petites, généraleent réalisées par ou pour des particuliers. En pratique, pour les particuliers, les deux teres se confondent et sont eployés indifféreent. Dès qu il y a plusieurs pages, le tere de "site" est approprié. 2.2 L environneent nécessaire à la création Les logiciels La réalisation d un site web, si vous souhaitez aboutir à une création correcte et attrayante, nécessite quelques outils spéciaux. Word et Power Point vous proposent certes une fonction de création de pages web, ais celle-ci est assez liitée. Les résultats ne sont pas toujours à la hauteur des attentes, la ise en page est parfois différente de ce que vous aviez prévu, etc. Il est donc préférable d utiliser directeent un logiciel spécialisé dans la création de pages web. Dreaweaver : un wysiwyg très puissant Wysiwyg Ce sont les initiales des ots de la phrase What You See Is What You Get (traduction : ce que vous voyez est ce que vous obtenez). En d autres teres, ce que vous avez à l écran pendant que vous travaillez correspond au résultat final. Ces logiciels perettent d obtenir très rapideent d excellents résultats. Nous avons choisi Dreaweaver pour sa souplesse, sa siplicité d utilisation, ais aussi pour sa puissance et sa copatibilité. Avec un tel 50 Créer son Site Web
L environneent nécessaire à la création logiciel, la création des pages se fait très sipleent puisque vous suivez, au fur et à esure, le résultat de vos anipulations. C est un éditeur visuel professionnel qui peret la création et la gestion de pages web. Que le ot professionnel ne vous rebute pas : il possède de très nobreuses fonctions pouvant être effectiveent utilisées par les professionnels, ais sa prise en ain reste siple, et rien ne vous oblige à vous servir de toutes ses fonctionnalités. Dans les chapitres qui suivent, vous apprendrez à utiliser les fonctions de base de Dreaweaver, parfaiteent accessibles à qui sait anier une souris. Paint Shop Pro pour les iages Il vous faudra égaleent un logiciel qui vous perette de traiter les iages : de scanner ais aussi éventuelleent de retoucher ou de créer des iages. Pour cela, nous utiliserons Paint Shop Pro 9, dont la réputation n est plus à faire. Cute FTP pour transférer sur le serveur Le transfert des pages vers le serveur nécessite un petit logiciel capable de prendre les pages sur votre ordinateur et de les déposer dans le dossier qui vous est attribué sur le serveur choisi. Cute FTP, de par sa siplicité d utilisation, seble tout indiqué. Transfert avec Dreaweaver Il est possible de transférer les pages avec Dreaweaver. Dans ce cas, il est inutile d utiliser Cute FTP. Mais nous le entionnons ici pour les lecteurs qui choisiraient d utiliser un autre logiciel de création de site que Dreaweaver et qui n auraient pas la fonction de transfert. Gif Movie Gear pour réaliser de petites aniations Enfin, un petit logiciel peut se révéler utile dans certains cas : il s agit de Gif Movie Gear, souvent plus pratique que les logiciels de traiteent d iages pour certaines réalisations. Créer son Site Web 51
Chapitre 2 La conception d un site web Où les télécharger Vous pouvez télécharger tous ces logiciels en version d évaluation, donc gratuite. À la fin de la période d essai qui vous est proposée, vous serez libre de les acheter ou non. Si vous ne le faites pas, la version téléchargée et disponible sur votre ordinateur sera désactivée et vous ne pourrez plus l utiliser. Boutons radio et cases à cocher Sur les forulaires que vous rencontrez sur le Web, coe dans beaucoup de boîtes de dialogue Windows, existent deux présentations différentes de sélection d options : les boutons radio ; les cases à cocher carrées. b Fig. 2.2 : Boutons radio à gauche, cases à cocher à droite Les boutons radio ne vous perettent qu un choix (vous ne pouvez en cocher plusieurs dans la êe liste, la sélection de l un désélectionne obligatoireent le précédent), alors que les cases à cocher, selon les cas, offrent la possibilité de choisir plusieurs options à la fois. b Fig. 2.3 : Coches ultiples Télécharger Dreaweaver Dreaweaver 8 est téléchargeable sur le site de Macroedia à l adresse www.acroedia.co/fr. 52 Créer son Site Web
L environneent nécessaire à la création Créer un dossier spécial pour les téléchargeents Si vous êtes appelé à télécharger fréqueent des fichiers, il est intéressant de les ranger dans un dossier spécial contenant des sous-dossiers à leur no. Par exeple, pour la conduite de notre étude, créez sur votre disque un dossier appelé Telechargeents (évitez les accents) puis, à l intérieur, les sous-dossiers Dreaweaver, Paint Shop Pro, IE6, Cute FTP et Gif Movie Gear. Fig. 2.4 : Le dossier Telechargeents Ainsi, en cas de problèe dans votre systèe, vous pourrez facileent les retrouver pour les réinstaller. 1. Connectez-vous à ce site et cliquez, dans la barre de enus en haut, sur Télécharger puis, en dessous du titre Dreaweaver 8, sur Essayez. Créer son Site Web 53
Chapitre 2 La conception d un site web Fig. 2.5 : Essayez Dreaweaver 8 2. Vous devez être ebre de Macroedia pour télécharger. Si vous ne l êtes pas, vous devez vous inscrire. Saisissez votre adresse électronique, puis cochez le bouton radio Non, je vais en créer un aintenant, et cliquez sur Continuer. Replissez le forulaire en renseignant obligatoireent les chaps arqués d une *. Répondez au petit questionnaire. Vous pouvez décocher les cases en dessous afin de ne pas recevoir les newsletters de Macroedia, puis cliquez sur Continuer. 54 Créer son Site Web
L environneent nécessaire à la création Fig. 2.6 : Inscrivez-vous chez Macroedia 3. Dans le enu déroulant, sélectionnez la version qui correspond à votre environneent, prenez garde de bien prendre la version française. Fig. 2.7 : Sélectionnez la version à télécharger Créer son Site Web 55
Chapitre 2 La conception d un site web 4. Cliquez enfin sur Télécharger. La procédure de téléchargeent Le principe décrit ci-dessous est valable pour tous les téléchargeents que vous pouvez effectuer, quel qu en soit le site d origine. N hésitez donc pas à vous y reporter lors des téléchargeents ultérieurs. 1. La boîte de téléchargeent s ouvre. Elle vous et en garde contre les téléchargeents dangereux. Le site de Macroedia étant parfaiteent fiable, choisissez Enregistrer. Fig. 2.8 : Enregistrez sur le disque 2. Vous accédez alors à l arborescence de votre disque dur afin de choisir le dossier dans lequel vous allez enregistrer le fichier téléchargé. 3. Sélectionnez le dossier souhaité. Laissez le no de fichier qui vous est proposé (ou choisissez-en un plus significatif), puis cliquez sur Enregistrer. Le téléchargeent propreent dit coence alors. La boîte de dialogue qui apparaît sur votre écran vous donne plusieurs indications : le teps restant estié pour le téléchargeent coplet, la vitesse de débit, etc. L enregistreent de ce gros fichier deandera environ 5 heures avec un ode 56 K. 56 Créer son Site Web
L environneent nécessaire à la création Fig. 2.9 : Boîte de téléchargeent La procédure d installation Une fois le téléchargeent teriné, vous devrez installer le logiciel sur votre ordinateur. La procédure est siple : 1. Par précaution, pour éviter d éventuelles interférences et/ou incopatibilités, coencez par ferer tous les logiciels ouverts. 2. Ouvrez alors le dossier dans lequel vous avez enregistré le fichier téléchargé. 3. Le fichier est zippé, c est-à-dire copressé. Vous devez le décopresser à l aide du logiciel de décopression fourni avec Windows XP (ou avec Winzip si vous avez une autre version de Windows). Double-cliquez sur l icône spécifique aux fichiers zippés et extrayez, dans votre dossier Dreaweaver, la totalité des fichiers. 4. Double-cliquez sur l icône Installation de Dreaweaver8.exe. 5. L assistant s ouvre et l installation débute. Après avoir accepté les conditions générales d utilisation, l assistant d installation vous proposera un dossier (qu il appelle dossier cible) pour installer le logiciel. Créer son Site Web 57
Chapitre 2 La conception d un site web Si vous désirez l installer ailleurs, cliquez sur Parcourir (Browse pour les assistants en anglais) et choisissez un nouveau dossier. Puis cliquez sur Suivant. 6. Dans la plupart des cas, acceptez les options par défaut. Elles conviennent à la ajorité des utilisateurs. Cliquez donc sur Suivant jusqu à la dernière page. La boîte de dialogue de l installation propreent dite s ouvre alors et un indicateur d avanceent vous signale la progression. Cela est généraleent très rapide. 7. L installation coplèteent terinée, il vous suffit d aller dans le enu Déarrer, de cliquer sur Tous les prograes, puis sur Macroedia et enfin sur Macroedia Dreaweaver 8 pour lancer le prograe. Fig. 2.10 : Lancez Dreaweaver Le principe décrit ci-dessus est valable pour toutes les installations de logiciels téléchargés. N hésitez donc pas à vous y reporter lors des téléchargeents ultérieurs. Créer un raccourci sur son Bureau Coe vous aurez besoin de lancer ce prograe fréqueent, vous pouvez créer un raccourci (si vous ne l avez pas deandé au oent de l installation) qui vous perettra de l ouvrir directeent, sans passer par le enu Déarrer. Pour cela, affichez votre Bureau à l écran, suivez la procédure du enu Déarrer ci-dessus, cliquez avec le clic droit sur Dreaweaver 8, puis choisissez dans le enu contextuel Créer un raccourci. Saisissez le raccourci ainsi créé et faites-le glisser sur le Bureau. Vous pourrez le renoer, le déplacer. Par la suite, il vous suffira de double-cliquer sur cette icône pour déarrer Dreaweaver. 58 Créer son Site Web