FrontPage Support d apprentissage septembre 2000

Transcription

1 FrontPage Support d apprentissage septembre 2000

2 Table des matières Notions de base... 1 Le langage HTML... 1 Les éditeurs HTML... 1 Le navigateur... 1 Le transfert de fichiers... 1 L enregistrement des pages... 2 Particularités d une page Web... 2 Les tags ou commandes HTML... 2 Les points communs à toutes les pages... 2 Créer un nouveau site web... 4 Ouvrir un site Web... 5 Renommer un site Web... 7 Les outils Importants... 7 Page de démarrage... 7 Les barres d outils... 7 La typographie... 8 Quel est le problème de la police?... 8 Mise en forme du texte... 9 Texte et paragraphes... 9 Définir la police d'un texte... 9 Ajouter des bordures à un texte Ajouter une trame à un texte Supprimer la mise en forme d'un texte Les barres d outils Les propriétés de la page Les propriétés de la page Onglet Général Le titre d'un fichier Onglet Arrière plan Onglet Marges Définir les marges d'une page Validation à l aide des navigateurs Afficher l'aperçu d'une page dans un navigateur Web...16 Ajouter un navigateur Web à la liste d'aperçu Concevoir un site Web pour des navigateurs spécifiques Concevoir un site Web pour des serveurs spécifiques Les images... 20

3 Insérer une image Redimensionner une image Positionnement d une image Définir les propriétés d'une image GIF ou JPEG Convertir une image au format GIF, JPEG ou PNG Définir les propriétés de bordure d'une image Les principales fonctions de la barre d outils image Faire pivoter une image Retourner une image Modifier le contraste des couleurs dans une image Modifier la luminosité d'une image Rogner une image Définir une couleur comme transparente dans une image Convertir une image en noir et blanc Ajouter une bordure en relief à une image Rééchantillonner une image Rétablir une image Impact des graphismes sur votre site Web Augmentation de la taille du site Web Pages dont le téléchargement est particulièrement lent Les liens hypertextes L URL L affichage des liens hypertextes Changer le nom d'un fichier et déplacer des fichiers dans votre site Web Tester et réparer des liens hypertextes rompus Insérer un liens Modifier un lien Les signets Navigation avec FrontPage Les Tableaux Comment utiliser les tableaux Insérer un tableau Propriétés d'un tableau Propriétés des cellules Insérer des lignes et des colonnes Le transfert de la page sur le serveur Le transfert de fichier FTP Le logiciel WS FTP La procédure de transfert... 41

4 1 N OTIONS DE BASE Le langage HTML Les pages Web sont créées avec un langage appelé HTML (Hypertext Marked Language). Il est essentiel d utiliser ce langage pour la production de pages Web. Ce langage, un peu particulier, peut se faire avec n importe quel éditeur de texte, même le plus simple comme le Bloc-Notes, utilitaire de Windows. Peu importe le logiciel de traitement de texte, il est possible de concevoir des pages Web. Cependant, il existe des outils spécialisés tels que FrontPage, WebExpert, PageMill, etc. qui peuvent faciliter le travail. En l absence de tels outils, le Bloc-Notes peut convenir. Les éditeurs HTML Voici une brève description de quelques éditeurs HTML : FrontPage : Ce logiciel de Microsoft permet de produire des pages Web et aussi de gérer un site. On dit que la version 1998 générait des codes inutiles. Cependant, il semble que la version 2000 soit améliorée. FrontPage occupe beaucoup d espace sur le disque dur. Cet outil peut être acheté avec les logiciels Office 2000 de Microsoft. WebExpert : Ce logiciel permet de faire des pages Web mais ne possède pas d outils de gestion du site Web. Il n occupe pas beaucoup d espace sur le disque et il est facile à utiliser. PageMill : Cet outil est très facile à utiliser puisque les commandes HTML se génère automatiquement. Cependant, on dit de ce logiciel qu il génère des codes HTML supplémentaires, ce qui peut causer plusieurs problèmes lors de la réalisation de pages Web. Ces codes peuvent toutefois être consultés et corrigés manuellement. Hotdog et BBedit : Deux petits logiciels faciles à utiliser et gratuits. Ils ont cependant moins de fonctions que les autres. Le navigateur Le logiciel de traitement de texte servira à produire la page; cependant pour vérifier cette page, il faut utiliser un navigateur tel que Netscape ou Explorer. En effet, les pages HTML doivent être ouvertes avec un logiciel de navigation afin de vérifier l aspect de la nouvelle page. Il est souhaitable que chaque page soit vérifiée à l aide du navigateur, ainsi les pages sont vues telles que les Internautes les visualiseront. Le transfert de fichiers Lorsque la conception des pages est terminée, il faut les rendre accessibles sur Internet puisque les ordinateurs ne sont pas tous des serveurs et qu il est essentiel, pour que les Internautes puissent accéder aux pages, qu elles soient hébergées sur un serveur. Ainsi, les pages doivent être déposées sur un serveur afin de les rendre accessibles sur Internet. Cette opération peut se faire en utilisant un logiciel de transfert de fichiers FTP (File Transfert Protocol). Il faut, pour

5 2 procéder à cette opération, obtenir du gestionnaire du serveur des autorisations d accès. La procédure de transfert est décrite un peu plus loin dans le document. L enregistrement des pages Chaque page HTML n est rien d autre qu un fichier de texte. Ce fichier doit être enregistré avec une extension afin que votre navigateur puisse le reconnaître. Cette extension est htm ou html. De plus, la structure du site doit être bien organisée afin de retrouver les pages et d'effectuer les corrections. Chaque page possède son identification, soit le nom du fichier de la page Web. En conséquence, la hiérarchie des répertoires, les noms significatifs des fichiers ainsi que l emplacement lors de l enregistrement, deviennent extrêmement importants. Aussi, la gestion des fichiers doit être bien maîtrisée. P ARTICULARITÉS D UNE PAGE W EB Les tags ou commandes HTML Le langage HTML représente du texte codifié et il est impératif de respecter sans erreur les codes de ce langage. Les commandes HTML sont appelées tags. Une commande HTML est placée entre les deux caractères < et >. Lorsqu une commande se termine, elle est répétée avec une barre oblique / (slash). D une façon plus générale, les codes se présentent de cette façon : <BODY> au début et </BODY> à la fin pour indiquer qu il s agit de la zone du corps de la page. Les tags BODY indiquent où commence le texte et à quel endroit il se termine. Ainsi entre les deux tags <BODY> et </BODY> est placé le texte de la page Web et, lors de l ouverture du fichier avec un navigateur, il sera possible de voir le texte. Les points communs à toutes les pages Quelques commandes HTML doivent être présentes sur toutes les pages de votre site Web. Ainsi chaque fichier HTML est bâti selon la structure suivante : <HTML> En-tête <HEAD> <TITLE> </TITLE> </HEAD> Corps <BODY> </BODY> </HTML>

6 3 La page commence par <HTML> et se termine par </HTML> indiquant clairement qu il s agit bien d une page HTML. Entre les deux tags HTML, est placée une zone d en-tête encadrée par les commandes HTML <HEAD> et </HEAD>. Il est alors possible d entrer du texte pour obtenir un en-tête pour la page Web. Dans l en-tête il peut y avoir le titre de la page qui sera placé entre les deux tags <TITLE> et </TITLE>. L en-tête est suivi du corps encadré par <BODY> et </BODY> où le texte de la page est placé. Il n est pas nécessaire que les codes HTML soient en capitales; d ailleurs même les formes hybrides telles que <HtmL> fonctionnent tout à fait bien. Mais il est conseillé de s en tenir aux capitales pour des raisons de lisibilité.

7 4 C RÉER UN NOUVEAU SITE W EB Lorsqu on démarre un nouveau site web, il est préférable d utiliser la fonction nouveau site Web afin d être en mesure d utiliser toutes les fonctions offertes par FrontPage. Ainsi, il faut procéder de la façon suivante : 1. Dans le menu Fichier Nouveau Site Web. 2. Dans la liste Sites Web, sélectionnez le modèle ou l'assistant que vous souhaitez utiliser pour créer le nouveau site Web. Le plus utilisé est le Site Web normal. 1. Par défaut, le site Web sera enregistré dans C: \Mes Documents\Mes sites Web\monsiteweb1. Selon la quantité de sites créés auparavant, le répertoire monsiteweb aura un numéro correspondant à cette quantité. 2. Lorsque vous créez un site Web, FrontPage crée automatiquement deux répertoires et un fichier : _private : il s agit d un dossier caché pour stocker les résultats de formulaire. Ce dossier caché créé par FrontPage ne peut être affiché par les visiteurs parcourant votre site. Si vous voulez que d'autres dossiers soient cachés, vous pouvez créer des sous-dossiers sous le dossier _private. Si vous créez un dossier et que vous faites précéder son nom d'un tiret bas (par exemple, _base de données), le dossier est caché uniquement avec les affichages Microsoft FrontPage. Ces dossiers sont utiles pour les fichiers que ne nécessitent pas d'être affichés dans FrontPage; cependant, le contenu du dossier peut être

8 5 affiché par les visiteurs parcourant le site Web. Si vous voulez qu'un dossier s'affiche dans FrontPage procédez de la façon suivante : Menu Outils Propriétés du site Web Onglet Options avancées et sélectionnez la case à cocher Afficher les documents dans les dossiers cachés. Images : le dossier Images pour le stockage des photos, vidéos et autres images ; FrontPage crée une nouvelle page d'accueil nommée Index.htm ou Default.htm, en fonction du type de serveur utilisé pour le site. O UVRIR UN SITE W EB Si on veut ouvrir un site déjà existant, il faut procéder de la façon suivante : Menu Fichier Ouvrir un site Web, puis effectuez l'une des opérations suivantes : Pour ouvrir un site Web sur votre ordinateur local, entrez dans la zone Nom du dossier, le chemin d'accès au dossier contenant le site Web puis cliquez sur Ouvrir. Par exemple, pour ouvrir un site Web nommé Formation, situé sur le lecteur C sous le dossier Mes sites Web, entrez C:\Mes sites Web\Formation. Vous pouvez également utiliser la zone Regarder dans pour naviguer dans le dossier Mes sites Web (ou tout autre dossier contenant des pages Web). Dans la liste des sites Web, sélectionnez le site souhaité puis cliquez sur Ouvrir.

9 6 Remarques Pour ouvrir un site Web récemment ouvert, au menu Fichier Ouvrir un site Web, cliquez sur la flèche déroulante située à droite de la zone Nom du dossier, sélectionnez le site Web que vous souhaitez et enfin, cliquez sur Ouvrir. Si la boîte de dialogue Ouvrir un site Web n'est pas ouverte, vous pouvez également utiliser la fonction suivante : au menu Fichier Sites Web récents. Pour ouvrir automatiquement le dernier site Web sur lequel vous avez travaillé chaque fois que vous démarrez FrontPage au menu Outils cliquez sur Options, puis sélectionnez la case à cocher Ouvrir le dernier site Web utilisé au démarrage de FrontPage.

10 7 R ENOMMER UN SITE W EB Lorsque vous renommez un site Web, Microsoft FrontPage met automatiquement à jour tous les liens hypertextes internes et autres paramètres du site avec le nouveau nom du site. 1. Dans le menu Outils Paramètres du site Web Onglet Général. 2. Dans la zone Nom du site Web, entrez un nouveau nom pour le site. L ES OUTILS I MPORTANTS Page de démarrage Les barres d outils Styles de paragraphe et polices de caractères. Attributs des caractères. Ces outils ont pour effet de les mettre en gras, en italique, de les souligner, d'en fixer la couleur.

11 8 Alignement horizontal du texte. Listes numérotées ou à puces, et diminution ou augmentation du retrait du texte. Nouveau, Ouvrir, Sauvegarder (menu Fichier). Impression et Aperçu avant impression. Couper, Coller et Copier. Annuler la dernière action ou refaire celle qui vient d'être annulée. Insérer un objet, composant WebBot, tableau ou image. Dans le cas de l'insertion d'un tableau on clique sur l'icône et, sans relâcher le bouton gauche, on glisse la souris pour fixer le nombre de lignes et de colonnes. Insérer un lien. Suppose une sélection préalable de l'objet devant contenir ce lien, sinon le titre ou l'adresse de la page pointée s'inscrit au point d'insertion. Outils de navigation. Passer à la page précédente, ou à la suivante, recharger la page courante, arrêter le chargement. Visualisation des caractères et éléments cachés, aide contextuelle. L A TYPOGRAPHIE Quel est le problème de la police? Lorsque le navigateur de votre visiteur accède à vos pages Web, il ne peut afficher que les polices qui se trouvent sur son propre système. Que se passe-t-il alors lorsque la police choisie n'est pas disponible sur la machine du visiteur? La page s'affiche avec la police par défaut du navigateur (généralement le Times New Roman sur les systèmes Windows et le Times sur les systèmes MacOS). Il n'y a pas dix mille solutions à ce problème. Pour les pages Web utilisez des polices dont il est à peu près certain qu'elles seront disponibles chez tous les visiteurs.

12 9 De plus, la configuration du navigateur peut aussi modifier l aspect des pages. En effet, si le navigateur utilise ses polices par défaut plutôt que celle prévues par la page, l affichage sera bien différent. M ISE EN FORME DU TEXTE Dans Microsoft FrontPage, vous pouvez mettre le texte en forme comme avec un logiciel de traitement de texte, pour le structurer et renforcer son impact visuel. Vous pouvez changer la police et modifier sa taille, son style et sa couleur, modifier l'espacement et la position verticale du texte, ainsi qu'ajouter des effets comme le soulignement. Vous pouvez également contrôler l'espacement et les retraits, ajouter des puces et des numéros, et définir l'alignement. Par exemple, vous pouvez mettre en forme le corps du texte normal avec la police Times New Roman 10 points et, pour les titres de page, choisir la police en gras Arial 16 points et le centrage sur la page. Texte et paragraphes La mise en forme que vous appliquez peut affecter les mots sélectionnés ou tout un paragraphe. Les propriétés de police s'appliquent au texte sélectionné et les propriétés de paragraphe (y compris les puces, la numérotation, les bordures et la trame) affectent des paragraphes entiers. Par exemple, vous pouvez mettre en italique un seul mot d'un paragraphe, mais si vous essayez d'aligner le mot à droite, le paragraphe entier sera aligné. Un paragraphe est un bloc de texte séparé d'un autre par une marque de paragraphe : ou des lignes de texte séparées par des sauts de ligne forment un seul paragraphe. Pour obtenir la marque de paragraphe, utilisez la touche Retour. Pour obtenir le saut de ligne utilisez les touches Majuscule+Retour. Vous pouvez afficher les marques de paragraphe et les sauts de ligne en cliquant sur le bouton Afficher tout. Définir la police d'un texte Vous pouvez définir la police du texte sélectionné en choisissant le nom, le style, la taille et la couleur de la police. Vous pouvez également appliquer divers effets au texte, comme le barré et les petites majuscules. 1. En mode Page, sélectionnez le texte à mettre en forme de la façon suivante : Menu Format Police. 2. Dans l'onglet Police, mettez le texte en forme en sélectionnant des options dans les zones Police, Style de police, Taille et Couleur. Vous pouvez aussi sélectionner une ou plusieurs options sous Effets. La zone Aperçu montre à quoi ressemble le texte avec vos paramètres.

13 10 Ajouter des bordures à un texte Vous pouvez ajouter des bordures à un texte, puis définir des propriétés comme le style, la couleur, le remplissage et la largeur de la bordure. Par exemple, le style de la bordure de ce paragraphe est double. Quand vous ajoutez une bordure, elle est appliquée à un paragraphe entier. Par exemple, si vous appliquez une bordure à un mot sélectionné, elle est appliquée à tout le paragraphe. Si vous sélectionnez deux paragraphes puis que vous appliquez une bordure, chaque paragraphe aura une bordure. Si le texte est séparé par des sauts de ligne plutôt que par des marques de paragraphe, le texte est traité comme un seul paragraphe et n'aura qu'une bordure. 1. En mode Page, sélectionnez les paragraphes auxquels vous voulez ajouter une bordure. 2. Dans le menu Format Bordure et trame.

14 11 Pour ajouter une bordure à quatre côtés, sous Type, cliquez sur Encadré. Définissez les propriétés de la bordure en cliquant sur des options des zones Style, Couleur et Largeur. Pour créer une bordure personnalisée, sous Type, cliquez sur Personnalisé. Une bordure personnalisée peut avoir des bordures sur certains côtés, et chaque côté peut avoir un style, un couleur et une largeur différents. Dans la zone Style, cliquez sur un Style de bordure. Vous pouvez aussi cliquer sur des options des zones Couleur et Largeur. Sous Aperçu, appliquez la bordure à un ou plusieurs côtés en cliquant sur les côtés du diagramme ou sur les boutons. Pour spécifier les marges intérieures (la distance entre le texte et sa bordure), entrez une valeur en points sous Marges, dans les zones Haut, Bas, Gauche et Droite. Ajouter une trame à un texte Vous pouvez ajouter une trame à un texte. À l'instar de l'arrière-plan d'une page, une trame peut être une couleur ou une image. Ainsi, vous pouvez ajouter une trame pour mettre un paragraphe en valeur comme dans l'exemple. Quand vous ajoutez une trame, elle est appliquée à un paragraphe entier. Par exemple, si vous appliquez une trame à un mot sélectionné, elle sera appliquée à la totalité du paragraphe. Le

15 12 texte séparé par des sauts de ligne plutôt que par des marques de paragraphe est traité comme un seul paragraphe. 1. En mode Page, sélectionnez les paragraphes auxquels vous voulez ajouter une trame. 2. Dans le menu Format Bordure et trame, puis sur l'onglet Trame de fond. 3. Pour définir une couleur d'arrière-plan pour le texte sélectionné, choisissez une couleur dans la zone Couleur d'arrière-plan. 4. Pour définir la couleur du texte sélectionné, sélectionnez une couleur dans la zone Couleur de premier plan. 5. Pour définir une image d'arrière-plan pour le texte sélectionné, tapez le nom et l'emplacement de l'image dans la zone Image d'arrière-plan ou cliquez sur Parcourir pour localiser et sélectionner l'image. 6. Définissez les propriétés de l'image d'arrière-plan : Pour spécifier la position verticale et horizontale de l'image dans le paragraphe sélectionné, cliquez sur les options appropriées des zones Position verticale et Position horizontale.

16 13 Dans la zone Répétition, cliquez sur une option pour spécifier comment vous voulez placer l'image sous le texte sélectionné. Par exemple, pour la placer horizontalement, cliquez sur Horizontale. Dans la zone Attachement, cliquez sur une option pour indiquer si l'image d'arrièreplan doit être fixe par rapport à la fenêtre du navigateur, ou si elle doit défiler avec le document. Supprimer la mise en forme d'un texte Vous pouvez supprimer rapidement la mise en forme que vous avez appliquée au texte. Cette opération entraîne le rétablissement des paramètres par défaut du style du texte. 1. En mode Page, sélectionnez le texte. 2. Dans le menu Format Supprimer la mise en forme. L ES BARRES D OUTILS On détermine, avec les options du menu Affichage, quelles sont les barres d'outils à afficher. Il est possible de déplacer, à l'aide de la souris, une barre d'outils. Celle-ci prend alors la forme d'une fenêtre et peut être placée en un endroit quelconque de l'écran.

17 14 L ES PROPRIÉTÉS DE LA PAGE On accède à la boîte de dialogue Propriétés de la page par le menu Fichier Propriétés ou par le menu contextuel. Les propriétés seront appliquées à la page entière. Onglet Général Adresse : Titre : Adresse de base : Fond sonore : rappel de l'adresse de la page. titre de la page. Ce titre n'est pas affiché par le navigateur, mais il est souhaitable de placer ici une suite de mots clés significatifs quant au contenu de la page. De plus, FrontPage identifie les pages par leur titre et non par le nom de fichier. chemin d'accès par défaut (facultatif). il est possible de donner ici l'adresse d'un fichier son (wav, midi,...), audible dès chargement de la page (navigateurs Microsoft uniquement). Le titre d'un fichier Le titre d'un fichier non pas son nom s'affiche dans la barre de titre de la plupart des navigateurs Web. Il est aussi important pour les Favoris et les Signets des navigateurs. Il est possible de modifier le titre d'un fichier sans modifier son nom.

18 15 1. Dans le menu Fichier Propriétés Onglet Général. 2. Dans la zone Titre, tapez le titre de fichier que vous souhaitez afficher dans la barre de titre des navigateurs. Onglet Arrière-plan Dans l onglet arrière-plan, la couleur du fond, du texte et des liens peuvent être modifiés, et cela pour l ensemble de la page. Image d'arrière-plan : adresse d'une image qui se reproduira en mosaïque sur l'arrière-plan de la page, si la case est cochée. Si la case Statique est également cochée, l'image d'arrière-plan restera fixe lorsque la page défilera (navigateurs Microsoft uniquement). Arrière-plan : couleur de fond de page, l'option Par défaut signifie que la couleur sera déterminée par les paramètres courants du navigateur. Texte, Lien, Lien visité, Lien actif : couleurs du texte et des liens suivant leur état.

19 16 Onglet Marges Définir les marges d'une page Vous pouvez définir la taille des marges supérieure et gauche d'une page. 1. Cliquez sur l'onglet Marges de la fenêtre Propriétés de la page. 2. Pour définir une marge supérieure, activez la case à cocher Spécifier la marge supérieure, puis entrez la hauteur de la marge en pixels. 3. Pour définir une marge de gauche, activez la case à cocher Spécifier la marge de gauche, puis entrez la largeur de la marge en pixels. Cette fonction sera visible seulement sur le navigateur Explorer et pas avec Netscape. Ainsi, pour corriger cette situation il faut ajouter des codes de marge. Voici les codes à ajouter : MARGINWIDTH=80 MARGINHEIGHT=80 où 80 est le nombre de pixels. V ALIDATION À L AIDE DES NAVIGATEURS Afficher l'aperçu d'une page dans un navigateur Web Si vous avez installé Microsoft Internet Explorer version 3.0 ou ultérieure sur votre ordinateur, vous pouvez afficher rapidement un aperçu de la page en cours en cliquant sur l'onglet Aperçu en mode Page. Si vous n'avez pas installé Microsoft Internet Explorer version 3.0 ou ultérieure sur votre ordinateur, FrontPage n'affiche pas l'onglet Aperçu. Vous devez alors cliquer sur Aperçu dans le navigateur en mode Page.

20 17 Ajouter un navigateur Web à la liste d'aperçu Vous pouvez afficher un aperçu de vos pages dans tout navigateur Web installé sur votre ordinateur. Microsoft FrontPage introduit automatiquement tous vos navigateurs dans la liste des navigateurs dont vous disposez pour afficher un aperçu de pages. Pour ajouter manuellement un navigateur à cette liste, utilisez la procédure suivante : 1. En mode Page, ouvrez la page à visualiser. Au menu Fichier Aperçu dans le navigateur. 2. Si le navigateur que vous souhaitez utiliser pour cet aperçu ne figure pas dans la liste Navigateur, cliquez sur Ajouter. 3. Dans la zone Nom, tapez le nom du navigateur tel que vous voulez le voir apparaître dans la liste d'aperçu. 4. Dans la zone Commande, tapez le nom et le chemin d'accès du fichier exécutable du navigateur, ou cliquez sur Parcourir pour retrouver l'emplacement de ce fichier. 5. Pour supprimer un navigateur Web de la liste, sélectionnez-le puis cliquez sur Supprimer. C ONCEVOIR UN SITE W EB POUR DES NAVIGATEURS SPÉCIFIQUES Microsoft FrontPage vous permet de préparer votre site Web de manière à garantir sa compatibilité avec des navigateurs et des technologies spécifiques. Par exemple, vous pouvez concevoir un site Web qui sera compatible tant avec Microsoft Internet Explorer qu'avec Netscape Navigator, ou bien avec tous les navigateurs de version 3.0. Si vous créez un site Web pour qu'il soit compatible avec des technologies ou des versions de navigateurs spécifiques, certaines commandes que ces technologies ou versions ne prennent pas en charge ne seront pas disponibles (elles apparaîtront en grisé) dans les menus de FrontPage au cours des opérations. 1. Dans le menu Outils Options de page et cliquez sur l'onglet Compatibilité.

21 18 2. Dans la zone Navigateurs, sélectionnez les navigateurs souhaités. 3. Dans la zone Versions de navigateur, sélectionnez les versions de navigateur voulues. Pour orienter votre site Web vers des technologies ou des fonctionnalités plutôt que vers des navigateurs, cliquez sur Personnaliser puis, dans la zone Technologies, sélectionnez ou non les cases à cocher relatives aux technologies ou fonctionnalités spécifiques que vous voulez activer ou désactiver. Le tableau à la page suivante répertorie les technologies et fonctionnalités prises en charge par défaut pour chaque navigateur. Si vous choisissez de passer outre ces paramètres et activez une technologie ou une fonctionnalité non prise en charge par un type ou une version de navigateur, le contenu de vos pages risque de ne pas s'afficher correctement ou de contenir des erreurs.

22 19 Navigateur Version de navigateur Contrôles ActiveX VBScript JavaScript Applets Java HTML dynamique Cadres CSS 1.0 CSS 2.0 Internet Explorer 4.0 et ultérieure activé activé activé activé activé activé activé activé Internet Explorer 3.0 et ultérieure activé activé activé activé désactivé activé activé désactivé Netscape Navigator 4.0 et ultérieure désactivé désactivé activé activé activé activé activé activé Netscape Navigator 3.0 et ultérieure désactivé désactivé activé activé désactivé activé désactivé désactivé Internet Explorer et Navigator 4.0 et ultérieure désactivé désactivé activé activé activé activé activé activé Internet Explorer et Navigator 3.0 et ultérieure désactivé désactivé activé activé désactivé activé désactivé désactivé Si vous choisissez Netscape Navigator, les commandes et les paramètres indiqués ci-dessous ne seront pas disponibles : Texte défilant (menu Insertion, sous-menu Composant) Vidéo (menu Insertion, sous-menu Image) Image d'arrière-plan d'un tableau (menu Tableau, sous-menu Propriétés, commande Tableau) Arrière-plan et bordures d'une cellule (menu Tableau, sous-menu Propriétés, commande Cellule) Case à cocher Clignotant (menu Format, commande Police) C ONCEVOIR UN SITE W EB POUR DES SERVEURS SPÉCIFIQUES Microsoft FrontPage vous permet de préparer votre site Web de manière à garantir sa compatibilité avec des serveurs spécifiques. Par exemple, vous pouvez concevoir un site Web qui sera compatible avec Microsoft Internet Information Server version 3.0 ou toute version ultérieure. Si vous créez un site Web pour qu'il soit compatible avec un serveur spécifique, les commandes qui ne sont pas prises en charge par ce serveur ne seront pas disponibles (elles apparaîtront en grisé) dans les menus de FrontPage au cours des opérations d'auteur. 1. Dans le menu Outils, Options de page puis cliquez sur l'onglet Compatibilité.

23 20 2. Dans la zone Serveurs, sélectionnez le serveur souhaité. 3. Si vous choisissez serveur Apache, les pages ASP sont désactivées par défaut. 4. Pour orienter votre site Web vers un serveur utilisant les extensions serveur FrontPage, sélectionnez la case à cocher Activé avec les extensions serveur de Microsoft FrontPage. Si votre serveur n'utilise pas les extensions serveur FrontPage et si vous désactivez cette case à cocher, les commandes ci-dessous ne seront pas disponibles : L ES IMAGES Insérer une image Compteur d'accès (menu Insertion, sous-menu Composant) Formulaire de recherche (menu Insertion, sous-menu Composant) Champ de confirmation (menu Insertion, sous-menu Composant) Vous pouvez ajouter une image issue d'un de vos fichiers situés sur le disque dur. Les images peuvent provenir de fichiers aux formats suivants : GIF (standard et animé), JPEG (standard et progressif), BMP (Windows et OS/2), TIFF, TGA, RAS, EPS, PCX, PNG, PCD (Kodak Photo CD) et WMF. Au moment d'enregistrer la page, Microsoft FrontPage vous invite à enregistrer l'image sur votre site Web. Si cette image n'est pas au format GIF ou JPEG, elle est convertie en GIF (si elle comporte moins de 256 couleurs) ou en JPEG (si elle comporte plus de 256 couleurs). 1. En mode Page, placez le point d'insertion à l'endroit où vous souhaitez insérer l'image. 2. Cliquez sur Insérer une image ou au menu Insertion image à partir du fichier.

24 21 3. Recherchez le fichier de l'image souhaitée dans votre arborescence de fichiers en local puis sélectionnez-le. Vous pouvez spécifier le type du fichier recherché dans la zone Type de fichier. Redimensionner une image Tous les types de graphismes, que ce soient des images, des images GIF animées ou des séquences vidéo, peuvent être redimensionnés. Il suffit de changer leurs propriétés de hauteur et de largeur, ou de les redimensionner directement sur la page. Le redimensionnement d'une image modifie les balises HTML qui indiquent au navigateur Web comment afficher l image ; le fichier physique de l image reste inchangé. Envisageons la situation où vous cherchez à réduire le temps de téléchargement d'une page contenant une image très volumineuse. Si vous vous contentez de redimensionner l'image, elle s'affichera dans une zone plus petite à l'écran de l'internaute, mais la taille du fichier image et le temps de téléchargement ne seront pas pour autant réduits. Pour diminuer la taille du fichier et le temps nécessaire au téléchargement de l'image, vous devez rééchantillonner l'image, que nous verrons plus tard, après l'avoir redimensionnée. Il est possible de redimensionner une image directement à l'écran en cliquant dessus pour voir ses poignées de redimensionnement et les faire glisser. Pour conserver les proportions du graphisme, faites glisser une des poignées d'angle. Si vous faites glisser une poignée latérale, le graphisme est inévitablement déformé. Il est aussi possible de modifier l image à partir des propriétés de la façon suivante : 1. En mode Page, cliquez sur l image avec le bouton droit, cliquez sur Propriétés de l'image dans le menu contextuel puis sur l'onglet Apparence. 2. Activez la case à cocher Spécifier la taille. 3. Si vous souhaitez conserver les proportions (rapport entre la largeur et la hauteur), activez la case à cocher Conserver les proportions. Si vous activez cette case à cocher puis entrez une valeur en pixels dans la zone Largeur ou Hauteur, Microsoft FrontPage change automatiquement la valeur dans la zone non renseignée pour conserver les proportions du graphisme.