ADOBE GoLive 6.0 Manuel d'utilisation [fr]
2
3
Aide d'Adobe GoLive Comment utiliser l'aide
omment utiliser l'aide | Sommaire | Index Page précédente 1
C
Comment utiliser l'aide
A propos de l'aide en ligne
Adobe Systems, Inc. fournit une documentation complète dans l'aide Adobe au format
PDF. Cette aide contient des informations sur tous les outils, les commandes et les caractéristiques de l'application à la fois pour Windows et Mac OS. Le format PDF permet de
naviguer facilement dans l'aide en ligne et peut être utilisé par des lecteurs d'écran tiers
compatibles avec Windows. L'aide peut également être imprimée pour être utilisée
comme référence.
Navigation parmi les rubriques d'aide
L'aide s'ouvre dans une fenêtre Acrobat avec le volet Signets activé. Si le volet Signets
n'est pas à l'écran, sélectionnez Fenêtre > Afficher les signets. Vous pouvez également
naviguer dans l'aide en utilisant la barre de navigation, l'index ou la commande
Rechercher dans le document.
La barre de navigation se trouve au sommet de chaque page. Cliquez sur Comment
utiliser l'aide pour revenir à cette introduction. Cliquez sur Sommaire ou Index pour y
accéder.
Cliquez sur les flèches Page suivante ou Page précédente pour faire défiler les pages
de manière séquentielle. Cliquez sur Page précédente pour revenir à la dernière page
affichée. Vous pouvez également utiliser les flèches de navigation dans la barre d'outils
Acrobat.
Utilisation des signets, du sommaire, de l'index et de la commande Rechercher
Le sommaire de l'aide s'affiche sous forme de signets dans le volet du même nom. Pour
afficher les sous-rubriques, cliquez sur le signe plus en regard du signet. Chaque signet est
un lien hypertexte permettant d'accéder à une section d'aide associée.
Pour cela, cliquez sur le signet. La rubrique s'affiche dans le volet de droite et le signet
apparaît alors en surbrillance.
Vous pouvez activer ou désactiver la surbrillance à l'aide de l'option Mettre en surbrillance
le signet actuel à partir du menu du volet des signets.
Pour trouver une rubrique à l'aide du sommaire :
1 Cliquez sur Sommaire dans la barre de navigation au sommet ou au bas d'une page
quelconque.
Cliquez sur une rubrique de la page Sommaire pour en afficher la première page.
Dans le volet Signets, développez la rubrique pour afficher les sous-rubriques.
C
omment utiliser l'aide | Sommaire | Index Page précédente 1
2
3
4
2
3
Aide d'Adobe GoLive Comment utiliser l'aide
omment utiliser l'aide | Sommaire | Index Page précédente 2
C
Pour trouver une rubrique à l'aide de l'index :
1 Cliquez sur Index dans la barre de navigation au sommet ou au bas d'une page
quelconque.
Cliquez sur la lettre appropriée au sommet de la page.
Vous pouvez également développer le signet Index, puis cliquer sur une lettre dans le
volet Signets.
Localisez votre entrée, puis cliquez sur le lien du numéro de page pour afficher les infor-
mations.
Pour afficher plusieurs entrées, cliquez sur Page précédente pour revenir au même
endroit dans l'index.
Pour trouver une rubrique à l'aide de la commande Rechercher :
1 Sélectionnez Edition > Rechercher.
Entrez un mot ou une phrase dans la zone de saisie, puis cliquez sur OK.
Acrobat recherche alors dans le document actif en commençant par la page à l'écran et
met en surbrillance la première occurrence du mot ou de la phrase recherchée.
Pour poursuivre la recherche, sélectionnez Edition > Poursuivre la recherche.
Impression des pages d'aide
L'affichage de l'aide à l'écran a été optimisé ; vous pouvez néanmoins imprimer les pages
sélectionnées ou l'ensemble du fichier.
Pour imprimer, sélectionnez Fichier > Imprimer ou cliquez sur l'icône d'imprimante dans la
barre d'outils Acrobat.
C
omment utiliser l'aide | Sommaire | Index Page précédente 2
Aide d'Adobe GoLive Sommaire
omment utiliser l'aide | Sommaire | Index Page précédente 3
C
Sommaire
troduction 4
In
Présentation d’Adobe GoLive 9
Introduction à la construction de sites dans GoLive 14
Définition du projet de site et de l’espace de travail 31
Fonctions de mise en page 70
Formatage du texte 103
Utilisation de feuilles de style en cascade 134
Utilisation de tableaux 157
Ajout d’images et de fichiers multimédias 178
Création de formulaires 238
Utilisation d’actions 250
Gestion et affichage de sites Web 289
Utilisation des éléments de construction de site 337
Transfert de fichiers et publication de sites Web 357
Conception de sites collaboratifs 379
Création de diagrammes de conception 406
Utilisation du code source 429
Edition de séquences QuickTime 469
Création de sites Web sans fil 522
Utilisation de contenu dynamique 544
Utilisation de la base de données Web 625
Raccourcis clavier Macintosh 642
Raccourcis clavier Windows 648
Notices juridiques 653
C
omment utiliser l'aide | Sommaire | Index Page précédente 3
Aide d'Adobe GoLive Introduction
omment utiliser l'aide | Sommaire | Index Page précédente 4
C
Introduction
Bienvenue
Bienvenue à Adobe
®
GoLive
pement de sites Web. Que vous soyez un utilisateur débutant ou expérimenté, Adobe
GoLive vous fournit les outils nécessaires à l’obtention de résultats de qualité professionnelle.
Adobe GoLive fait partie d’un environnement de travail offrant une grande compatibilité
avec d’autres applications d’Adobe, parmi lesquelles Adobe Photoshop
Adobe Illustrator
Adobe Premiere
®
, Adobe InDesign
®
.
®
6.0, la solution complète de conception, gestion et dévelop-
®
,
®
, Adobe LiveMotion
™
, Adobe After Effects
®
, et
Enregistrement
Pour Adobe, il ne fait aucun doute que votre productivité sera significativement accrue
par ce logiciel. Veuillez donc enregistrer votre copie de l’application afin qu’Adobe puisse
continuer à vous fournir des logiciels de qualité, un support technique et des informations
sur les nouvelles fonctions de GoLive.
Lorsque vous démarrez l’application pour la première fois, vous êtes invité à procéder à un
enregistrement en ligne. Vous pouvez aussi choisir d’envoyer le formulaire directement ou
de faxer une copie imprimée. Enfin, vous pouvez enregistrer votre copie de l’application
en remplissant et en renvoyant la carte d’enregistrement de garantie jointe au logiciel.
Installation d’Adobe GoLive
Remarquez que vous ne pouvez pas exécuter le programme Adobe GoLive à partir du
CD-Rom. Vous devez l’installer sur votre disque dur.
Suivez les instructions d’installation qui vous sont données à l’écran. Pour plus de détails,
consultez le fichier Comment_installer contenu dans le CD-Rom.
Mise en route
Adobe met à votre disposition une multitude d’options pour vous apprendre à utiliser
GoLive, y compris des guides imprimés, une aide en ligne, des conseils et des info-bulles.
La fonction Adobe Online offre un accès direct à des ressources Web régulièrement actualisées afin de faciliter l’apprentissage de GoLive, qu’il s’agisse de conseils, de didacticiels
ou d’informations d’assistance technique. La rapidité de votre progression dépend de
l’expérience acquise avec les précédentes versions de GoLive.
C
omment utiliser l'aide | Sommaire | Index Page précédente 4
Aide d'Adobe GoLive Introduction
omment utiliser l'aide | Sommaire | Index Page précédente 5
C
Si vous êtes un utilisateur débutant de GoLive :
•
Consultez la section «
introduction au logiciel.
•
Lisez la section «
vous familiariser avec les principales fonctionnalités de développement de site offertes
par GoLive.
Utilisez la palette Conseils de GoLive pour obtenir de brèves descriptions des icônes de
•
GoLive et visualiser les rubriques connexes dans l’aide en ligne.
Utilisez les info-bulles de GoLive pour apprendre à identifier les outils, les boutons et les
•
options des palettes au cours de votre travail. Voir «
Rendez-vous sur le site Web Adobe.com et faites des exercices pratiques grâce aux
•
didacticiels de GoLive. Voir «
Présentation d’Adobe GoLive », page 9 pour bénéficier d’une
Introduction à la construction de sites dans GoLive », page 14 pour
Utilisation des info-bulles », page 6.
Utilisation des ressources Web », page 6.
Si vous êtes un utilisateur averti de Golive :
•
Consultez la section «
introduction au logiciel.
Rendez-vous sur le site Web Adobe.com et faites des exercices pratiques grâce aux
•
didacticiels de GoLive. Voir « Utilisation des ressources Web », page 6.
Présentation d’Adobe GoLive », page 9 pour bénéficier d’une
Si vous faites partie d’un groupe de travail de développement Web :
Lisez le Guide de l’utilisateur d’Adobe Web Workgroup Server imprimé pour plus de détails
•
sur la configuration et l’utilisation d’un site GoLive accessible à l’ensemble d’un groupe.
Utilisation de la documentation imprimée
Outre le présent guide de l’utilisateur, quatre documents imprimés accompagnent Adobe
GoLive 6.0. Vous trouverez également des documents au format PDF sur le CD-Rom de
GoLive. Vous pourrez les visualiser à l’aide du logiciel Adobe Acrobat
®
Reader
sur le même CD-Rom.
Les documents imprimés figurant ci-dessous sont fournis avec Adobe GoLive 6.0.
Guide de l’utilisateur d’Adobe GoLive Contient des informations sur la création et la
conception de votre site Web, l’ajout de contenu dynamique à votre site, ainsi que le
développement et l’intégration de contenu multimédia élaboré dans vos pages Web.
Guide de l’utilisateur d’Adobe Web Workgroup Server Contient des informations sur
l’utilisation d’un fichier projet de site de groupe de travail et l’administration d’Adobe Web
Workgroup Server.
Guide d’édition pour les appareils sans fil d’Adobe GoLive Contient des informations
sur la création de sites destinés à des appareils portables sans fil.
Carte de référence d’Adobe GoLive Fournit une liste des raccourcis clavier de GoLive.
Les raccourcis sont également disponibles dans l’aide en ligne.
™
, disponible
C
omment utiliser l'aide | Sommaire | Index Page précédente 5
2
3
Aide d'Adobe GoLive Introduction
omment utiliser l'aide | Sommaire | Index Page précédente 6
C
Utilisation de l’aide en ligne
La documentation complète d’Adobe GoLive est également disponible dans un système
d’aide au format HTML. L’aide en ligne de GoLive reprend toutes les informations du Guide
de l'utilisateur d'Adobe GoLive 6.0 , auxquelles il faut ajouter les raccourcis clavier, des illus-
trations en couleurs et une description plus détaillée de certaines procédures. (Une
version de l’aide destinée à l’impression est disponible au format PDF sur le CD-Rom
d’Adobe GoLive.)
L’aide en ligne propose trois méthodes d’accès à l’information. Les panneaux Sommaire et
Index vous donnent accès à des informations générales, tandis que le panneau
Rechercher permet d’effectuer une recherche de mots ou d’expressions spécifiques.
Pour un affichage correct des rubriques de l’aide en ligne, utilisez Netscape
®
Communicator 4.0 (ou version ultérieure) ou Microsoft
ultérieure). N’oubliez pas non plus d’activer JavaScript.
Pour ouvrir l’aide en ligne :
Internet Explorer 4.0 (ou version
Choisissez ? > Aide de GoLive ou appuyez sur la touche F1 (Windows).
Utilisation des conseils
GoLive comporte une palette Conseils qui fournit de brèves descriptions des icônes
figurant dans les barres d’outils, la fenêtre du document et la palette Objets. Cette palette
inclut également des liens renvoyant à des sections importantes de l’aide en ligne.
Pour utiliser des conseils :
1 Choisissez Fenêtre > Conseils pour afficher la palette Conseils.
Déplacez et maintenez le curseur de la souris sur une icône de la palette Objets, la barre
d’outils ou la fenêtre du document. Le contenu de la palette Conseils change rapidement
pour faire place à une brève description de l’icône.
Cliquez sur l’un des liens de la rubrique connexe dans la palette Conseils pour ouvrir
l’aide en ligne et afficher les informations correspondant à la fonctionnalité.
Utilisation des info-bulles
Les info-bulles vous permettent d’afficher le nom des outils ou des boutons et
commandes dans les palettes.
Pour identifier un outil ou une commande :
Placez le pointeur sur un outil ou une commande et marquez une pause. Une info-bulle
apparaît, indiquant le nom et le raccourci clavier (le cas échéant) de l’élément.
Remarque : Les info-bulles ne sont pas disponibles dans la plupart des boîtes de dialogue.
Utilisation des ressources Web
Si vous disposez d'une connexion Internet, vous pouvez utiliser la fonction Adobe Online
pour accéder à des ressources d’apprentissage supplémentaires de GoLive situées sur le
site Web Adobe.com. Sélectionnez Products sur la page d'accueil Adobe.com. Choisissez
ensuite GoLive, puis Training & Events.
C
omment utiliser l'aide | Sommaire | Index Page précédente 6
Aide d'Adobe GoLive Introduction
omment utiliser l'aide | Sommaire | Index Page précédente 7
C
Ces ressources sont régulièrement mises à jour et comprennent les rubriques suivantes :
Tutorials and Techniques (Didacticiels et techniques) Fournissent des indications
détaillées concernant l’utilisation des fonctionnalités de Golive ou une aide à l’exécution
de techniques avancées. Ces didacticiels peuvent vous aider à aller bien au-delà des informations de référence contenues dans le guide de l’utilisateur et vous montrer comment
vous servir de GoLive avec d’autres applications.
How Tos and Backgrounders (Instructions et informations de référence) Donnent
accès à des procédures d’exécution des tâches dans GoLive et à des informations de
référence détaillées sur une grande variété de rubriques. Vous y trouverez notamment une
aide très complète qui couvre non seulement les processus courants mais aussi les tâches
les plus complexes faisant appel à plusieurs applications pour la préparation de créations
graphiques destinées au Web.
Dépannage Fournit des solutions aux éventuels problèmes rencontrés lors de l’utili-
sation de GoLive. Il est recommandé de consulter les informations sur le dépannage
disponibles via Adobe Online et le site Web d’Adobe avant de contacter le service
clientèle.
2
Pour accéder à la page d’accueil d’Adobe correspondant à votre pays :
1 Ouvrez la page d’accueil d’Adobe, à l’adresse URL www.adobe.com.
Dans le menu Adobe Worldwide, sélectionnez le pays de votre choix. La page d’accueil
d’Adobe est personnalisée pour 20 régions géographiques différentes.
Utilisation d’Adobe Online
Adobe Online donne accès aux didacticiels, astuces et autres informations disponibles sur
le Web, relatives à GoLive et à d’autres produits Adobe. Avec Adobe Online, vous pouvez
également télécharger et visualiser la version actuelle du document Top Issues (Problèmes
fréquents) de GoLive contenant les solutions les plus récentes aux problèmes techniques
de GoLive. Adobe Online contient également des signets qui vous renvoient rapidement à
des sites d’intérêt relatifs à Adobe et à GoLive.
Pour utiliser Adobe Online :
Dans GoLive, choisissez ? > Adobe Online ou cliquez sur l’icône correspondante dans
la barre d’outils.
Remarque : Vous devez impérativement disposer d’une connexion Internet pour accéder à
Adobe Online. Adobe Online lancera votre navigateur en fonction de votre configuration
Internet par défaut.
Pour vous assurer que vous utilisez bien la version mise à jour d’Adobe Online :
Définissez les préférences de votre système de manière à activer les options de mise à jour
automatique. Vous pouvez également définir les préférences d’Adobe Online en
choisissant l’option de configuration d’Adobe Online dans le menu Edition.
C
omment utiliser l'aide | Sommaire | Index Page précédente 7
Aide d'Adobe GoLive Introduction
omment utiliser l'aide | Sommaire | Index Page précédente 8
C
Accès à Adobe Online par le biais du menu d’aide
Le menu d’aide (?) comporte des options qui permettent de visualiser et de télécharger
des informations depuis le site Web d’Adobe.
Pour télécharger les informations et les mises à jour de produits depuis le site Web
d’Adobe :
Choisissez Aide >Mises jour ou Aide > Liens Adobe.
Autres ressources d’apprentissage
D’autres ressources d’apprentissage sont également à votre disposition, même si elles ne
sont pas comprises dans votre application.
Service de presse d'Adobe Propose un fonds de manuels d’apprentissage approfondi,
relatifs aux logiciels Adobe de création d'images et de publication, notamment la
collection très reconnue Classroom in a Book, mise au point par les experts d'Adobe. Pour
savoir comment vous procurer la liste des titres disponibles auprès du service de presse
d'Adobe, consultez le site Web d’Adobe à l’adresse www.adobe.com ou contactez votre
libraire.
Programme de certification d’Adobe Permet aux utilisateurs, instructeurs et centres de
formation d’améliorer et de promouvoir leurs compétences sur les produits Adobe en
obtenant, par exemple, le titre d'Adobe Certified Experts ou d’Adobe Authorized Learning
Providers. Vous pouvez obtenir une certification quelque soit votre situation
géographique dans le monde. Pour plus de détails sur les programmes de certification,
rendez-vous sur le site dédié au partenariat avec Adobe à l’adresse
http://partners.adobe.com.
Support technique
L’enregistrement de votre produit vous donne droit à un support technique. Les conditions peuvent varier en fonction du pays de résidence. Pour plus de détails, reportez-vous
à la carte de support technique fournie avec la documentation de GoLive.
Support technique pour Adobe Online
Adobe Online donne accès à la base de connaissances de GoLive, dans laquelle vous
trouverez des réponses à vos questions techniques.
Autres ressources de support technique
Adobe Systems offre un support technique automatisé disponible sous diverses formes :
•
Consultez les fichiers Readme et Readme First! installés avec le programme pour
obtenir les informations postérieures à la publication du présent manuel.
Consultez les informations très complètes concernant le support technique sur le site
•
Web d’Adobe (www.adobe.com). Pour accéder au site Web d’Adobe à partir de GoLive,
choisissez ? > Support.
C
omment utiliser l'aide | Sommaire | Index Page précédente 8
Aide d'Adobe GoLive Présentation d’Adobe GoLive
omment utiliser l'aide | Sommaire | Index Page précédente 9
C
Présentation d’Adobe GoLive
Conception et développement de sites Web professionnels
Les professionnels de l'Internet peuvent à présent développer, organiser et gérer
rapidement du contenu dynamique destiné au Web et aux appareils sans fil et ce, quelque
soit leur emplacement. Adobe GoLive 6.0 unifie l’organisation des informations, la
création de contenu dynamique, la gestion de site et de fichiers pour vous permettre de
produire rentablement à grande échelle du contenu multimédia d’une richesse incomparable.
Développement de diagrammes d'organisation des informations
GoLive vous permet de concevoir votre site et de développer un diagramme organisationnel que vous pouvez communiquer pour recueillir des commentaires et obtenir des
approbations.
Diagrammes d’informations de site Les outils de diagramme vous permettent de
déterminer la structure de votre site et d’afficher les relations et les liens entre les pages.
Diagrammes d'approbation Une fois le diagramme développé, vous pouvez le publier
comme un fichier PDF ou au format SVG. Si vous distribuez votre diagramme au format
PDF, vos relecteurs pourront utiliser Acrobat pour insérer directement des annotations et
des commentaires dans votre fichier et vous renvoyer ce dernier approuvé.
Vues de site et pages dynamiques Une fois votre site schématiquement présenté, vous
pouvez générer rapidement une vue de site (à l’aide de la fonction Table des matières) et
transformer le diagramme en pages dynamiques pour votre site.
Conception et création visuelles de pages Web
Les outils de conception visuelle de pages de GoLive vous permettent de créer facilement
des pages Web, sans utiliser de code. En outre, GoLive comprend des outils d’édition de
code vous permettant simultanément et visuellement de travailler dans la vue Mise en
page et le code source.
Grille de mise en page pour les conceptions basées sur des tableaux Il n'est
désormais plus nécessaire de manipuler des tableaux HTML pour effectuer des mises en
pages. Pour développer une page, il suffit simplement de glisser et déplacer des zones de
texte, des images et d’autres objets vers la grille de mise en page. Cette grille constitue un
tableau HTML formaté pour vous par GoLive. Lorsque vous souhaitez extraire directement
le tableau, vous pouvez convertir la grille de mise en page en un tableau et vice-versa.
(Voir «
Mises en page de boîtes flottantes GoLive simplifie les calques HTML et les éléments
DIV à l’aide de boîtes flottantes. Vous pouvez utiliser ces dernières pour mettre en page
l’ensemble ou une partie spécifique d’une page Web ou encore pour afficher et masquer
des images et du texte sur une page. (Voir «
page 81.)
Utilisation de la grille de mise en page », page 74.)
Mise en page à l’aide de boîtes flottantes »,
C
omment utiliser l'aide | Sommaire | Index Page précédente 9
Aide d'Adobe GoLive Présentation d’Adobe GoLive
omment utiliser l'aide | Sommaire | Index Page précédente 10
C
Mises en page d’images Photoshop tranchées De nombreux concepteurs de sites Web
utilisent Adobe Photoshop pour développer des idées et effectuer des mises en page de
conceptions. Ces conceptions étaient jusque là manuellement converties par le
concepteur ou un développeur Web. Aujourd’hui, ces derniers peuvent trancher une page
dans Photoshop et l’importer directement dans GoLive. Grâce aux objets dynamiques, le
lien entre l’image et Photoshop est conservé dans GoLive et chaque image tranchée peut
être séparément optimisée pour des téléchargements d’images performants. (Voir
Utilisation d’une image tranchée Photoshop », page 189.)
«
Création de feuilles de style
texte de votre page et vous permettent d’en contrôler entièrement le formatage et la
présentation. Dans GoLive, vous pouvez créer facilement des feuilles de style, sans avoir à
modifier directement leur code. (Voir «
page 134.)
Modèles de page et composants réutilisables
composants et des objets de bibliothèque pour une cohérence maximale et gagner du
temps au niveau du développement. Lorsque vous utilisez les modèles de page et les
composants de GoLive, il est possible de mettre automatiquement à jour les pages qui y
sont liées. (Voir «
A propos des éléments de construction de site », page 337.)
Les feuilles de style en cascade assurent la cohérence du
A propos des feuilles de style en cascade »,
Utilisez des modèles, des gabarits, des
Conception de formulaires Créez visuellement des formulaires pour la collecte de
données utilisateur et le commerce électronique en faisant glisser et en déposant des
éléments de formulaire sur une page. (Voir «
Modification du code source Ecrivez et modifiez le code source dans l’éditeur de code
source de GoLive. Lorsque vous souhaitez visualiser simultanément votre mise en page et
une partie du code, divisez la fenêtre du document en deux panneaux afin de travailler
parallèlement dans l’éditeur de mise en page et l’éditeur de code source. Pour ajouter
rapidement un élément ou un attribut spécifique à la page sans ouvrir l’éditeur de code
source, utilisez Visual Tag Editor. Ce dernier vous offre un choix de balises et d’attributs
organisés dans une liste. (Voir «
Utilisation du code source », page 429.)
Création de formulaires », page 238.)
Intégration d'outils de conception normalisés dans votre flux de
production
Travaillez directement vos images, graphiques et animations dans les applications qui
vous sont déjà familières et importez les ensuite dans GoLive. Les éléments de
construction graphiques et multimédias développés dans Adobe Photoshop, Adobe Illustrator et Adobe LiveMotion conservent leurs liens avec l’application d’origine.
Objets dynamiques Placez directement des fichiers source non optimisés sur vos pages,
et convertissez les ensuite en graphiques compatibles Web. Lorsque vous redimensionnez
ou effectuez d’autres modifications sur le graphique de votre page, GoLive utilise le fichier
source d’origine pour générer une nouvelle version formatée pour le Web. (Voir «
d’images à une page Web à l’aide d’objets dynamiques », page 182.)
Ajout
Images Web optimisées La boîte de dialogue Enregistrer pour le Web affiche des
aperçus juxtaposés de vos images vous permettant de comparer différentes options de
compression et de sélectionner des paramètres qui maximisent la qualité de l’image et
limitent la taille des fichiers. (Voir «
C
omment utiliser l'aide | Sommaire | Index Page précédente 10
Optimisation d’images pour le Web », page 197.)
Aide d'Adobe GoLive Présentation d’Adobe GoLive
omment utiliser l'aide | Sommaire | Index Page précédente 11
C
Boutons animés dynamiques et simples Développez des boutons animés qui
conservent des liens avec les images source et détectent automatiquement les images
affichées lorsque vous les survolez avec le pointeur de la souris ou que vous cliquez
dessus. Effectuez des modifications dans une image source, comme par exemple sur un
URL dans un lien de navigation : GoLive met automatiquement à jour l’image du bouton
animé. Exportez le code JavaScript du bouton animé vers un fichier bibliothèque distinct,
que vous pouvez stocker dans la mémoire cache du navigateur. (Voir «
boutons animés », page 212.)
Variations sur une image
Illustrator SVG et Adobe LiveMotion vous permet de créer plusieurs versions d’une même
image à partir d’un seul fichier source. Vous pouvez, par exemple, modifier le contenu d’un
texte dans un fichier Photoshop ou encore la visibilité et le style d’un objet dans un fichier
LiveMotion. (Voir «
page 218.)
Te xte converti en image dotée d’un style Si vous utilisez Adobe LiveMotion pour
développer des graphiques et des animations Web, vous pouvez créer des styles destinés
au texte d’en-tête, puis convertir automatiquement le texte de vos pages GoLive en
images utilisant ce style. (Voir «
page 221.)
Création de plusieurs versions d’une image à l’aide des variables »,
L’utilisation de variables dans des fichiers Photoshop, Adobe
Conversion du texte en image sur une page Web »,
Création de
Gestion d’un site et de ses éléments de construction
GoLive 6.0 améliore la productivité de votre équipe en rationalisant votre flux de
production et en vous permettant de gérer plus efficacement vos éléments de
construction.
Gestion de fichiers de site
Restez organisé et évitez les erreurs de site grâce au fichier projet de site de GoLive.
Gestion d’éléments de construction de projet La fenêtre du site de GoLive répertorie
et organise l'ensemble de vos éléments de construction de site : pages, graphiques,
fichiers multimédias, objets de bibliothèque, modèles, diagrammes de conception, et ainsi
de suite. GoLive propose différentes de vues de votre site, de type répertoire ou graphique
pour afficher l’arborescence et les liens entre les fichiers. (Voir «
site », page 15.)
Maintenance des liens
dans la fenêtre du site, GoLive conserve et met à jour les liens entre les pages et les fichiers
source. (Voir «
Utilisation de la fenêtre de site », page 290.)
Lorsque vous ajoutez, déplacez et modifiez des noms de fichiers
Travail collaboratif avec Adobe Web Workgroup Server
Si vous travaillez au sein d’une équipe de développement Web, vous avez la possibilité de
stocker et de gérer votre dossier projet de site sur un serveur, accessible à tous les
membres du groupe. Fourni avec Adobe GoLive 6.0, le serveur Adobe Web Workgroup
Server permet à l’administrateur du site de contrôler l’accès et les autorisations d’accès
aux éléments de construction du site.
Utilisation de la fenêtre du
C
omment utiliser l'aide | Sommaire | Index Page précédente 11
Aide d'Adobe GoLive Présentation d’Adobe GoLive
omment utiliser l'aide | Sommaire | Index Page précédente 12
C
Extraction et archivage des fichiers Partagez des pages Web et des éléments de
construction de site sans craindre d’écraser le travail d’un collègue. Lorsqu’un fichier est
extrait, aucun autre utilisateur ne peut y apporter de modification. Lorsque vous archivez
le fichier, vous avez la possibilité d’enregistrer des commentaires sur vos modifications
avec le fichier. (Voir «
Eléments de construction de site partagés Outre les pages Web, votre équipe peut
accéder à toutes les fonctionnalités d’un fichier projet de site, comme des images, des
feuilles de style, des couleurs de site, des modèles, des composants et des diagrammes de
conception. (Voir «
Gestion du processus de révision Lorsque vous archivez un fichier, le serveur conserve
les versions antérieures du fichier en cas de restauration nécessaire d’une version précédente. Vous pouvez aussi comparer facilement plusieurs versions du même fichier. (Voir
Utilisation de l’historique des révisions », page 396.)
«
Liens automatiquement résolus Archivez de nouveau les fichiers et soyez certain que
toutes les modifications aux pages liées apportées par vous ou un collègue seront
automatiquement mises à jour par le serveur. (Voir «
page 390.)
Développement d’un site collaboratif », page 388.)
Utilisation des éléments de construction de site », page 337.)
Archivage de fichiers et de dossiers »,
Personnalisation de votre environnement de travail
Créez votre propre interface utilisateur de GoLive en agençant à votre gré les outils, les
palettes et les commandes de menu et en enregistrant les configurations.
Espaces de travail personnalisés Définissez différents affichages des palettes de
GoLive que vous souhaitez maintenir actifs pour des tâches spécifiques et enregistrez
chacun d’eux comme un espace de travail personnalisé que vous pouvez choisir dans le
menu Fenêtre. (Voir «
Kit SDK (Software Developer’s Kit) Personnalisez et élargissez les fonctionnalités de
GoLive grâce à la création de scripts. (Pour plus d’informations, consultez la documentation du kit SDK de GoLive.)
Enregistrement d’un espace de travail personnalisé », page 36.)
Richesse et personnalisation du contenu
Produisez du contenu multimédia élaboré et personnalisé, destiné au Web et à des
appareils sans fil.
Création de contenu personnalisé et de sites de commerce électronique
Les sites Web dynamiques offrent aux internautes une expérience interactive où les informations sont générées, regroupées, stockées et traitées de manière dynamique.
Prise en charge native des langages de script courants Le module Dynamic Content
d’Adobe GoLive prend en charge les technologies de script serveur ASP (Active Server
Pages), JSP (JavaServer Pages), et PHP (PHP : Hypertext Preprocessor). (Voir «
scripts serveur », page 549.)
Exécution de
Pages Web générées de manière dynamique Liez facilement du contenu Web à une
base de données ou un serveur d’imagerie pour générer des données comme des tailles
ou des prix d’images. (Voir «
page 552.)
C
omment utiliser l'aide | Sommaire | Index Page précédente 12
Développement et déploiement de sites Web dynamiques »,
Aide d'Adobe GoLive Présentation d’Adobe GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 13
Fournisseurs de solutions de commerce électronique intégrés Adobe Systems Incor-
porated s’est associé aux principaux fournisseurs de solutions de commerce électronique
afin de faciliter la création de sites de commerce électronique personnalisés et entièrement fonctionnels.
Création de pages Web destinées à des appareils sans fil
L’environnement de création sans fil vous permet de bénéficier de fonctionnalités de
GoLive uniques, telles que la gestion performante de liens et de site, les diagrammes
d'organisation d’informations, les modèles et les gabarits ou encore les objets
dynamiques et l'optimisation d’images.
CHTML Créez visuellement des pages dans CHTML, le langage de balisage utilisé pour le
service de téléphonie sans fil i-mode, très répandu au Japon et dans d’autres pays. L’utilisation de la fonction d’aperçu du micro navigateur et d’Access Compact Viewer pour
GoLive (Windows uniquement) assurera un affichage impeccable de vos pages sur un
grand nombre de téléphones. (Voir «
WML Grâce au principe de création par glisser-déposer, vous pouvez développer des sites
conformes aux spécifications WAP 1.0 et afficher ensuite un aperçu de vos pages sur
l’émulateur de téléphone de Nokia (Windows uniquement). (Voir «
WML », page 530.)
Création d’un site CHTML », page 523.)
Création d’un site Web
XHTML-Basic Nouvelle norme des appareils sans fil conforme à la spécification WAP 2.0.
GoLive propose une vue Mise en Page de micro navigateur lorsque vous créez des pages
en langage XHTML-Basic et un émulateur de téléphone de Nokia (Windows uniquement)
pour afficher un aperçu de vos pages. (Voir «
Création de pages XHTML-Basic », page 541.)
Vérification du code
Economisez du temps grâce aux nouvelles fonctionnalités puissantes de détection
d’erreurs vous permettant de vérifier la conformité du code avec les dernières normes
W3C.
Vérificateur de syntaxe GoLive inclut un vérificateur de syntaxe robuste et compatible
DTD. (Voir «
Sites conformes à l’article 508 Vérifiez que votre site soit accessible aux personnes
handicapées. Le vérificateur d’accessibilité vous permet de créer des rapports personnalisés. (Voir « Génération de rapports sur les sites », page 331.)
Vérification de la syntaxe », page 440.)
Comment utiliser l'aide | Sommaire | Index Page précédente 13
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 14
Introduction à la construction de sites dans GoLive
Préparation du terrain
Pour bénéficier au maximum des outils GoLive de création et de gestion de site,
commencez par créer un site à l’aide de ce programme. GoLive vous permet de définir
l’ensemble de vos pages, de vos fichiers multimédias et de vos ressources dans une
structure logique et de créer un document spécial pour leur utilisation. Ce document est
le fichier projet de votre site ; il s’ouvre dans la fenêtre du site et affiche une réplique
exacte de la structure des dossiers et fichiers de votre Bureau. C’est à partir de cette
fenêtre que vous pouvez construire et restructurer votre site, lier différentes pages et
images, stocker les éléments de construction réutilisables (tels que les modèles de page)
et effectuer les transferts et les synchronisations des fichiers du site avec votre serveur.
Utilisation d’Adobe Web Workgroup Server
Vous avez la possibilité de travailler sur votre site en collaboration avec votre équipe de
développement Web. GoLive facilite la configuration d’un serveur et d’un fichier projet de
site collaboratif. L’ensemble de votre équipe de développement Web peut accéder à votre
site et aux fichiers correspondants. A l’aide de la fenêtre du site, vos collègues peuvent
extraire des fichiers sur lesquels ils veulent travailler, évitant ainsi la modification de ces
fichiers par d’autres personnes, puis les archiver à nouveau après leur utilisation. GoLive
vérifie et met automatiquement à jour toutes les références de lien qui ont été modifiées
dans le site.
Le serveur Adobe Web Workgroup Server vous permet de développer et de gérer vos sites
de façon centralisée ; à chaque fois qu’un fichier de site est modifié par vous ou par un
autre membre de votre équipe, Web Workgroup Server enregistre une version distincte du
fichier. Vous pouvez comparer le code source des différentes versions du fichier et
spécifier une de ces versions pour le fichier actif. Vous n’avez pas besoin de travailler au
sein d’une équipe de développement Web pour pouvoir profiter des fonctions de contrôle
de version. En effet, même en tant qu’utilisateur unique et seul créateur du site Web, vous
pouvez configurer un serveur de groupe de travail. (Voir «
collaboratifs », page 379.)
Conception de sites
Création du fichier projet de site
Pour créer un site, choisissez Fichier > Nouveau site. L’assistant de création de site de
GoLive vous guide tout au long du processus de création d’un site sur votre ordinateur
local ou sur un serveur de groupe de travail distant. Vous pouvez créer un site vierge et
laisser GoLive générer la page d’accueil à votre place (généralement intitulée index.html)
ou créer un site basé sur des fichiers existants (importés depuis un autre emplacement ou
créés dans une application tierce). Vous avez également la possibilité de baser votre
nouveau site sur un modèle de site GoLive. (Voir «
Création d’un site », page 38.)
Comment utiliser l'aide | Sommaire | Index Page précédente 14
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 15
Lorsque vous créez un site, GoLive génère sur votre bureau le fichier projet de ce site et
trois dossiers : un dossier de site destiné à stocker les pages Web et les fichiers multimédias (également appelé dossier racine du site), un dossier de données doté de sous-
dossiers pour stocker toutes les conceptions de sites et tous les éléments de construction
réutilisables, et un dossier de configuration destiné à stocker toute sorte d’informations
transférables sur la configuration de votre site dans GoLive.
Utilisation de la fenêtre du site
Il est recommandé de toujours utiliser la fenêtre de site lorsque vous travaillez sur votre
site, que ce soit pour mettre en page une page unique dotée de texte et d’images, pour
créer la structure de toutes les pages du site ou pour télécharger le site vers le Web. Les
puissants outils de création et de gestion de site de GoLive reposent sur cette fenêtre de
site. Elle constitue la zone de travail, le gestionnaire et les ressources de votre projet de
site.
Vous pouvez ouvrir vos pages, organiser vos fichiers et créer des liens dans la fenêtre de
site. Cette fenêtre est composée de plusieurs panneaux, mais celui dans lequel vous
travaillez la plupart du temps est le panneau Fichiers. Les fichiers et dossiers affichés dans
ce panneau correspondent aux fichiers et dossiers contenus dans le dossier racine du site
stocké sur votre disque dur. Lorsque vous déplacez ou renommez un fichier, ajoutez une
page ou créez un nouveau dossier dans le panneau Fichiers, GoLive implémente automatiquement la modification dans le dossier racine du site et met à jour les références de lien
du site. (Voir «
Utilisation des fichiers et des dossiers », page 294.)
Le fichier projet du site est affiché dans la fenêtre du site.
La plupart des autres panneaux de la fenêtre de site répertorient les éléments de
construction réutilisables contenus dans votre site, tels que les URL externes utilisés en
tant que liens dans vos pages, les couleurs dotées de noms pour faciliter leur identification
et les jeux de polices appliqués au texte et aux feuilles de style en cascade. Le panneau
Bibliothèque permet de stocker des objets utilisés dans plusieurs pages ou des extraits de
code source. Vous pouvez échanger ces éléments de construction de site avec des
membres de votre équipe étant donné qu’ils sont stockés dans le site (et non dans l’application).
Comment utiliser l'aide | Sommaire | Index Page précédente 15
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 16
Vous pouvez afficher des panneaux supplémentaires en cliquant sur la double flèche
située dans le coin inférieur droit de la fenêtre du site. Parmi ces panneaux figurent le
panneau Erreurs permettant de vérifier les erreurs du site, ainsi que les panneaux FTP et
WebDAV permettant de travailler sur un site publié. Dans le panneau Divers, vous
trouverez des dossiers dans lesquels sont stockés des fichiers ressource spéciaux vous
permettant de gagner du temps lors de la création de pages Web et d’assurer une
cohérence entre les différentes pages. Tous les fichiers affichés dans le panneau Divers (y
compris ceux du dossier Corbeille du site) peuvent être réutilisés dans votre site. (Voir
Utilisation des éléments de construction de site », page 337.)
«
Tous les panneaux de la fenêtre du site reflètent les fichiers et dossiers effectivement stockés sur
votre disque dur.
Ajout de pages et de fichiers multimédias
Utilisez la fenêtre de site pour ajouter des pages, des images et d’autres fichiers multimédias à votre site, soit en faisant glisser les fichiers voulus (dossiers compris) vers le
panneau Fichiers ou en les y important, soit en créant de nouvelles pages.
Lorsque vous faites glisser ou importez des fichiers image et HTML dans la fenêtre du site
depuis d’autres emplacements de votre disque dur, GoLive crée une copie de ces fichiers
pour le site et laisse les originaux à leur emplace-ment d'origine.
Lorsque vous ajoutez une nouvelle page à votre site en choisissant Site > Créer > Page,
GoLive répertorie automatiquement cette dernière dans la liste du panneau Fichiers et
place le fichier dans le dossier du site. Vous pouvez ouvrir la page dans la fenêtre du
document en cliquant deux fois dessus dans le panneau Fichiers. (Voir «
un site », page 42.)
Comment utiliser l'aide | Sommaire | Index Page précédente 16
Ajout de fichiers à
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 17
Conception de l’arborescence et des liens de page du site
GoLive comprend des outils d’organisation d’informations permettant de créer des
diagrammes de travail ou des organigrammes de la structure du site. Grâce aux petites
icônes graphiques et aux autres outils visuels, vous pouvez mettre en page des niveaux de
section et des pages du site et définir leur relation avec les autres fichiers de la structure.
A partir de ces diagrammes, vous pouvez générer des documents à partager avec des tiers
pour vérification. Ensuite, lorsque vous êtes satisfait du résultat, vous pouvez enregistrer
ces diagrammes en tant que fichiers à insérer dans votre site. (Voir «
diagrammes de conception », page 406.)
Création de
Conception de pages Web
Vous pouvez créer des pages Web sans avoir à écrire de code source. En effet, GoLive met à
votre disposition des outils facilitant la mise en page de texte, d’images et d’autres objets,
l’application d’attributs structurels, graphiques ou interactifs au contenu et la création de
liens renvoyant à d’autres pages ou URL.
Utilisation des outils de conception de page
L'interaction des outils de conception de page de GoLive vous permet de gagner du
temps lors de la mise en page du contenu de pages Web. Supposons que vous faites
glisser un objet de la palette Objets vers le corps de votre page Web ; si cet objet appartient à la section d’en-tête du document (tel que l’élément Mots-clés), GoLive le place
immédiatement dans la section d’en-tête de la fenêtre du document.
Fenêtre de document Les pages Web s’affichent par défaut dans le panneau Mise en
page de la fenêtre du document. Ce panneau permet de mettre en page le contenu de
votre page Web. La partie supérieure de la fenêtre du document comprend d’autres
panneaux, parmi lesquels l’éditeur de code source et l’éditeur de structure permettant de
manipuler le code source d'une page, l’éditeur de cadres permettant de mettre en page
un jeu de cadres et le panneau d’aperçu permettant de visualiser un aperçu de la page.
Comment utiliser l'aide | Sommaire | Index Page précédente 17
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 18
Lorsque vous travaillez dans le panneau Mise en page, vous pouvez ouvrir des fenêtres
afin de modifier des feuilles de style, des scripts JavaScript, du contenu dynamique de
base de données et des montages de boîtes flottantes en cliquant sur les boutons situés
dans le coin supérieur droit de la fenêtre du document.
A
GH I
Cliquez sur un onglet pour afficher un éditeur ou un aperçu différent.
A. Affiche ou masque le panneau d’en-tête B. Ouvre l’éditeur JavaScript C. Ouvre l’éditeur de
montage DHTML D. Ouvre l’éditeur de source de contenu E. Ouvre l’éditeur de feuilles de style
CSS F. Affiche le menu de la fenêtre du document G. Affiche ou masque le panneau de code
source H. Affiche l’arborescence des balises I. Définit la taille de la fenêtre du document.
BC DEF
GoLive prend en charge les formats HTML et XHTML courants. A l’aide du menu situé dans
le coin supérieur droit de la fenêtre du document, vous pouvez choisir une déclaration de
type de document, telle que HTML 4.01 strict ou cHTML (imode), pour l’affichage des
pages sur des appareils sans fil. (Voir «
Ajout ou modification d’une déclaration doctype »,
page 46.)
La barre d’arborescence des balises située dans la partie inférieure de la fenêtre du
document vous permet de choisir des éléments spécifiques du code source associés à du
texte ou des objets que vous avez sélectionnés dans votre mise en page.
Vous pouvez diviser la fenêtre du document en panneaux supplémentaires pour afficher
la section d’en-tête de votre page dans le haut de la fenêtre ou le code source de la page
dans le bas de la fenêtre. Le panneau de code source constitue un autre affichage de
l’éditeur de code source. (Voir «
Modification du code HTML dans l’éditeur de code
source », page 429.)
Comment utiliser l'aide | Sommaire | Index Page précédente 18
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 19
Palette Objets La palette Objets évite l’encodage manuel des documents HTML. Elle
contient des éléments HTML et du code source prédéfini que vous pouvez insérer dans
votre page en cliquant deux fois sur les icônes d’objets de la palette ou en les faisant
glisser. Certains objets, comme par exemple l’icône Image, sont des balises d’emplacement que vous pouvez utiliser pour créer des liens pointant vers les fichiers source des
ressources. D’autres objets correspondent à des références de site pour des couleurs, des
jeux de polices, etc., stockés avec un site ou des pages génériques insérées dans un site.
Le glissement d’un objet vers une page entraîne l’insertion immédiate d’un élément HTML.
Les objets sont organisés par catégories dans la palette Objets, en fonction de la tâche
générale à réaliser. Par exemple, le panneau Standard contient des objets permettant de
mettre en page le corps d’une page et le panneau En-tête, des objets permettant d’ajouter
des informations méta à la section d’en-tête de la page. D’autres jeux comprennent les
objets permettant d’ajouter à la page des formulaires, du contenu dyna-mique de base de
données et des cadres, ainsi que des objets dynamiques pour établir des liens entre les
images de la page et les applications ayant servi à les créer. Vous pouvez également
utiliser la palette Objets pour insérer des composants dans une page, des objets de
diagramme dans un diagramme de conception, et des extraits de code source ou des
objets personnalisés dans le code source ou la mise en page.
Vous pouvez configurer les jeux d’icônes de sorte qu’ils correspondent à un type de
document restreint, supprimant ainsi toutes les icônes non prises en charge de chaque jeu
et permettant d’éviter tout ajout d’objets erronés à votre page. (Voir «
Configuration de la
palette Objets pour un type de document », page 440.)
Comment utiliser l'aide | Sommaire | Index Page précédente 19
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 20
Inspecteur L’inspecteur est une palette contextuelle contenant des options. Cette
palette change dynamiquement en fonction de l’élément sur lequel vous travaillez. Par
exemple, lorsque vous sélectionnez un tableau ou une boîte flottante dans une page,
l’inspecteur se transforme en inspecteur de tableau ou de boîte flottante et contient des
options de définition des attributs du tableau ou de la boîte flottante. L'inspecteur
propose des options non seulement pour les éléments de page, mais également pour les
fichiers ou éléments de construction de site de la fenêtre de site, les styles des feuilles de
style en cascade, les cadres des jeux de cadres, etc.
Le nom de l’inspecteur s’affiche dans la partie inférieure de la palette.
Veillez à toujours afficher l’inspecteur lorsque vous créez votre site Web. C’est en effet à cet
endroit que vous apportez toutes vos modifications, quelles qu’elles soient, aux éléments
ou objets.
Pour afficher l’inspecteur, choisissez Fenêtre > Inspecteur. Le nom de l’inspecteur varie en
fonction de l’élément de page ou de fenêtre sélectionné.
Outils de prévisualisation Vous pouvez cliquer sur le panneau Aperçu de la fenêtre du
document pour prévisualiser instantanément le contenu de votre travail de mise en page
tel qu’il serait affiché dans un navigateur. Certains objets, tels que les liens pointant vers
des URL externes, fonctionnent uniquement s’ils sont prévisualisés dans un navigateur. Le
bouton Afficher dans le navigateur de la barre d’outils permet d’ouvrir automatiquement la page dans le navigateur Web de votre choix. (Voir «
Prévisualisation des
fichiers », page 63.)
Vous pouvez également modifier l’affichage de votre mise en page dans le panneau Mise
en page afin de simuler divers profils de navigateurs sur différentes plates-formes, tels que
l’émulateur de téléphone XHTML de Nokia. Cliquez sur la page avec le bouton droit de la
souris (Windows) ou en maintenant la touche Control enfoncée (Mac OS), et choisissez
Afficher > Profil du navigateur dans le menu contextuel. (Voir «
Définition des options
d’affichage de mise en page », page 48.)
Comment utiliser l'aide | Sommaire | Index Page précédente 20
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 21
Barre d’outils La barre d’outils est utilisée pour travailler sur une page dans l’éditeur de
mise en page ou sur des fichiers et des éléments de construction de site dans la fenêtre du
site. Les options disponibles dans la barre d’outils varient en fonction de l’élément
sélectionné dans la fenêtre. Par exemple, lorsque vous sélectionnez du texte dans votre
mise en page, les boutons et les menus contextuels de formatage de texte deviennent
disponibles dans la barre d’outils. Lorsque vous sélectionnez la page dans la fenêtre du
site, d’autres options deviennent disponibles, comme par exemple l’option de transfert du
fichier vers le serveur Web.
A
B
Les options de la barre d’outils varient en fonction de la sélection active.
A. Options de l’éditeur de mise en page B. Options de la barre d’outils du panneau Fichiers de la
fenêtre de site
GoLive propose des barres d’outils supplémentaires destinées à la manipulation de sites
collaboratifs (voir «
source (voir «
contenu dynamique (voir «
Utilisation de la barre d’outils Groupe de travail », page 382), de code
Modification du code HTML dans l’éditeur de code source », page 429), et de
Utilisation de contenu dynamique », page 544).
Définition des titres et des mises en page
Toutes les nouvelles pages créées dans GoLive sont dotées par défaut du titre « Bienvenue
dans Adobe GoLive 6 ». Ce titre, que vous pouvez modifier, s’affiche dans la barre de titre
de la fenêtre du navigateur Web. L’éditeur de mise en page, la palette Objets et
l’inspecteur vous permettent de définir rapidement des titres et des marges de page, ainsi
que des paramètres relatifs aux navigateurs Web et aux moteurs de recherche. Les titres
des pages et les mots-clés insérés dans la section d’en-tête de chaque page jouent un rôle
primordial dans les résultats obtenus par les moteurs de recherche au niveau de la
recherche des pages de votre site. Les titres de page sont également utilisés par les
navigateurs Web pour désigner des signets ou des URL de Favoris. (Voir «
des pages », page 45.)
Pour ouvrir l’inspecteur de la page, Choisissez Spécial > Propriétés de la page. Dans
l’inspecteur, vous avez la possibilité de modifier le titre de la page, les marges, la couleur
de fond et d’autres propriétés de la page.
Configuration
Comment utiliser l'aide | Sommaire | Index Page précédente 21
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 22
Par défaut, les marges de gauche et supérieures des nouvelles pages ne s’alignent pas sur
les bords de la fenêtre du navigateur, de sorte que le contenu de la page ne soit pas affiché
trop près des commandes du navigateur Web, ce qui risquerait d’entraver sa lecture. Pour
supprimer les décalages des marges et afficher la page dans la partie supérieure gauche
de la fenêtre du navigateur, cliquez avec le bouton droit de la souris (Windows) ou
maintenez la touche Control enfoncée (Mac OS) sur la page, puis, dans le menu
contextuel, choisissez Document > Affecter aux marges la valeur zéro. (Voir «
des menus contextuels », page 34.)
Utilisation
Mise en page de contenu
Vous pouvez créer différents types de mises en page à l’aide des grilles de mise en page,
des tableaux, des boîtes flottantes, des jeux de cadres et des objets dynamiques
Photoshop. A l’exception des jeux de cadres, la mise en page du contenu de vos pages
s’effectue dans l’éditeur de mise en page. Pour mettre en page des cadres et ajouter des
pages de contenu dans un document doté d’un jeu de cadres, utilisez l’éditeur de cadres.
(Voir «
Introduction à la grille de mise en page Les grilles de mise en page de GoLive vous
permettent de créer des conceptions de page basées sur des tableaux, sans avoir à considérer la taille des cellules du tableau ni la fusion des lignes et des colonnes. Lorsque vous
faites glisser du texte, des images et d’autres objets vers la grille de mise en page et que
vous tentez de les positionner, GoLive crée automatiquement les cellules de tableau
nécessaires en ajustant les cellules vides autour du contenu. Pour ajouter une grille de
mise en page, faites-la glisser du panneau Standard de la palette Objets vers la page. (Voir
«
Le moyen le plus rapide et le plus efficace de mettre en page des images et d’autres
fichiers multimédias sur votre page Web consiste à les faire glisser de la fenêtre du site vers
la grille de mise en page. GoLive crée automatiquement des liens de ressource entre les
fichiers source et les images ou les médias incorporés dans la page. Vous pouvez utiliser
des zones de texte pour agencer des blocs de texte sur la grille et y placer des images
lorsque vous souhaitez les habiller de texte.
Utilisation de cadres », page 92.)
Utilisation de la grille de mise en page », page 74.)
Comment utiliser l'aide | Sommaire | Index Page précédente 22
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 23
Utilisation de tableaux HTML standard Même si vous utilisez des grilles de mise en
page, il est possible que vous souhaitiez ajouter un tableau HTML standard à une page,
pour afficher, par exemple, les bords des lignes et des colonnes dans un diagramme
d’informations. Il est extrêmement facile d’ajouter un tableau ou de convertir une grille de
mise en page en un tableau standard et d’utiliser ensuite l’inspecteur du tableau pour
définir ses attributs. (Voir «
Utilisation de tableaux », page 157.)
A
B
Les bords des tableaux peuvent séparer visuellement les informations.
A. Grille de mise en page (aucun bord de cellule) B. Tableau HTML standard encadré
Conception de pages à l’aide d’images Photoshop tranchées Un autre moyen de
créer une mise en page de site Web consiste à effectuer la conception dans Photoshop et à
trancher l’image en plusieurs sections. Lorsque vous faites glisser l’image Photoshop
tranchée de la fenêtre du site vers la fenêtre du document, GoLive crée automatiquement
une relation d’objet dynamique entre Photoshop et la page. Il configure ensuite un
dossier et crée un tableau destiné à contenir de nouvelles images formatées pour le Web
pour chaque tranche, puis affiche la boîte de dialogue Enregistrer pour le Web pour
optimiser chacune d’elle. (Voir «
Ajout d’images Photoshop », page 188.)
Masquage et affichage d’images dans les boîtes flottantes Vous pouvez créer des
mises en page à l’aide des boîtes flottantes de GoLive, afin que celles-ci reçoivent le
contenu de la page, ou encore les combiner à d’autres objets sur une grille de mise en
page pour créer des effets en couche. Les boîtes flottantes sont basées sur l’élément DIV.
Ainsi, vous pouvez les superposer, les positionner librement à n’importe quel endroit de la
page et y associer des actions JavaScript. Vous pouvez, par exemple, utiliser des boîtes
flottantes et les actions prédéfinies afficher/masquer pour afficher ou masquer des images
dans le navigateur Web en fonction d’événements de souris (tel qu’un clic). (Voir «
Mise en
page à l’aide de boîtes flottantes », page 81 et « Masquage et affichage des boîtes
flottantes », page 88).
Comment utiliser l'aide | Sommaire | Index Page précédente 23
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 24
Formatage de texte
Pour ajouter du texte à votre mise en page, vous pouvez le saisir directement sur une page
ou dans des zones de texte, des cellules de tableau et des boîtes flottantes, ou encore
coller ou faire glisser un texte copié dans les éléments conteneurs. Vous pouvez ensuite
formater le texte avec des attributs, tels que de la couleur, des polices, des corps de police
et un alignement. Vous pouvez créer des listes numérotées ou à puces, appliquer des
retraits à des blocs de texte pour des citations et formater des mots sélectionnés avec des
attributs de texte en ligne, tels que des caractères en italique ou en gras. Vous avez
également la possibilité de vérifier l’orthographe, de rechercher et de remplacer des
éléments de texte. La palette Styles HTML permet de configurer en un clin d’oeil des
groupes d’attributs HTML fréquemment utilisés, tels que des en-têtes HTML de base. (Voir
Enregistrement de styles HTML », page 117.)
«
A
B
C
Texte formaté à l’aide d’éléments HTML
A. En-tête 1 B. Option Distinction pour du texte en ligne C. Liste numérotée
Le meilleur moyen d’ajouter des attributs de formatage à votre texte en limitant le code
source et le temps de téléchargement de vos pages Web consiste à stocker les informations de formatage du texte dans une feuille de style en cascade appliquée au texte de
toutes les pages. Les feuilles de style en cascade vous permettent de contrôler plus
amplement l’affichage du texte dans les navigateurs Web (comme l’établissement d’un
corps de police cohérente sur les plate-formes Mac OS et Windows). GoLive n’est pas
seulement un éditeur HTML. C’est aussi un programme de création de feuilles de style en
cascade (CSS). Dans GoLive, vous pouvez créer des feuilles de style en cascade internes ou
externes en sélectionnant des options au lieu de saisir du code source.
En structurant d’abord le texte à l’aide d’éléments HTML, vous pouvez être sûr que la
présentation de votre page sera toujours impeccable, même dans des versions de
navigateur plus anciennes ne prenant pas en charge les CSS. Utilisez le menu contextuel
Format du paragraphe de la barre d’outils pour ajouter une structure à un texte en appliquant des en-têtes HTML et d’autres éléments structurels. (Voir «
Formatage des
paragraphes », page 106.) Créez ensuite une feuille de style et utilisez l’inspecteur de
sélecteur CSS pour configurer des styles dotés de sélecteurs de balises conçus à partir des
éléments de structure, en ajoutant à chaque style de la couleur, des polices, etc. (Voir
Création de styles d’élément HTML », page 139.)
«
Comment utiliser l'aide | Sommaire | Index Page précédente 24
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 25
Liaison de pages
Lorsque vous élaborez la structure de votre site Web, vous avez la possibilité de créer différents types de liens sur une page afin de relier cette dernière à d’autres pages ou à des
fichiers source. Les liens de ressource sont utilisés pour lier des images ou des médias incorporés dans la page à leurs fichiers source. Les liens de navigation sont utilisés pour passer
d’images ou d’un texte contenu dans une page à d’autres pages ou URL lorsque vous
cliquez sur les liens figurant dans le navigateur. GoLive vérifie continuellement l’intégrité
des liens, en vous signalant des problèmes éventuels et en veillant à ce que tous les liens
et toutes les références soient mis à jour dans le site.
B
A
GoLive met à jour les liens chaque fois qu’un fichier de destination change
A. Lien de ressource entre une image et un fichier source B. Lien de navigation entre un texte et
une page
Quelques étapes seulement sont nécessaires à la création de liens de ressource et de
navigation. En faisant glisser, par exemple, un fichier image de la fenêtre du site vers la
page, vous créez automatiquement un lien de ressource entre l’image figurant sur la page
et le fichier source. En sélectionnant le texte d’une page et en le faisant glisser du bouton
d’affectation de l’inspecteur de texte vers un fichier HTML de la fenêtre du site, vous
créez automatiquement un lien de navigation entre le texte et le fichier HTML. Utilisez
l’inspecteur afin de créer des liens, configurer des références vides pour créer ultérieurement des liens et spécifier les fichiers de destination et les cadres cibles. Le menu de la
palette Inspecteur inclut également une liste des URL que vous avez déjà utilisé en tant
que destinations de liens, afin de pouvoir les réutiliser ultérieurement, si nécessaire. (Voir
Liaison des fichiers », page 55.)
«
Vous pouvez enregistrer des URL dans le panneau Externe de la fenêtre du site afin de
pouvoir les réutiliser sans avoir à spécifier chaque fois le chemin d’accès. (Voir «
Utilisation
d’URL et d’adresses électroniques dans un site », page 352.)
Comment utiliser l'aide | Sommaire | Index Page précédente 25
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 26
Utilisation de graphiques et de médias
Les images, le son, les séquences et les animations permettent de faciliter la lecture des
informations sur vos pages Web et d’en rendre la lecture plus attrayante. Vous pouvez
ajouter à votre page des images compressées et formatées pour le Web (telles que des
images GIF, JPEG ou PNG) et utiliser l’inspecteur de l’image pour définir du texte et des
liens d’image alternatifs ainsi que d’autres attributs d’image.
Vous pouvez utiliser des images comme boutons de navigation ou boutons animés
contenant des liens renvoyant à d’autres pages ou URL, et créer des mappages d’images
en divisant une image en sections interactives ou « zones sensibles. » (Voir «
boutons animés », page 212 et « Création de mappages d’images », page 217.) GoLive
inclut également un éditeur de séquences QuickTime destiné à faciliter l’ajout de fichiers
séquence à votre page. (Voir «
Mieux encore, vous pouvez utiliser des objets dynamiques pour ajouter des images et des
animations à votre page et laisser GoLive les optimiser pour le Web tout en conservant un
lien aux fichiers source dans leur format d’origine.
Edition de séquences QuickTime », page 469.)
Utilisation d’objets dynamiques pour optimiser des images destinées au Web
GoLive est compatible avec d’autres programmes d’Adobe. Ainsi, lorsque vous faites
glisser un fichier Photoshop, Illustrator, ou LiveMotion de la fenêtre du site vers votre mise
en page, GoLive établit automatiquement un lien d’objet dynamique avec le fichier
source, vous permettant ainsi d’éditer le fichier en question dans l’application d’origine.
Création de
Désormais, il n’est plus nécessaire de préparer ces images avant de les importer dans
GoLive. Le programme affiche la boîte de dialogue Enregistrer pour le Web pour vous
permettre d’optimiser l’image dans un format Web, puis réoptimise automatiquement
celle-ci chaque fois que vous modifiez l’image source d’origine.
Les images tranchées sont automatiquement placées dans un tableau. Chaque tranche
optimisée pour le Web, ainsi que les fichiers et le tableau HTML pour les images Web, sont
ajoutés à votre site. (Voir «
Utilisation d’une image tranchée Illustrator SVG », page 192.)
«
Lorsque vous utilisez des objets dynamiques sur vos pages, le redimensionnement d’une
image Web n’affecte pas la taille ou la résolution du fichier image source, ceci afin de
permettre à votre page de contenir plusieurs images de tailles diverses, toutes se référant
à la même image source. Vous pouvez également utiliser des variables de l’image source
de manière à pouvoir modifier un seul aspect (tel que la couleur des polices) de chaque
image Web de la page, sans avoir à changer l’image source. Si vous souhaitez modifier une
image source, cliquez deux fois sur l’objet dynamique. GoLive affiche ensuite l’image dans
l’application dans laquelle elle a été créée. (Voir «
d’objets dynamiques », page 182.)
Utilisation d’une image tranchée Photoshop », page 189 et
Ajout d’images à une page Web à l’aide
Création de boutons animés « dynamiques »
Dans GoLive, vous pouvez créer des boutons animés à partir de deux ou trois images, en
fonction d’événements de souris et de scripts JavaScript prédéfinis. Les boutons animés
sont des images qui changent d’apparence lorsque vous les survolez avec le pointeur de la
souris ou que vous maintenez le bouton de la souris appuyé dessus. Vous pouvez associer
des liens de navigation aux boutons animés : ainsi, lorsque vous cliquez dessus, vous êtes
renvoyé vers une nouvelle destination.
Comment utiliser l'aide | Sommaire | Index Page précédente 26
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 27
Lorsque vous utilisez des noms spéciaux de boutons animés pour chaque fichier image et
que vous spécifiez la première image dans l’inspecteur de l'image, GoLive lie automatiquement l’ensemble des fichiers image aux événements de souris correspondants.
Pour créer des boutons animés, vous pouvez appliquer l’objet Bouton animé ou l’objet
Image à vos images. GoLive conserve automatiquement les liens de navigation associés
aux boutons animés. Vous pouvez exporter le code JavaScript utilisé pour les boutons
animés vers un fichier bibliothèque distinct pouvant être stocké dans la mémoire cache
du navigateur. Lorsque vous utilisez l’objet Image au lieu de l’objet Bouton animé pour
créer un bouton animé, vous obtenez un bouton animé simplifié contenant moins de
code source. Ceci est particulièrement utile lorsque vous souhaitez créer de simples
boutons animés en y associant un nombre limité d’actions, voire aucune action. (Voir
Création de boutons animés », page 212.)
«
Réutilisation d’éléments de construction de site pour une cohérence et une performance maximales
Les modèles et les composants de page réutilisables de GoLive vous permettent de
gagner un temps précieux au niveau de la production et de créer des pages Web
homogènes et cohérentes dans l’ensemble de votre site. Pour stocker et réutiliser des
éléments de construction de site de GoLive, utilisez la fenêtre du site et la palette Objets.
Création de pages basées sur des modèles
Vous pouvez créer des modèles de page à l’aide de mises en page pré-conçues et les
utiliser pour la création de nouvelles pages dans le site. Vous pouvez marquer certaines
zones des modèles comme modifiables, tout en maintenant le reste verrouillé, de manière
à pouvoir contrôler la manière dont le contenu est ajouté à chaque nouvelle page. Les
modèles de page demeurent liés aux pages. Ainsi, lorsque vous les modifiez, GoLive met
automatiquement à jour les pages qui y sont associées (sans affecter le nouveau contenu
ajouté aux zones modifiables). (Voir «
Le gabarit est un autre type de modèle que vous pouvez utiliser pour créer de nouvelles
pages. Contrairement aux modèles de page, les gabarits n’affectent les nouvelles pages
que lors de leur création et ne demeurent pas liés aux pages une fois leur création
terminée, de sorte que leur mise en page ne soit pas automatiquement mise à jour. (Voir
Utilisation de gabarits », page 346.)
«
Si vous publiez plusieurs sites Web et que vous souhaitez contrôler l’ensemble de la
structure, du format et des mises en page de chaque site, vous avez la possibilité de configurer tous vos modèles de page et d’autres éléments de construction de page dans un
site vierge et d’enregistrer ce dernier comme un modèle de site. (Voir «
modèles de site », page 355.)
Utilisation de modèles de page », page 338.)
Utilisation de
Comment utiliser l'aide | Sommaire | Index Page précédente 27
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 28
Réutilisation de texte, d’images ou d’attributs de page
Si vous souhaitez qu’un texte et des images s’affichent plusieurs fois sur toutes les pages
de votre site (comme une barre de navigation comportant de nombreux boutons image
et des liens de page), vous pouvez les enregistrer comme un fichier source unique appelé
un composant. En faisant glisser l’icône du composant de la palette Objets, vous pouvez
réutiliser ce composant sur n’importe quelle page. (Il n’existe aucune limite au nombre de
composants pouvant être ajoutés à une page.) Les composants d’une page demeurent
liés à leurs fichiers source. Ainsi, ils sont automatiquement mis à jour lorsque vous
modifiez la source. (Voir «
Les URL externes, les adresses électroniques, les signets de navigateur, les couleurs dotées
de noms, les jeux de polices, ainsi que les extraits de code source peuvent être enregistrés
dans la fenêtre du site. Pour réutiliser l’un de ces éléments de construction de site, vous
pouvez le faire glisser de la fenêtre du site vers un élément de page ou le choisir dans un
menu ou une palette. (Voir «
Utilisation de composants », page 345.)
Utilisation des éléments de construction de site », page 337.)
Gestion et publication de votre site
Que vous ajoutiez de nouveaux éléments à votre site ou que vous mettiez à jour son
ancien contenu, GoLive propose des solutions de gestion de site très conviviales. Chaque
fois que vous utilisez la fenêtre du site pour déplacer une page vers un nouveau dossier,
renommer une page, ajouter une nouvelle page au site ou modifier un fichier image
auquel se réfèrent de nombreuses pages, GoLive met automatiquement à jour les
chemins d’accès entre chaque fichier, URL ou objet associé contenu dans une page.
GoLive vérifie l’intégrité des liens dans les pages HTML, les fichiers PDF, les séquences
QuickTime, les fichiers SWF et le code source JavaScript incorporé dans votre site. GoLive
vous signale également si des pages contiennent des liens de référence vides ou incorrects en affichant une icône d’insecte en regard de la page affichée dans la fenêtre du
site.
Visualisation de l’arborescence et des liens
Lorsque la fenêtre du site est active, vous avez également la possibilité de visualiser des
représentations graphiques de la structure globale de la page et des relations entre les
liens de votre site. Les pages, les fichiers image et autres objets (tels que des adresses
électroniques) sont alors symbolisés par de petites vignettes et des options d’affichage
vous permettent d’agrandir ou de réduire différents niveaux dans l’arborescence du site.
Pour ouvrir la vue de navigation ou la vue des liens, utilisez le menu de la fenêtre du site
ou choisissez-la dans le menu Site > Affichage. (Voir «
site », page 305.)
Vous pouvez utiliser la palette des liens entrants et sortants pour modifier la destination
des liens dans une page en sélectionnant la page dans la fenêtre du site, la vue de
navigation ou la vue des liens et en la faisant glisser des boutons d’affectation de la
palette vers la nouvelle destination. Vous pouvez également utiliser la palette des liens
entrants et sortants afin de spécifier des destinations pour les liens de référence vides
(balises d’emplacement de la page auxquelles aucun lien n’est encore associé). Lorsque
vous modifiez la destination d’un lien, GoLive met automatiquement le site à jour. (Voir
Utilisation de la palette Liens entrants et sortants », page 320.)
«
Vous pouvez également visualiser des rapports détaillés de votre site à l’aide de l’outil de
recherche Rapports sur le site. (Voir «
Comment utiliser l'aide | Sommaire | Index Page précédente 28
Génération de rapports sur les sites », page 331.)
A propos des vues graphiques du
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 29
Préparation à la publication
Lorsque vous créez votre site, GoLive vérifie et met continuellement à jour toutes les
références de liens. La préparation finale de votre site n’exige donc pratiquement aucun
effort avant sa publication sur le Web.
Les erreurs contenues dans votre site sont généralement causées par le déplacement, la
suppression ou la modification des noms de fichiers sur le bureau (dans le Finder de
Mac OS ou Windows Explorer) au lieu de recourir à la fenêtre du site. (Chaque fois que
vous modifiez un fichier sur le disque dur plutôt que dans la fenêtre du site, assurez-vous
d’ouvrir la fenêtre du site et de cliquer sur le bouton Rafraîchir la vue de la barre
d’outils pour mettre votre site à jour.) Pour identifier des liens rompus, utilisez les
panneaux Externe et Erreurs de la fenêtre du site et pour les rétablir, la palette des liens
entrants et sortants. (Voir «
En sélectionnant le panneau Externe et en choisissant Site > Vérifier les liens externes,
vous pouvez utiliser GoLive pour vous connecter à Internet et vérifier les liens de
navigation qui font référence à des URL de pages et des médias externes afin de vous
assurer que les sites n’ont pas été déplacés ou qu’ils ne deviennent obsolètes.
Correction des erreurs de site », page 328.)
Configuration de l’accès au serveur FTP
Vous pouvez enregistrer vos préférences réseau et votre configuration de site pour les
serveurs FTP et WebDav de manière à ne configurer qu’une seule fois l’accès au serveur
FTP.
Lorsque vous configurez l’accès au serveur FTP, vous créez une liste des serveurs disponibles qui contient les noms des serveurs (tels que ftp.company.com), les noms des
répertoires qui recevront vos sites, ainsi que votre nom d’utilisateur et mot de passe FTP. Si
vous configurez l’accès pour plusieurs serveurs ou répertoires, utilisez alors des surnoms
afin d’identifier les paramètres du serveur pour chacun d’eux. (Voir «
l’accès Internet », page 358.)
Configuration de
Connexion au serveur Web FTP
Le moyen le plus simple et le plus rapide de transférer vos fichiers de site sur le serveur FTP
consiste à sélectionner le panneau FTP dans la fenêtre du site et à cliquer sur le bouton
Connecter/Déconnecter le serveur FTP de la barre d’outils. Si vous n’avez pas encore
saisi les para-mètres d’accès au serveur, GoLive vous invite à le faire ici. Si vous ne le faites
pas, GoLive affichera le contenu du répertoire spécifié dans le panneau FTP de la fenêtre
du site.
Pour télécharger la première fois votre site vers le serveur FTP, cliquez sur le bouton
Téléchargement de la barre d’outils. GoLive télécharge automatiquement chaque
fichier et dossier contenu dans le panneau Fichiers et les synchronise avec tous les fichiers
et dossiers correspondants situés sur le serveur. Les fois suivantes, cliquez sur le bouton
Téléchargement incrémentiel vers le serveur pour ne télécharger que les fichiers qui ont
été modifiés. GoLive synchronise également les fichiers lorsque vous les téléchargez
depuis le serveur vers la fenêtre de site.
Comment utiliser l'aide | Sommaire | Index Page précédente 29
Aide d'Adobe GoLive Introduction à la construction de sites dans GoLive
Comment utiliser l'aide | Sommaire | Index Page précédente 30
Vous pouvez également télécharger un fichier vers ou depuis un serveur en faisant glisser
simplement le fichier du panneau Fichiers vers le panneau FTP ou vice-versa dans la
fenêtre du site. (Voir «
Connexion à un serveur FTP », page 359 et « Téléchargement de
fichiers vers et depuis un serveur à l’aide de FTP », page 362)
Pour télécharger un fichier vers le serveur, faites-le glisser du panneau Fichiers vers le panneau FTP.
Comment utiliser l'aide | Sommaire | Index Page précédente 30
Loading...