TRI-EDRE Freeway Pro 7.0 User Manual [fr]

Manuel!

Freeway 7!

Droits d'auteur et remerciements!

Copyright © 2008 et 2014 Softpress Systems Ltd. Tous droits réservés.! Le logiciel Freeway et cette documentation sont soumis aux droits d'auteur. Aucune partie du logiciel Freeway ne peut être reproduite, transmise, transcrite, stockée ou traduite dans une autre langue, ou un langage

informatique, sous quelque forme et par quelque moyen que ce soit sans l'autorisation écrite préalable de Softpress Systems Ltd et de TRI-EDRE (pour la version française). Des copies supplémentaires de ce guide peuvent être faites et distribuées à condition qu'ils contiennent cet avis de droit d'auteur.!

Softpress Systems Ltd conserve spéciﬁquement la propriété du logiciel Freeway. Le logiciel décrit dans ce manuel est fourni sous contrat de licence et ne peut être installé, utilisé ou copié qu'en accord avec les termes de cette licence.!

Softpress est une marque déposée de Softpress Systems Ltd aux Etats-Unis et dans d'autres pays. Freeway est une marque déposée de Softpress Systems Ltd, qui peut être déposée dans certains pays. Apple, Macintosh, Power Macintosh, le logo Universal et le logo Mac sont des marques déposées d'Apple Computer Inc. Tous les autres noms de produits sont des marques commerciales ou des marques déposées de leurs propriétaires respectifs.!

Limitation de responsabilité!

Les informations contenues dans ce guide sont considérées comme étant correctes à la date de publication. Cependant, notre politique est de poursuivre le développement et l'information dans ce guide est sujette à changement sans préavis, et ne constitue pas un engagement de la part de Softpress Systems Ltd.!

À propos de ce guide!

Ce guide d'utilisation de Freeway explique certains des concepts sous-jacents de Freeway. Il vous fera découvrir l'interface intuitive, les menus et les palettes que vous allez utiliser pour importer ou créer des éléments graphiques et ajouter des fonctionnalités web.!

Il y a aussi un tutoriel étape par étape dans lequel vous allez concevoir et produire facilement et rapidement un site web avec Freeway. Vous verrez combien il est facile de faire un site web multi-pages avec des graphiques, du texte et des liens.!

Ce guide couvre l'utilisation de Freeway Express et de Freeway Pro. Les deux versions fonctionnent essentiellement de la même façon, mais Freeway Pro inclut de nombreuses fonctionnalités puissantes supplémentaires. Lorsque les méthodes de travail sont sensiblement différentes, elles sont mises en évidence dans ce manuel.!

De plus amples informations sur le travail avec Freeway se trouvent sur le site Web Softpress.! Trois ﬁlms de tutoriel mentionnés dans ce guide peuvent être trouvés à : http://www.softpress.com/support/tutorials.html où ils sont appelés "Getting Started with Freeway". Veuillez noter que certains des ﬁlms plus anciens ont

été faits en utilisant Freeway 5 ou 6, mais ils sont encore très pertinents.!

Conﬁguration requise!

Freeway Pro ou Express nécessite un Mac Intel avec Mac OS X 10.6 (Snow Leopard) ou supérieur.!

Manuel Freeway 7

Avant-propos!

Félicitations pour avoir choisi Freeway, l’application la plus orientée vers le design des sites Web. Avant de commencer il est important de comprendre comment Freeway travaille et comment vous pouvez l’utiliser au mieux.! L’approche de Freeway vous permet de vous concentrer sur la mise en page et les fonctions de votre site, pas sur les problèmes d’optimisation de code et de compatibilité. À cause de cela, si vous venez d’une application de

création de site basée sur le code, vous devez vous déshabituer de certaines logiques propres au code. Heureusement, rien de très complexe.! La chose la plus importante à comprendre, est que Freeway est un générateur de code HTML, et non pas un éditeur de code. Vous utilisez les outils de mise en page de Freeway pour concevoir le design de vos pages et il

générera pour vous du code optimisé à partir de votre travail. Cela signiﬁe que vous n’avez pas à vous soucier de la mise en page à bas niveau, un problème classique des éditeurs HTML. Dans Freeway la génération de code est nouvelle à chaque fois. Les réparations nécessaires sont effectuées aﬁn de créer des pages au comportement le plus semblable quel que soit le navigateur, vous êtes libre de passer de l’HTML au XHTML d’un seul clic. Freeway créera des pages compatibles avec les spéciﬁcations du W3C automatiquement. Avec tous ces aspects techniques disparus, vous pouvez vous concentrer sur ce qui compte : le design de vos pages.!

Freeway vous offre la liberté de conception et la qualité d’un outil professionnel de développement Web, grâce à ses fonctions intelligentes permettant aux utilisateurs novices comme aux développeurs chevronnés d’avoir les meilleurs sites.!

Keith Martin! Senior Lecturer London College of Communication!

Liens utiles!

Pour plus de détails, astuces et des actions supplémentaires, vous pouvez vous connecter à la base de connaissances (en Anglais) : www.softpress. com/kb, et utiliser le savoir des autres utilisateurs de Freeway.! Le forum Freewaytalk est disponible à l’adresse www.freewaytalk.net.! Tutoriels vidéo : http://www.softpress.com/support/tutorials.html! ActionsForge (retrouvez sur ce site toutes les actions Freeway de SoftPress et de tierce parties) : http://www.actionsforge.com!

Consultez notre site www.tri-edre.fr pour des liens vers le forum et astuces en Français"!!

Manuel Freeway 7

À propos de Softpress et Freeway! 8!........................................................................................................................................................................................

Freeway Pro et Freeway Express! 8!....................................................................................................................................................................................................................................

Premier lancement de Freeway! 8!.......................................................................................................................................................................................................................................

Le World Wide Web! 9!..............................................................................................................................................................................................................

Bienvenue sur le World Wide Web! 9!..................................................................................................................................................................................................................................

Comment puis-je accéder au web? ! 9!.................................................................................................................................................................................................................................

HTML - Parler le bon langage! 9!.........................................................................................................................................................................................................................................

Quels sont HTTP et FTP ? ! 10!............................................................................................................................................................................................................................................

Comment fonctionne Freeway! 10!......................................................................................................................................................................................................................................

Penser design! 11!.......................................................................................................................................................................................................................

Plans de conception! 11!.......................................................................................................................................................................................................................................................

Formats de page! 11!.............................................................................................................................................................................................................................................................

Type! 11!...............................................................................................................................................................................................................................................................................

Styles! 11!.............................................................................................................................................................................................................................................................................

Graphiques! 11!.....................................................................................................................................................................................................................................................................

Optimisation! 11!..................................................................................................................................................................................................................................................................

Code! 11!...............................................................................................................................................................................................................................................................................

Sortie! 12!.............................................................................................................................................................................................................................................................................

Télécharger! 12!....................................................................................................................................................................................................................................................................

Tour rapide! 13!..........................................................................................................................................................................................................................

Fenêtre principale de Freeway! 13!......................................................................................................................................................................................................................................

Barre des menus! 13!............................................................................................................................................................................................................................................................

Barre d'outils! 13!..................................................................................................................................................................................................................................................................

Panneau Site et pages! 13!....................................................................................................................................................................................................................................................

Les boutons de site! 14!........................................................................................................................................................................................................................................................

La zone d'édition! 14!...........................................................................................................................................................................................................................................................

Les boutons de mode de page! 14!........................................................................................................................................................................................................................................

Les boutons de largeur de média! 14!...................................................................................................................................................................................................................................

Hyperliens! 14!.....................................................................................................................................................................................................................................................................

L'Inspecteur! 14!...................................................................................................................................................................................................................................................................

Les autres palettes! 14!.........................................................................................................................................................................................................................................................

Tutoriels! 15!..............................................................................................................................................................................................................................

Tutoriel 1! 15!.............................................................................................................................................................................................................................

Manuel Freeway 7

Commencer et enregistrer le projet! 15!...............................................................................................................................................................................................................................

Réglages des dimensions de la page et de l’alignement! 15!................................................................................................................................................................................................

Régler les dimensions de la page et son alignement! 16!.....................................................................................................................................................................................................

Ajout d’une image de fond! 16!............................................................................................................................................................................................................................................

À propos des blocs! 16!........................................................................................................................................................................................................................................................

Ajout d’un texte graphique! 16!............................................................................................................................................................................................................................................

Importer une image! 17!.......................................................................................................................................................................................................................................................

Importer des photos! 18!.......................................................................................................................................................................................................................................................

Dupliquer des blocs! 18!.......................................................................................................................................................................................................................................................

Importer du texte! 19!...........................................................................................................................................................................................................................................................

Prévisualiser votre page! 20!.................................................................................................................................................................................................................................................

Tutoriel 2! 21!.............................................................................................................................................................................................................................

Maquettes, concepts de base! 21!.........................................................................................................................................................................................................................................

Le panneau Site! 21!.............................................................................................................................................................................................................................................................

Création d’une maquette! 22!...............................................................................................................................................................................................................................................

Nommer les pages et les ﬁchiers! 22!...................................................................................................................................................................................................................................

Travailler sur la Maquette! 22!.............................................................................................................................................................................................................................................

Ajouter des pages à un site! 23!............................................................................................................................................................................................................................................

Titres et noms des pages! 23!................................................................................................................................................................................................................................................

Ajouter du contenu aux nouvelles pages! 23!.......................................................................................................................................................................................................................

Ajouter des hyperliens! 25!...................................................................................................................................................................................................................................................

Prévisualiser dans un Navigateur! 26!..................................................................................................................................................................................................................................

Tutoriel 3! 27!.............................................................................................................................................................................................................................

Images et hyperliens! 27!......................................................................................................................................................................................................................................................

Créer un menu avec Rollover! 27!........................................................................................................................................................................................................................................

Créer une galerie photos simple! 29!....................................................................................................................................................................................................................................

Autres types d’actions! 30!...................................................................................................................................................................................................................................................

Transférer votre site sur le web! 31!...........................................................................................................................................................................................

Transfert FTP! 31!.................................................................................................................................................................................................................................................................

Transfert de votre site avec Freeway! 31!.............................................................................................................................................................................................................................

Transfert par un client FTP! 31!............................................................................................................................................................................................................................................

Travailler avec Freeway! 32!......................................................................................................................................................................................................

Créer un nouveau document Freeway! 32!...........................................................................................................................................................................................................................

Travailler, publier et prévisualiser! 32!.................................................................................................................................................................................................................................

Manuel Freeway 7

Travailler avec des pages! 32!...............................................................................................................................................................................................................................................

Mise en page CSS ou par tableaux! 32!................................................................................................................................................................................................................................

Travailler avec des blocs! 32!...............................................................................................................................................................................................................................................

Travailler avec des images! 32!............................................................................................................................................................................................................................................

Hiérarchie des blocs! 32!......................................................................................................................................................................................................................................................

Travailler avec des tableaux! 33!..........................................................................................................................................................................................................................................

Les styles de texte! 33!..........................................................................................................................................................................................................................................................

Les couleurs! 33!...................................................................................................................................................................................................................................................................

Hyperliens et ancres! 33!......................................................................................................................................................................................................................................................

Actions Freeway! 34!.................................................................................................................................................................................................................

Showcase (Application et Action)! 34!......................................................................................................................................................................................

Mise en page relative (Version Pro)! 34!....................................................................................................................................................................................

Travailler avec la Mise en page relative! 36!........................................................................................................................................................................................................................

Autres actions de l'ensemble Mise en page relative! 36!......................................................................................................................................................................................................

Création d'e-mails! 36!...............................................................................................................................................................................................................

Utiliser l'action Création d'e-mails! 36!................................................................................................................................................................................................................................

Actions Moteur de recherche (Version Pro seulement)! 37!......................................................................................................................................................

Appliquer l'action de dossier! 37!.........................................................................................................................................................................................................................................

Création du formulaire de recherche! 37!.............................................................................................................................................................................................................................

Afﬁchage des résultats! 38!...................................................................................................................................................................................................................................................

Comment le moteur de recherche référence les pages ?! 38!...............................................................................................................................................................................................

Actions Carte du site! 39!...........................................................................................................................................................................................................

Action de dossier! 39!...........................................................................................................................................................................................................................................................

Envoi de la carte du site! 39!................................................................................................................................................................................................................................................

Réglages page par page! 39!.................................................................................................................................................................................................................................................

Actions Partenaire Amazon! 39!................................................................................................................................................................................................

Action Lien texte : Partenaires Amazon! 39!........................................................................................................................................................................................................................

Action Partenaires Amazon sur un bloc graphique.! 40!......................................................................................................................................................................................................

Action Liens Produits : Partenaire Amazon! 40!..................................................................................................................................................................................................................

Application Showcase : Création de galeries! 40!.....................................................................................................................................................................

Fenêtre Principale! 41!..........................................................................................................................................................................................................................................................

L'inspecteur! 41!...................................................................................................................................................................................................................................................................

Manuel Freeway 7

Enregistrement du document! 42!.........................................................................................................................................................................................................................................

L'action Showcase : Intégration de la galerie! 43!.....................................................................................................................................................................

Ressources supplémentaires! 43...............................................................................................................................................................................................

Manuel Freeway 7

À propos de Softpress et Freeway!

Softpress Systems a été créé en 1993 à Oxford en Angleterre pour combler les besoins des professionnels de la publication. Freeway est une application de développement de site Web conçue depuis le début pour des personnes ayant besoin de concevoir et assembler du contenu pour internet sans connaître le langage HTML et sans avoir à utiliser le moindre code pour construire des sites d’une grande qualité.!

Freeway utilise des approches et des outils similaires à ceux trouvés dans les logiciels de publication traditionnels. Dessinez simplement des blocs sur votre page, remplissez-les avec du texte ou des images, créez des liens entre les différentes pages, ajoutez du contenu dynamique ou bien encore tout ce que vous pouvez imaginer d’autre. Ensuite, demandez à Freeway de publier et de mettre en ligne votre site Web pour vous. Freeway générera le code nécessaire. Ce code sera toujours propre et efﬁcace, et conforme aux standards en vigueur. Vous n’aurez jamais à utiliser du code, sauf si vous le désirez vraiment.!

Avec ces bases proches des logiciels de publication, Freeway est le logiciel de choix pour les personnes travaillant dans les métiers de l’impression et de la publication.!

Freeway s’adresse à toutes les catégories d’utilisateurs, les Photographes peuvent publier leurs portfolios, les commerçants peuvent créer une vitrine et vendre leurs produits en ligne, les associations peuvent présenter leurs activités et se faire connaître, il n’y a pas de limite !!

Freeway Pro et Freeway Express!

Freeway existe en deux versions, Freeway Pro et Freeway Express. Freeway Express est la version la plus simple adressée aux personnes désirant créer des sites de petite taille et ne nécessitant pas de fonctions avancées. Freeway Pro contient plusieurs fonctions avancées permettant la création de sites modernes et un grand nombre de fonctionnalités améliorant la productivité.! Quelques fonctions présentes dans Freeway Pro uniquement :!

• Publication dans divers formats (HTML 5, HTML 4.01, XHTML Transitionnel et Strict).!

• Choix multiple d’encodage de pages.!

• Gestions complètes des styles et couleurs pour l’ensemble du site.!

• Capacité d’import d’images étendue. Import des formats Illustrator, Photoshop, ﬁchiers TIFF et plus.!

• Rapport d’accessibilité.!

• Utilisation de feuilles de styles multiples pour chaque document.!

• Styles CSS complets pour les textes et mise en page CSS.!

• Possibilité de spéciﬁer la position des blocs de manière relative ou par pourcentages.!

• Gestion des contours, habillages, marges et bordures (HTML seulement) séparés pour chaque côté d’un bloc.!

• Effets visuels avancés grâce à l’utilisation des actions Scriptaculous.!

• Utilisation des Styles pour les liens des blocs calques HTML.!

• Carte des Liens : aperçu rapide des liens à l’intérieur de votre document.!

• Fenêtres multiples pour un même document.!

• Palettes segmentées pour une meilleure gestion de l’espace de travail.!

• Transformation des blocs.!

• Addition de plusieurs effets possibles (ombres, lueurs...).!

• Enregistrement des blocs et pages sous forme d’images.!

• Écriture et utilisation d’actions de tierce partie.!

Premier lancement de Freeway!

Au premier lancement, vous devrez saisir les informations concernant votre enregistrement pour débloquer le logiciel. Vous ne devrez le faire qu’une seule fois. Les mises à jour futures de Freeway peuvent demander à nouveau le numéro, ne le perdez pas !!

• Ouvrez le dossier Applications du disque dur de votre Mac, puis cliquez deux fois sur l’application Freeway. Freeway se lance et afﬁche la fenêtre d’enregistrement.!

• Saisissez votre numéro de série, votre nom et le nom de votre Entreprise. Le Nom et l’Entreprise sont facultatifs. N’oubliez pas de cocher la case «J’accepte la Licence» pour activer le bouton OK!

• Cliquez sur le bouton OK pour valider votre numéro de série, Freeway va terminer son démarrage.!

Manuel Freeway 7

Le World Wide Web!

Bienvenue sur le World Wide Web!

Si vous avez surfé sur le web, mais que vous n'avez jamais créé votre propre site web, vous pensez peutêtre que les sites Web sont un peu comme des stations de radio, et que, pour utiliser votre navigateur Web pour accéder à un site web, c'est comme régler votre navigateur sur la station de radio.!

Cette analogie est assez bonne, à part une différence majeure : le web est tout à fait démocratique. Vous n'avez pas besoin d'une licence ou de tout équipement hautement spécialisé pour publier votre site sur le monde, tout ce dont vous avez besoin est un ordinateur connecté à Internet et un nom de domaine inscrit, ce qui coûte quelques dollars, de sorte que les gens savent où vous trouver . !

Comment puis-je accéder au web? !

Pour publier votre site Web sur le World Wide Web et le rendre accessible à d'autres utilisateurs, vous avez simplement besoin de lancer un programme appelé un serveur Web sur votre ordinateur et donner à l'ordinateur un nom enregistré dans une autorité centralisée aﬁn que les autres utilisateurs puissent vous trouver sur Internet.!

Sauf si vous avez une connexion permanente à Internet, et que vous pouvez laisser votre ordinateur allumé en permanence, vous trouverez probablement qu'il est plus pratique d'avoir votre site web hébergé par une société spécialisée, appelée un fournisseur de services Internet ou FAI.!

Si vous avez déjà un compte de messagerie (compte email), il a probablement un espace web gratuit inclus avec ce compte, et votre FAI vous fournira des instructions sur la façon de télécharger vos pages web sur votre espace web gratuit, et vous indiquera le nom ou l'adresse que les utilisateurs devront utiliser pour se connecter à vos pages.!

Si vous n'avez pas d'espace web gratuit inclus avec votre forfait, ou si vous voulez des fonctionnalités supplémentaires pour votre site web, vous aurez besoin de payer un FAI pour un service «d'accueil» qui peut aussi proposer l'enregistrement d'un "nom de domaine".!

Le nom de domaine est le nom indiqué par les visiteurs dans le champ de l'adresse Web d'un navigateur pour accéder à un site. Les noms de domaine peuvent avoir de nombreux sufﬁxes différents à la ﬁn de l'adresse, comme .fr .com .net .org etc.!

HTML - Parler le bon langage!

Au cœur du Web est un langage appelé HTML, qui signiﬁe HyperText Markup Language. Le HTML remplit deux fonctions de base : il décrit ce que la page doit afﬁcher, et fournit des liens vers d'autres pages.!

Par exemple, voici la page que l'utilisateur voit sur son navigateur :!

# !

Et voici le code HTML que le navigateur interprète pour afﬁcher la page :!

# !

La description de page en langage HTML se compose d'une série de déclarations qui disent des choses comme "Mettez ce graphique en haut de la page", "Mettez ce texte en dessous". Lorsque le navigateur lit et interprète le code HTML, il reconstruit la page que le concepteur a créée.!

La deuxième partie importante du HTML, appelé «hyperliens», rend le World Wide Web autre chose qu'un simple panneau d'afﬁchage. Chaque page peut accéder à d'autres pages du même site Web, ou à des pages sur d'autres sites partout ailleurs sur le web.!

Tout comme vous n'avez pas besoin de comprendre les codes internes que votre traitement de texte utilise pour stocker des informations sur votre document, vous n'avez pas besoin de connaître le langage HTML pour concevoir des pages Web.!

Manuel Freeway 7

Quels sont HTTP et FTP ? !

Ce sont deux autres termes que vous pourriez rencontrer, et il est tout aussi bien de savoir ce qu'ils signiﬁent.!

• HTTP ou HyperText Transfer Protocol, est un ensemble de conventions pour le transfert de pages Web entre un serveur web et un navigateur Web. Il est rappelé à chaque fois que vous surfez sur le Web par le "http://" que votre navigateur insère devant l'adresse dans la barre d'adresse.!

•

FTP, qui signiﬁe protocole de transfert de ﬁchiers, est une convention pour transférer des ﬁchiers sur Internet entre deux ordinateurs. FTP est le moyen standard de téléchargement des ﬁchiers sur un serveur web, et c'est la méthode que Freeway utilise pour mettre à jour votre site web à distance sur l'espace Web de votre fournisseur de services Internet.!

Comment fonctionne Freeway!

Que vous soyez nouveau dans la conception de site web, ou un designer expérimenté, Freeway vous permet de créer des sites complexes rapidement et facilement avec peu ou aucune connaissance du code HTML.!

Freeway fonctionne d'une manière très semblable aux programmes de PAO, en utilisant un environnement WYSIWYG (What You See Is What You Get). Avec son interface conviviale et intuitive, Freeway permet de vous concentrer sur la conception et la fonctionnalité que vous voulez atteindre sans la distraction d'avoir à vous soucier de la façon dont il sera codé en HTML.!

Gérer les noms et les emplacements des ressources à votre site (graphiques, photos, ﬁlms, etc) est entièrement pris en charge par Freeway. Toute la conception de votre site est contenue dans un document unique. Lorsque vous êtes prêt à visualiser votre site web, Freeway va générer le code HTML et les ressources nécessaires et les placera dans l'emplacement de votre choix.!

L'importation et l'optimisation des images et autres ressources graphiques est également géré de manière transparente par Freeway. Plutôt que de préparer vos graphiques dans une application externe avant de les utiliser dans votre site, Freeway importe les graphiques dans de nombreux formats qui seront convertis au format et à la taille optimale lorsque vous publiez votre site, de sorte que votre site sera toujours optimisé pour un chargement rapide par le navigateur.!

Le code HTML généré lorsque vous publiez votre ﬁchier Freeway est 100% valide, ce qui signiﬁe que votre site doit afﬁcher un aperçu parfait dans les différents navigateurs, tout en veillant à ce qu'il adhère aux directives d'accessibilité pour les personnes handicapées. Votre site valide signiﬁe également qu'il doit être relativement pérenne.!

Une fois que vous avez publié votre ﬁchier et que le code HTML a été généré, vous pouvez fournir à Freeway les réglages de connexion à votre espace web et il pourra télécharger votre site et tous les ﬁchiers nécessaires par FTP. Vous pouvez aussi télécharger vos ﬁchiers manuellement en utilisant votre application client FTP préférée.!

Manuel Freeway 7

Penser design!

par Keith Martin, Maître de conférences, London College of Communication!

Plans de conception!

Commencez par penser à vos plans globaux de conception de site. Y at-il des parties de la mise en page qui seront répétées sur plusieurs pages? Ce sont des choses idéales pour les pages maquettes, une des clés pour travailler rapidement et efﬁcacement dans Freeway.!

Conﬁgurez vos guides, grilles, zones de texte HTML et des graphiques sur une page maquette, puis faites de nouvelles pages à partir de cette maquette et modiﬁez ce qui est nécessaire. Vous pouvez avoir plusieurs pages maquettes dans un site, un truc utile si vous avez une structure de mise en page pour certaines pages et d'autres très différentes pour d'autres pages.!

Mais ne vous inquiétez, il n'est pas nécessaire de tout planiﬁer avant de commencer. Freeway est très indulgent, comme tout outil de conception orientée conception devrait l'être.!

Formats de page!

Donnez à vos pages Freeway des largeurs appropriées pour votre auditoire typique. Quelque chose autour de 900 à 950 pixels de large est raisonnable pour la grande majorité des internautes, mais si votre visiteur normal a tendance à utiliser de plus grands écrans, essayez 1000 pixels ou plus. Cela ne ﬁge pas la taille de la fenêtre du navigateur du visiteur, mais vous aurez une bonne base de conception pour vous aider à créer un ensemble cohérent et professionnel de mises en page.!

Utilisez l'option Aligner de l'inspecteur pour aligner le contenu de votre page à gauche, au centre ou à droite. Sinon, laissez l'alignement de la page désactivé et explorez les liaisons des tailles et positions des blocs sur les côtés de la page, en utilisant le volet Dimensions de la palette Inspecteur.!

Avec des éléments en couche en particulier (qui sont produits par les contrôles CSS) ce qui peut rendre les structures de pages particulièrement dynamiques et ﬂuides, avec la souplesse de suivre la taille des fenêtres du navigateur.!

Type!

Le réglage du type est facile à faire, et dans Freeway vous avez deux choix principaux : graphiques ou HTML. Le type graphique (dans des blocs graphiques) est dédié aux images bitmap. Le type HTML est codé comme du texte dans la page Web.!

Vous avez beaucoup moins de choix typographiques avec du texte HTML, où vous êtes limité à des polices qui sont généralement disponibles sur les ordinateurs de chacun. D'autre part, les moteurs de recherche ignorent les graphiques et ne lisent que le texte HTML. Les textes mis dans des blocs graphiques ne peuvent jamais être trouvés ! !

Utilisez le type graphique lorsque vous voulez un aspect précis pour un titre ou quelque chose qui doit fusionner avec une image, sinon vous devez normalement choisir le texte HTML. Oui, cela signiﬁe que vous avez moins d'options pour peauﬁner votre composition, mais c'est la manière de procéder avec le design web aﬁn que moteurs de recherche et visiteurs puissent utiliser au mieux votre site. Quoi qu'il en soit, les options de mise en forme à base de CSS de Freeway vous donnent plus de contrôle sur le type HTML standard que vous pourriez penser... !

Styles!

La création et l'utilisation de modèles sont une partie importante de la conception web moderne, et il est un élément clé de la façon dont fonctionne Freeway.!

Quand vous mettez en forme du texte, les styles sont créés automatiquement et sont prêts à être appliqués ailleurs. Modiﬁez les styles et votre texte suit le mouvement.!

Vous pouvez rationaliser votre travail en créant un jeu de styles, puis les appliquer à votre texte. Vous pouvez appliquer des styles personnalisés dans un bloc et affecter tout son contenu d'un seul coup, puis donner à des parties choisies du nouveau texte un style selon les besoins.!

Si vous voulez aller plus loin, vous pouvez améliorer vos scores dans les moteurs de recherche et l'accessibilité à l'aide de modèles structurels traditionnels pour contrôler différents éléments dans votre mise en page automatique, des paragraphes, en-tête et structures de listes basés sur les balises aux identiﬁcateurs d'objets et ainsi de suite. Commencez par éditer le style 'p' dans la fenêtre Styles pour contrôler la façon dont s'afﬁchent les paragraphes de texte sans mise en forme personnalisée.!

Graphiques!

Ne perdez pas un temps précieux à concevoir des graphiques optimisés pour le web avant de vous lancer dans Freeway. De même que les ﬁchiers tous prêts PNG GIF, JPEG, Freeway Pro peut importer vos images haute résolution d'origine si elles sont en format TIFF, PDF, SVG ou même le format natif de Photoshop ou Illustrator. (Utilisation de 24 bits PNG si vous avez Freeway Express). Si vous avez une gestion de la transparence dans vos graphiques originaux, vous la retrouverez dans Freeway.!

Mise à l'échelle, découpage et empilement de vos images, votre conception sera toujours générée avec la bonne résolution d'écran, en JPEG, GIF ou PNG optimisé pour le web à votre choix.!

Si vous désirez des images en tranches - utiles pour des rollover ou des animations, par exemple - alors décochez l'option Combiner graphiques dans la palette Inspecteur. Ceci produit des graphiques découpés pour le Web, sans que vous ayez à prendre des ciseaux virtuels pour vos images originales. Il sufﬁt de déplacer l'objet pour ajuster la tranche.!

Optimisation!

Utilisez la palette Inspecteur pour modiﬁer le format de sortie de l'image et les niveaux de compression aﬁn d'obtenir le juste équilibre entre la taille du ﬁchier et la qualité visuelle. Vous pouvez voir comment les contrôles de compression affectent l'apparence de vos images en activant l'option Aperçu graphique dans le menu Afﬁchage. Si vous avez beaucoup de grands graphiques dans la mise en page, cela peut ralentir un peu l'afﬁchage, car Freeway lit chaque ﬁchier image original et génère la version ﬁnale optimisée pour le web à la volée. Mais n'oubliez pas de cette fonction qui vous permet de voir précisément comment vos éléments vont s'afﬁcher dans votre mise en page.!

Code!

La publication personnalisée de Freeway peut être faite en utilisant la large sélection d'actions, des outils et plugins qui étendent le jeu de fonctionnalités de Freeway.!

Vous pouvez également ajouter du code personnalisé à des endroits spéciﬁques dans la mise en page en utilisant la fenêtre de balise HTML pour atteindre des parties spéciﬁques de la structure générale du code, ou par addition d'un balisage étendu directement à des éléments et des modèles. Vous pouvez même faire vos propres actions pour simpliﬁer les tâches, créer des codes conditionnels complexes et reproductibles.!

Manuel Freeway 7

Sortie!

Une fois que vous avez mis en place quelques pages vous aurez besoin de vériﬁer comment ils s'afﬁchent directement dans un navigateur. Vous pouvez consulter les pages uniques dans l'Aperçu interne de Freeway, mais pour vériﬁer les liens et autres, il est préférable de prévisualiser dans un navigateur. Que vous soyez un utilisateur de Safari, Firefox ou Opéra, vous devriez vériﬁer vos pages avec autant de navigateurs modernes que vous pouvez (ne vous embêtez pas avec Internet Explorer pour Mac, il n'est pas lié à des versions de Windows et est mort depuis longtemps). Freeway génère des pages qui sont généralement compatibles, tant que c'est raisonnablement possible, mais certaines dispositions ne peuvent tout simplement pas rendre aussi bien dans certains navigateurs. Internet Explorer de Microsoft 6 et 7 sont les plus grands délinquants ici, donc utilisez un PC si vous en avez à proximité, ou l'un des services de rendu de navigateur en ligne. Si vous avez un cyber café à proximité, ce peut être une façon agréable de contourner le problème.!

Télécharger!

Vous pouvez utiliser n'importe quel logiciel de client FTP pour transférer la sortie de Freeway sur votre site web, mais si vous faites cela avec Freeway lui-même alors vos ﬁchiers seront gérés pour vous. Les éléments que vous supprimez de vos pages seront retirés du site, et ainsi de suite. Cela peut sembler minime, mais il peut vous faire économiser beaucoup de temps, de prise de tête et d'espace perdu sur le serveur.!

Manuel Freeway 7

Tour rapide!

Fenêtre principale de Freeway!

C'est dans cette fenêtre que vous créez et éditez votre site, les différentes pages qui le composent, tous les éléments de chaque page et les hyperliens entre pages ou vers d'autres sites.!

En dehors de la fenêtre principale, des palettes ﬂottantes (Inspecteur, Actions, etc.) permettent un accès facile aux réglages.!

# !

Barre des menus!

Il s'agit de la barre de menu déroulant qui apparaît en haut de l'écran sur tous les programmes en cours d'exécution sur un ordinateur Macintosh.!

Dans ce guide, nous n'avons pas la place pour examiner chaque menu en détail. Voici un rapide aperçu des menus.!

Menu Freeway!

C'est là que vous pouvez conﬁgurer vos préférences et cacher ou quitter Freeway.!

Menu Fichier!

Le menu pour toutes les fonctions à faire avec votre document principal, telles que l'ouverture, la souvegarde, le téléchargement, etc Il contient également des options pour l'importation de texte, graphiques et autres ressources.!

Menu Edition!

Comme avec la plupart des applications Macintosh, c'est là que vous pouvez couper, copier et coller. Pour Freeway c'est aussi là que vous pouvez éditer vos URL et des listes de ressources, etc!

Menu Page!

Comme son nom l'indique, ce menu est pour les fonctions qui sont spéciﬁques à la page, telles que l'ajout ou la suppression de pages, l'application d'une action Freeway à une page, etc!

Menu Bloc!

Le menu de fonctions du bloc sélectionné. Ici, entre autres choses, vous pouvez verrouiller les blocs, déplacer des blocs à l'avant ou les envoyer à l'arrière, dupliquer des blocs, transformer les blocs (Pro uniquement) et appliquer au bloc des actions Freeway.!

Menu Style!

Ce menu contient des options pour le style de texte.!

Menu Insertion!

Vous pouvez insérer des types particuliers d'article sur votre page de ce menu. Ce menu est principalement utilisé pour insérer des éléments en séquences de texte.!

Menu Afﬁchage!

Dans ce menu, vous pouvez choisir des valeurs de zoom, basculer les guides, voir les caractères invisibles, etc!

Menu Fenêtre!

Ce menu vous permet d'ouvrir une des palettes de Freeway et de basculer entre les fenêtres ouvertes du document.!

Barre d'outils!

La barre d'outils contient les principaux outils de Freeway. Vous pouvez personnaliser les outils afﬁchés avec un Contrôle+clic sur la barre d'outils.!

Panneau Site et pages!

Le panneau à gauche de la zone d'édition de la page permet de basculer entre le plan du site et le plan de la page en cliquant sur la barre de titre qui afﬁche site ou page en haut de la liste.!

Par défaut, le panneau afﬁche le plan du site.!

Le plan du site!

Le plan de site afﬁche une liste de toutes les pages et dossiers qui composent votre site, avec les pages maquette en haut et les pages créées à partir des pages maquettes au dessous. L'utilisation des pages maquettes est détaillée dans la section Tutoriel.!

+ 30 hidden pages

TRI-EDRE Freeway Pro 7.0 User Manual [fr]

Specifications and Main Features

Frequently Asked Questions

User Manual