Home
Guide d`utilisation de WebPlus X7
Contents
1. eee 139 Utiliser le texte artistique csccccceeessssesteeeeeeeseesssneeees 141 diter le texte d une page 143 II Des compositions stimulant votre cr ativit 145 Utiliser les compositions 147 Parcourir les compositions 150 Stocker des compositions personnalis es et des param tres de compositions 152 Table des mati res 12 Pr visualiser et publier se 159 Utiliser le V rificateur de site 161 Afficher un aper u de votre site Web 164 Mise en ligne de fichiers sur le Web sur WebPlus net 165 Mise en ligne de fichiers sur le Web chez un h bergeur tiers 171 Publication rapide 172 13 Contenu avanc ccccccccccccccccsccccccccccccccccssoos 75 Qu est ce que l E Commerce s sossneesesennenerenneeeeennenn 177 Les Objets intelligents 180 Acc s utilisateur 190 Propri t s CSS sssermesscnnnmmensenemmeteatenetenseness 191 14 ANNEXES cccccccccccccccccccccccccccscccccccccccosscccccccccces IID Contacier Gel eee ee ee ee 195 CE ee 196 2 Bienvenue Bienvenue 3 Bienvenue Bienvenue dans WebPlus X7 de Serif la solution la plus simple pour pr senter votre entreprise votre club votre association votre centre d int r t ou votre famille sur le Web Pour vous faciliter la vie WebPlus constitue une mani re simple de concevoir des sites Web sans avoir apprendre ou utiliser
2. WebPlus X7 Guide d utilisation Table des mati res Bienvenue 000000000000000000000000000000000000000000000000000000000000000 l BIQCNVQNUE cccccecceccecceccecceccuccuccuceuceuceeeaeeaueaeeaueaeeaeeaeeaeenes 3 Nouvelles fonctions cccccceccecceccecceccecceccecceceeeeeeaeeneeaeenes 5 SUA ee ans ete sant rm s 9 Configurer des sites et des pages I I Assistant de d marrage ccccccccccceeessessssssnneeeeeeeeeeeeeeees 13 Cr er un site partir d un mod le 16 Cr er un site de toutes pi ces ccssssssceeeeeeeeeeeeeeeees 19 Ouvrir un site existant 21 Comprendre la structure du site 23 D finir les propri t s du site 25 D finir les propri t s de la page cccccccesssseteeeeeeen 26 Pr sentation des pages et des maquettes 00 26 Ajouter supprimer et r organiser les pages 29 l ments de mise en Page c csccsscsscssessessee ZS Ins rer des ZONES de texte 37 Ins rer des images 40 Ins rer des panneaux eceeescceeeesessssseeeeeeeeessessseeeeees 46 Ins rer une galerie photos ccccssscccessssseeeesssseeeeeess 49 Ins rer des tableaux 56 Ins rer des glissi res 2 0 0 eee eeeeecceceeeeesssseeeeeeeeeeesseteeeeees 58 Table des mati res 4 l ments de navigation eee 03 Ins rer des barres de navigation 65 Ins rer des menus contextuels 68 Ins rer
3. 4 Cliquez sur Fermer pour fermer la bo te de dialogue Afficher un apercu de votre site Web La visualisation de votre site dans un navigateur Web constitue une tape essentielle avant sa publication sur le Web Il s agit de la seule possibilit vous permettant de voir comment appara tra votre site aux yeux du visiteur Vous pouvez afficher n importe quel moment un aper u d une page ou du site entier soit depuis WebPlus soit partir de n importe quel navigateur install sur votre syst me Pour afficher un aper u de votre site 1 Cliquez sur la fl che bas du bouton i Aper u du site de la barre d outils Standard 2 S lectionnez une option dans le sous menu e L option Aper u dans une fen tre raccourci Alt P ouvre le site dans une nouvelle fen tre interne WebPlus avec son propre onglet permettant de basculer d une fen tre l autre Pr visualised et publier 165 e S lectionnez Afficher dans pour utiliser un navigateur externe Les noms qui apparaissent indiquent les navigateurs install s sur votre PC par exemple Afficher dans Internet Explorer Le site est alors export dans un dossier temporaire et s affiche dans le navigateur sp cifi WebPlus vous permet d afficher la dur e de t l chargement estim e pour chaque page de votre site Il fournit des informations telles que le nombre de fichiers de chaque page et la taille totale des fichiers Utilisez pour cela la palette Aper u
4. 2 Pour copier l URL du flux podcast dans le Presse papiers effectuez un clic droit sur le symbole Sous l onglet Cr ation rapide cat gorie Contenu externe g r cliquez sur Lecteur RSS 4 Un pointeur d insertion s affiche Pour d finir la taille de fen tre du flux tracez un rectangle de s lection et rel chez le bouton de la souris Pour une fen tre sa taille par d faut cliquez simplement sur la page 5 Dans la bo te de dialogue collez l URL du flux dans le champ URL des donn es RSS 6 Facultatif A l aide des onglets restants modifiez les param tres d identifiant HTML d ancre de l objet ses propri t s CSS ou les options d exportation d images 7 Cliquez sur OK La fen tre du flux de couleur orang e s affiche pr sentant l URL Vous devez publier la page pour obtenir un aper u du flux d actualit s courant Gardez l esprit que le contenu est automatiquement mis jour mesure qu il est actualis sur son site d origine Pour les podcasts les utilisateurs qui acc dent au flux peuvent couter chacun des pisodes propos s il leur suffit pour cela de cliquer sur un lien audio donnant g n ralement acc s un fichier MP3 Une fois t l charg et enregistr le fichier peut tre lu sur le lecteur d fini comme lecteur par d faut ou transf r vers un appareil mobile 106 R seau social R seau social 107 Ins rer un widget Facebook Vous pouvez ajouter des widge
5. Choisissez Mise jour incr mentielle ou Chargement complet S lectionnez la premi re option pour ne charger que les fichiers qui ont t modifi s depuis la derni re mise jour Si vous proc dez une mise jour incr mentielle vous pouvez faire en sorte que WebPlus recherche les fichiers manquants activez l option Rechercher les fichiers manquants Notez toutefois que cette option est d sactiv e par d faut car elle ralentit norm ment la publication 170 Pr visualised et publier Un message s affichera lorsque tous les fichiers seront copi s Cliquez sur Fermer 8 Dans la liste d roulante de la bo te de dialogue Publication du site Web s lectionnez le navigateur dans lequel vous souhaitez afficher votre site puis cliquez sur Afficher cette URL Vous pouvez maintenant consulter votre site en ligne Si vous renommez supprimez des fichiers puis republiez une ou plusieurs pages sur le Web les anciens fichiers ne sont pas supprim s automatiquement Vous devez donc les supprimer manuellement l aide de la fonction Publier le site Maintenance du site Web disponible dans le menu Fichier Toutefois si vous republiez l ensemble du site en mode automatique via l option Op ration automatique vous pouvez faire en sorte que tous les fichiers non utilis s soient supprim s il vous suffit pour cela d activer l option Supprimer les fichiers inutilis s Consulter votre site en ligne Une fois votre s
6. Cochez ou d cochez chaque page s lectionner ou d s lectionner respectivement W propos de nous Galerie Configurer des sites et des pages 19 7 S lectionnez une combinaison de couleurs dans la liste d roulante en haut de la bo te de dialogue les trois premi res combinaisons sont con ues sp cifiquement pour le mod le choisi Apr s avoir ouvert la liste d roulante vous pouvez afficher un aper u de vos pages lorsque vous parcourez les combinaisons l aide des touches fl ch es haut bas Les miniatures des pages sont mises jour pour refl ter l apparence de la nouvelle page 8 Facultatif Utilisez le bouton Retour si vous souhaitez modifier vos choix 9 Cliquez sur OK Les pages sont ajout es votre nouveau site Cr er un site de toutes pi ces Bien que les mod les de mise en page p 16 facilitent vos choix de conception vous pouvez tout aussi facilement cr er un site partir de z ro Lorsque vous cr ez votre site un assistant de d marrage vous aide traiter les aspects essentiels de la cr ation Pizzeria Villereccio Nom du site URL du site http villereccio com Combinaison de couleurs CREME MM D faut X am vr EE EPELE ET 960x1000 Bureau Nombre de pages initial Barre de navigation Enregistrer le site Cr er un site 20 Configurer des sites et des pages Ces param tres peuvent tre modifi s tout moment m me apr s avoir quitt l ass
7. OU Pour lib rer une composition sp cifique cliquez sur l ic ne correspondante 158 Des compositions stimulant votre cr ativit Pr visualiser et publier 160 Pr visualised et publier Pr visualised et publier 161 Utiliser le V rificateur de site Avant la publication le V rificateur de site recherche dans votre site d ventuels probl mes de mise en page li s la navigation dans le site la mise en forme du texte aux formulaires l E Commerce La cr ation de sites Web peut entra ner un vaste ventail d erreurs tr s diverses voici la liste des probl mes les plus courants e Identifiants d objets HTML en double e Ancres ou liens hypertextes incorrects e Ancres ou liens hypertextes incorrects Formulaires sans bouton Envoyer l ments d un formulaire portant le m me nom e Erreurs de validation W3C e Grandes images JPG export es au format PNG e Texte superpos pivot ou tronqu e Polices non optimis es pour le Web g Une liste compl te des v rifications effectu es appara t lorsque vous cliquez sur le bouton Filtrer les probl mes du V rificateur de site Si des erreurs sont d tect es le V rificateur de site r pertorie tous les probl mes et propose directement une solution ou des astuces pour r soudre le probl me Si certains types de probl mes d tect s correspondent en fait des effets volontaires ou si vous souhaitez remettre la r solution des pro
8. Objets interactifs 85 e Facultatif Sp cifiez des Options d exportation e Facultatif Activez l option Int grer les images au site si vous souhaitez int grer les images au site 3 Facultatif Sous l onglet Liens hypertextes d finissez la cible du lien hypertexte de l image survol e 4 Cliquez sur OK Si vous d cidez d ajouter une l gende une image survol e celle ci appara t l cran c t de l image l tat Survol voir l aide de WebPlus pour plus de d tails Toutefois pour que votre image survol e donne les r sultats escompt s vous devez positionner l sur la page Vous utiliserez pour cela une bo te de dialogue d di e dans laquelle vous pourrez d placer ou redimensionner chacune des images soit par glisser d placer soit en d finissant des valeurs absolues en pixels Pour modifier une image survol e Popup e Double cliquez sur l image l tat Normal dispos e sur la page La bo te de dialogue Modifier l image survol e s affiche Modifiez les param tres selon les besoins 86 Objets interactifs Ins rer un champ de recherche WebPlus utilise une fonction de recherche puissante qui recherche les crit res saisis par l utilisateur dans le texte qui appara t sur votre site dans les zones de texte ou les tableaux L outil de recherche combine un objet Formulaire Champ de recherche et une fen tre R sultats de la recherche Champ R sultats de la recherche R sultats
9. liorer son apparence augmenter son efficacit ou personnaliser sa mise en page Ces compositions peuvent tre des graphiques des images des cadres d image des boutons des glissi res panneaux et des arri re plans ainsi qu un contenu de page plus complexe ou des pages enti res Pour l utilisation de compositions WebPlus propose l onglet Compositions assist d un Explorateur de compositions et d un Gestionnaire de compositions p 150 Le premier vous permet de parcourir vos compositions le second de cr er et de g rer les packs de compositions personnalis s LI Des mod les de mise en page th matique sont accompagn s de leurs propres compositions int gr es adapt es votre site Lorsque vous utilisez une mise en page th matique l onglet Compositions contient les compositions associ es 148 Des compositions stimulant votre cr ativit Utiliser l onglet Compositions Parcourir Ouvrir un outil performant qui 5 k Mes mod les h berge exclusivement les eae compositions parcourues images Contenu de la page pr tes tre ajout es votre page Web Plet qr turie dbe Pages Param tres Fichiers de ressources Rechercher pP Apres l exploration les compositions sont disponibles dans les cat gories suivantes e Mes mod les Stocke les compositions personnalis es extraites de la page e Graphiques Contient les cliparts professionnels des pac
10. r 97 Pour modifier votre blog e Double cliquez sur le blog a Pour plus d informations sur l acc s utilisateur des Ressources Web Serif reportez vous la rubrique Les Objets intelligents p 180 G rer votre blog Vous pouvez ajouter diter supprimer des articles ainsi que des commentaires associ s des articles Vous pouvez aussi s lectionner un groupe d diteurs dans le cas d un blog plusieurs auteurs Dans le cas d un nouvel article ou d un article modifi il est possible de r diger l article dans un diteur RTF d ajouter des tiquettes de s lectionner l image de l article d autoriser les r troliens et de g rer les commentaires Pour g rer votre blog Gh S lectionnez le blog et cliquez sur G rer dans la barre d outils contextuelle Pour obtenir plus d informations sur la gestion ainsi qu une description de chaque option cliquez sur le bouton Aide dans la bo te de dialogue Objet intelligent du blog Pour plus d informations sur les Objets intelligents reportez vous l aide de WebPlus 98 Contenu externe g r Ins rer un forum WebPlus vous permet d ins rer sur votre site un Objet intelligent Forum que vous pouvez diviser en cat gories contenant leur tour un ou plusieurs sous forums Les visiteurs peuvent afficher les rubriques post es sur un sous forum le nombre de r ponses consultations l auteur de la rubrique et le dernier message La s lection d une rubri
11. une zone de texte et choisissez Insertion Fichier texte pour importer un texte S lectionnez l outil Pointeur puis cliquez au point d insertion afin de saisir le texte directement dans la zone de texte ou modifier un texte existant Voir diter le texte d une page p 143 partir d un point d insertion dans votre texte appuyez sur Ctrl V l ments de mise en page 39 Gestion des d passements de texte L ajustement pr cis du texte dans des zones de texte est une notion fondamentale de la mise en forme d un site Web Si le texte est trop long pour tenir dans votre zone de texte WebPlus le stocke dans une zone de d passement invisible mais bien r elle situ e en bas de la zone de texte Le bouton D bordement du texte est pr sent sous la zone de texte pr sentant un d passement pour indiquer ce texte masqu Il est donc important de s assurer que le texte s affiche de nouveau sinon votre article restera tronqu Pour ce faire plusieurs choix s offrent vous e Redimensionnez votre zone de texte si l espace est suffisant e Envisagez de r crire votre article en le rendant plus concis e Redimensionnez votre texte comme d crit ci dessus Al ae o ee Pour redimensionner le texte apr s avoir d fini la taille et la position des zones de texte vous pouvez utiliser les diff rentes options de taille de texte et d ajustement automatique disponibles dans la barre d outils contextuelle P
12. v nement L v nement est g n ralement un saut vers l une des cibles de lien hypertexte suivantes e page du site page Internet e e mail Internet e une ancre cible d sign e l int rieur d une page Web e un fichier sur le disque dur local ou sur le r seau e un panier d achat e un Objet intelligent p ex un forum un blog ou un SGC e un flux RSS ou un podcast e un l ment de navigation e des donn es sur l utilisateur e image D un point de vue conceptuel les actions sont similaires aux liens hypertextes en ce sens qu un v nement se d roule lorsque vous cliquez ou survolez un objet 74 l ments de navigation Mais la diff rence d un lien hypertexte qui donne acc s une destination cible un clic ou un survol produit une interaction entre l utilisateur et l objet sur la page Voir la rubrique Appliquer des actions p 77 Ajouter des liens hypertextes Pour ajouter un lien hypertexte l l aide de l outil Pointeur s lectionnez l objet ou le groupe d objets ou mettez en surbrillance la plage de texte qui doit tre li par un lien hypertexte S lectionnez Lien hypertexte dans la barre d outils Propri t s La bo te de dialogue des propri t s de l objet appara t Sous l onglet Type de lien hypertexte onglet Lien hypertexte s lectionnez le type de destination du lien p ex une page de site une page Internet un Objet intelligent etc
13. S lectionnez les options sp cifiques du type de lien dans le volet de droite Cliquez sur OK A Vous pouvez afficher et g rer l ensemble des liens hypertextes et des ancres compris dans votre site par l interm diaire du Gestionnaire de site accessible par le biais de la barre d outils contextuelle et du menu Outils El ments de navigation 75 Pour modifier ou supprimer un lien hypertexte 1 A l aide de l outil Pointeur s lectionnez l objet ou cliquez pour afficher un point d insertion au sein du texte vers lequel le lien doit pointer Il n est pas n cessaire de d placer le lien hypertexte en dehors du texte 2 S lectionnez Lien hypertexte dans la barre d outils Propri t s La bo te de dialogue des propri t s de l objet appara t et indique la cible du lien hypertexte actif e Pour modifier le lien hypertexte s lectionnez un nouveau type de destination de cible et ou de nouvelles options e Pour supprimer le lien hypertexte cliquez sur le bouton Aucun lien hypertexte S lectionner une fen tre cible L onglet Fen tre cible offre toute une gamme de fen tres ou de cadres cibles ou une lightbox dans laquelle la destination du lien sera affich e Pour s lectionner une fen tre cible 1 Sous l onglet Lien hypertexte de la bo te de dialogue de propri t s de l objet s lectionnez l onglet Fen tre cible 2 S lectionnez une option dans la liste d roulante Type 76 l ments de
14. action 4 Cliquez sur OK l aper u ou la publication un clic ou un survol de l objet d clenchera l action choisie El ments de navigation 79 Ajouter une ancre Une ancre est un emplacement sp cifique au sein d une page qui correspond a la destination d un lien hypertexte voir p 74 Invisible pour le visiteur de la page Web elle marque g n ralement un point pr cis au sein d un texte par exemple le d but d une section ou une image plus bas sur la page Pour attacher une ancre a une section de texte 1 Utilisez l une des deux m thodes suivantes i Utilisez l outil Pointeur pour afficher un point d insertion l int rieur du texte cible ii Dans le menu Texte s lectionnez Insertion Ancre ou appuyez sur Ctrl Q OU e Effectuez un clic droit n importe o dans le texte cible et s lectionnez Insertion Ancre La bo te de dialogue Ancre s ouvre L ancre adopte automatiquement le nom du mot adjacent dans le texte cible 2 Facultatif Renommez l ancre l aide du champ de saisie Nom de l ancre 3 Facultatif Activez l option Inclure l ancre dans la navigation pour faire en sorte que l ancre soit accessible par le biais d une barre de navigation et non par le biais d un lien hypertexte Vous devez activer l option Inclure les ancres dans les param tres de votre barre de navigation et attribuer un nom l ancre 4 Cliquez sur OK 80 l ments de navigation Pour ins rer une an
15. ajouter une fen tre d actualit s votre page Web Vous pouvez aussi faire glisser une fen tre d actualit s sur la page a l aide de l onglet Cr ation rapide ae ers Sondage Vous pouvez tablir un questionnaire en ligne pour connaitre les opinions des visiteurs de votre site 25 3 Gestionnaire de r servation de ressources H berge la r servation en ligne de salles de r union de salles de r p tition de places de th tre etc R servez plusieurs heures ou jours p riodiquement et avec des options de prix pour les diff rents groupes d ges Messagerie instantan e Sert de fen tre de tchat interactive similaire Windows Messenger Permet vos visiteurs de discuter entre eux Contenu avanc 183 am EER y a EE 2 Liste d utilisateurs L Objet intelligent Liste d utilisateurs propose deux modes que vous pouvez s lectionner dans une fen tre contextuelle e Mode Liste de diffusion Vous pouvez donner vos visiteurs la possibilit de s inscrire une liste de diffusion qui leur permettra de recevoir une lettre d informations la confirmation d un v nement des renseignements etc Les listes peuvent tre g r es manuellement ou par inscription automatique Des adresses e mail peuvent tre import es sous forme de fichier texte d limit CSV ou export es dans divers formats e Mode Acc s utilisateur Contr le l accessibilit aux pages aux forums aux blogs
16. associ au champ de formulaire qui sera affich l cran Pour r organiser les champs A w S lectionnez un champ de formulaire dans la fen tre d aper u puis cliquez sur Vers le haut ou Vers le bas Pour supprimer un champ de formulaire S lectionnez un champ de formulaire et cliquez sur Supprimer Pour ajouter des champs suppl mentaires e S lectionnez l onglet Champs et cliquez sur le type de champ que vous voulez ajouter DE Pour des zones de liste pr remplies Pays Comit s britanniques tats am ricains etc cliquez sur Ins rer une composition et s lectionnez l option Charger un champ d un pack de compositions dans la palette d outils L Explorateur de compositions vous permet d effectuer une s lection dans la cat gorie Zones de liste 132 Formulaires Cr er des formulaires de toutes pi ces Pour une totale libert de conception WebPlus vous permet de cr er directement sur la page un formulaire vierge auquel vous pouvez ajouter des champs de formulaire Pour cr er un formulaire vierge de toutes pi ces Ea Depuis l onglet Cr ation rapide appuyez sur la touche Ctrl et faites glisser l ic ne Cr ateur de formulaires de la cat gorie Formulaires vers la page Le formulaire vierge compos d une zone de formulaire vierge et d un bouton Envoyer est ajout la page Vous pouvez ensuite ajouter facilement des champs au formulaire Pour ajouter des champs au formulair
17. choisissez et dont l utilisation est li e un syst me de traitement des paiements qui remplace la caisse du supermarch WebPlus vous permet de choisir l un des fournisseurs de panier que nous avons pr alablement s lectionn s et puis connecter au fournisseur de panier par l interm diaire d un formulaire ou d un sur la page WebPlus Les formulaires permettent de d finir les options d achat telle que la taille et la quantit ci dessous ainsi que des boutons une devise des champs de description etc Les formulaires E Commerce vous permettent de calculer le montant des taxes des frais d envoi etc Les liens permettent d effectuer des achats en un clic sans options d achat 178 Contenu avanc Les fonctionnalit s varient consid rablement en fonction des fournisseurs Configurer le fournisseur de panier d achat WebPlus permet de configurer plusieurs fournisseurs de panier d achat diff rents les plus courants et vous en connaissez peut tre certains comme PayPal en tant que client eBay par exemple Le processus de configuration vous dirige vers le site Web du fournisseur o vous pouvez vous enregistrer comme utilisateur Parcourez le site Web du prestataire pour plus d informations sur les fonctionnalit s du panier Pour configurer un fournisseur de panier d achat ri 1 amp Sous l onglet Cr ation rapide cat gorie E Commerce cliquez sur E Commerce puis cliquez sur votre page pour in
18. de WebPlus Pour s lectionner une glissi re e Sous l onglet Objets s lectionnez l entr e Glissi re La barre d outils contextuelle s affiche au dessus de votre espace de travail pour vous permettre de modifier la glissi re 60 l ments de mise en page Si vous modifiez le contenu d un panneau et souhaitez s lectionner le panneau s lectionnez dition S lectionner S lectionner le parent Ctri R Par la suite la glissi re parent peut alors tre s lectionn e en ex cutant de nouveau la commande dition S lectionner S lectionner le parent Modifier votre glissi re Par d faut votre glissi re est accompagn e d un jeu de panneaux Vous souhaiterez probablement e Ajouter copier ou supprimer un panneau de la glissi re e Ajouter du contenu un panneau visible N oubliez pas que comme pour les panneaux individuels un contenu peut compl ter chaque panneau de la glissi re Echanger une image avec celle de votre choix en cliquant sur Remplacer l image sous l image du panneau e Ajouter des liens hypertextes aux images aux boutons ou d autres objets d un panneau et pointant vers une autre destination p ex la page principale d un produit pour chaque panneau qui s affiche dans une nouvelle fen tre ou lightbox e Modifiez le Style d animation appliquer aux panneaux Par ailleurs vous pouvez aussi modifier l ordre des panneaux et les commandes de lecture de la glissi re l me
19. de champ L ordre dans lequel les champs doivent tre renseign s ordre des tabulations peut tre configur de m me que le syst me de validation des donn es saisies Pour plus d informations sur l ordre et la validation des tabulations voir l aide de WebPlus Chaque champ comporte ses propres propri t s relatives son apparence ses valeurs sa validation et l op ration attendue pour le champ 128 Formulaires Le formulaire ne devient fonctionnel qu une fois le site Web publi vous pouvez tout de m me obtenir un aper u de vos formulaires dans WebPlus reportez vous Afficher un aper u de votre site p 164 Lorsqu un visiteur saisit des informations dans les champs ou active une option les donn es sont transmises une destination sp cifique au moment de l envoi du formulaire Cr er des formulaires Il existe deux m thodes de cr ation de formulaires e A l aide d un mod le de formulaire depuis le Cr ateur de formulaires un environnement con u sp cialement pour cr er et modifier les formulaires Vous pouvez choisir de laisser le mod le inchang ou de le modifier en fonction de vos besoins Mocitien Th me Champs Formulae Transmission de formulaire Moles de kronet Formulaire de commentaires Formulaires 129 Des mod les de formulaire sont disponibles pour l inscription les commentaires et la connexion des utilisateurs L utilisateur peut galement cr er de tout
20. du site de la barre d outils Standard Mise en ligne de fichiers sur le Web sur WebPlus net Vous pouvez charger votre site sur WebPlus net h bergement Web Serif de fa on ce que tous les internautes du monde entier puissent le consulter Vous pouvez d cider de publier la totalit de votre site Web ou si vous faites une mise jour du site uniquement les pages qui ont t modifi es depuis la derni re publication Pour mettre en ligne votre site sur WebPlus net e Cliquez sur la fl che bas du bouton Publier le site de la barre d outils Standard et cliquez sur a Publier sur le Web Si vous n avez pas encore d fini d informations de compte FTP vous serez invit e ajouter les informations de votre compte FTP WebPlus net dans une bo te de dialogue contextuelle 166 Pr visualised et publier Pour d finir le informations de compte FTP k Dans la bo te de dialogue Publier sur le Web obtenir un h bergement vous disposez de plusieurs options e Pour configurer l h bergement Serif WebPlus net cliquez sur Activer puis suivez la proc dure de configuration de votre navigateur Internet par d faut e Si vous avez d j configur l h bergement Serif WebPlus net cliquez sur Ajouter des informations e Pour annuler la publication de votre site Web cliquez sur Annuler Dans la bo te de dialogue Infos sur le compte entrez e Le Nom du compte Ce nom peut tre celui de votre choix Vous l
21. en cours de conception s lectionnez Objets masqu s dans le menu Affichage Apr s la publication de votre page le panneau s affichera au survol de l objet Ins rer une galerie photos Dans WebPlus vous pouvez ajouter une galerie photos Flash ou JavaScript toute page Web en appliquant une palette de galeries et de styles esth tiquement accrocheurs ainsi que diverses m thodes de navigation entre les photos 50 l ments de mise en page Types de galeries Diff rents types de galeries Flash ou JavaScript peuvent tre utilis s pour cr er votre galerie photos Type de galerie Caract ristiques Galerie photos Flash professionnelle Propose une barre de commande sup rieure ou inf rieure contenant les survols des miniatures d aper u en haut de la fen tre principale de votre photo Galerie photos Flash professionnelle flux en direct Comparable la Galerie photos Flash professionnelle si ce n est que le contenu photo est h berg en ligne dans votre album photos Flickr sous forme de flux RSS par un autre h bergeur d images compatible RSS 2 0 ou par SlideShowPro Director Galerie photos Flash Propose une barre de commande sup rieure ou inf rieure en haut de la fen tre principale de votre photo Cette barre comporte des boutons de navigation de base et ou des survols des miniatures d aper u horizontales verticales Votre galerie photos peut galement tre accompagn e d un fond s
22. enfant de la page situ e sous la page cible s lectionn e Ajouter des pages de mod le Tandis que l ajout d une page vierge vous offre une totale libert de conception vous pouvez vous simplifier la t che en adoption des mod les de pages pr ts l emploi Vous pouvez s lectionner des mod les de pages qui compl tent votre mise en page th matique existante ou choisir un mod le de page autonome Configurer des sites et des pages 33 Ajouter des liens externes Vous pouvez galement ajouter un lien externe la structure de votre site Il s agit g n ralement d une page ou d une ressource n appartenant pas votre site mais que vous souhaitez inclure dans sa structure de navigation Le lien externe appara t dans l arborescence de la Structure du site et dans les barres de navigation et vous pouvez donc le manipuler comme si c tait une page de votre site D finir votre page d accueil Pour utiliser une page Web comme page d accueil e Effectuez un clic droit sur une page standard de votre onglet Site puis s lectionnez D finir comme page d accueil 34 Configurer des sites et des pages 36 l ments de mise en page l ments de mise en page 37 Ins rer des zones de texte Le texte dans WebPlus vient g n ralement se placer dans des zones de texte pouvant contenir des mots simples ou des paragraphes et des articles autonomes Vous pouvez galement utiliser un texte artistique voir p 141 po
23. espaces Les tweets pourront faire l objet d une recherche a partir de ce mot clic Facultatif Personnalisez l apparence de votre widget a l aide des options compl mentaires qui diff rent selon le type Cliquez sur OK 112 R seau social Pour ins rer un bouton Suivre i Sous l onglet Cr ation rapide cat gorie R seau social cliquez sur Widget Twitter puis cliquez sur la page Dans la liste d roulante Type de la bo te de dialogue s lectionnez Bouton Suivre Dans Utilisateur suivre entrez un identifiant Twitter Les internautes suivront ce compte sur Twitter lorsqu ils cliquent sur votre bouton Facultatif Personnalisez l apparence de votre widget l aide des options compl mentaires qui diff rent selon le type Cliquez sur OK Modifier un widget Twitter Une fois ajout la page le widget Twitter peut tre modifi tout moment Pour modifier un widget Twitter l 2 S lectionnez le widget d j pr sent sur votre page Double cliquez sur le widget La bo te de dialogue Modifier s affiche Les options propos es sont identiques celles disponibles au moment de la cr ation du widget Effectuez vos changements et cliquez sur OK R seau social 113 Ins rer une barre de boutons de partage de signets Si vous ajoutez une barre contenant une s lection de boutons de partage de signets vos visiteurs Web peuvent partager et promouvoir votre site sur n import
24. et au CMS en se basant sur des groupes d utilisateurs Reportez vous Acc s utilisateur p 190 pour plus d informations e Mettre en uvre le syst me de protection anti spam CAPTCHA lors de l enregistrement des utilisateurs e Cr er des groupes utilisateur et si on le souhaite permettre aux visiteurs d ouvrir un compte de se connecter automatiquement et de se connecter des Objets intelligents Ajouter des utilisateurs un groupe d utilisateurs ou en retirer suspendre ou interdire l acc s des utilisateurs tant donn que les Objets intelligents sont stock s dans les Ressources Web Serif vous pouvez utiliser les boutons d aide associ s lors de la cr ation et la gestion des Objets intelligents pour obtenir de plus amples informations 184 Contenu avanc Pour des raisons de s curit ces objets ne sont accessibles que par connexion aux Ressources Web Serif partir de WebPlus Si vous ne disposez pas d un identifiant et d un mot de passe vous devez tout d abord cr er un compte Ressources Web Serif Si votre adresse e mail est d ja connue de Serif vous venez de vous enregistrer ou vous l avez fait pr c demment quelques questions vous seront pos es pour achever l enregistrement de votre compte Si vous ne vous tes jamais inscrit e aupr s de Serif vous devrez r pondre davantage de questions en suivant les instructions affich es l cran Pour cr er un compte Ressources Web S
25. l aide de l onglet Envoi de formulaires Certains param tres sont communs d autres ind pendants Pour plus d informations sur les param tres reportez vous l aide de WebPlus 136 Formulaires Texte 138 Texte Texte 139 Importer du texte a partir d un fichier Importer du texte depuis un fichier cr avec un traitement de texte est une m thode rapide pour r cup rer du contenu texte pour votre site mais vous pouvez aussi cr er un article en utilisant WritePlus Si vous utilisez votre traitement de texte habituel tel que Microsoft Word pour cr er les fichiers texte de votre site vous pouvez importer un nombre quelconque de fichiers sur votre site Outre le format WritePlus stt divers formats de traitement de texte peuvent tre import s notamment ANSI xt Open Office odt Microsoft Word docx dotx RTF rtf 2007 2010 Microsoft Word doc dot Wordperfect wpd 2000 2003 MS Works Wps Ecrire wri Pour les formats Microsoft Word cr s dans tout syst me d exploitation Windows inutile d installer Microsoft Word localement Cela signifie que vous pouvez r utiliser un contenu texte tiers dans WebPlus sans disposer de l application associ e WebPlus importera le texte dans une zone de texte s lectionn e ou cr era une zone de texte si aucune n est s lectionn e Voir Ins rer des zones de texte p 37 pour plus d informations 140 Texte WebPlus conserve la mise en forme des textes import
26. le pointeur sur la page pour d finir la taille de l Objet intelligent 188 Contenu avanc Un aper u de l Objet intelligent s affiche automatiquement sur la page ce qui vous permet de voir quoi il ressemblera une fois le site publi Modifier les objets intelligents Lorsqu un objet est cr il peut tre modifi dans la biblioth que d Objets intelligents ou directement sur la page Vous aurez peut tre besoin de modifier l apparence de l objet par rapport ses r glages d origine de corriger une question d un sondage ou de r initialiser un compteur La modification d un objet ne change que l objet lui m me et ne modifie pas les donn es saisies Les options permettant de cr er et de modifier des Objets intelligents sont les m mes Pour modifier un Objet intelligent dans la biblioth que e Dans la bo te de dialogue Objets intelligents cliquez sur le bouton Modifier en bas du volet Ma biblioth que d Objets intelligents Pour modifier un Objet intelligent sur la page e Double cliquez sur l objet pour afficher sa bo te de dialogue de modification Si vous modifiez un objet sur la page Web les modifications apparaissent aussi dans la biblioth que d objets et vice versa Contenu avanc 189 G rer les Objets intelligents Tandis que la modification d un Objet intelligent concerne le fonctionnement de l objet la gestion d un Objet intelligent permet de g rer les donn es de l objet telles qu el
27. marrer Windows Vista sont des marques d pos es ou non de Microsoft Corporation aux tats Unis et ou dans d autres pays Le r seau social Google le service d analyse web Google Analytics et le service de publicit Google AdSense sont des marques commerciales de Google Inc Copyrights Images num riques 2008 Hemera Technologies Inc Tous droits r serv s Images 1997 2002 Nova Development Corporation 1995 Expressions Computer Software 1996 98 CreatiCom Inc 1996 Cliptoart 1996 99 Hemera 1997 Multimedia Agency Corporation 1997 98 Seattle Support Group Les droits de chacune de ces soci t s sont r serv s Cette application a t d velopp e avec LEADTOOLS copyright 1991 2007 LEAD Technologies Inc Tous droits r serv s THE PROXIMITY HYPHENATION SYSTEM 1989 Proximity Technology Inc Tous droits r serv s THE PROXIMITY COLLINS DATABASE 1990 William Collins Sons amp Co Ltd 1990 Proximity Technology Inc THE PROXIMITY MERRIAM WEBSTER DATABASE 1990 Merriam Webster Inc 1990 Proximity Technology Inc Annexes 197 Correcteur orthographique Sentry 2000 Wintertree Software Inc Correcteur grammatical WGrammar 1998 Wintertree Software Inc Andrei Stcherbatchenko Ferdinand Prantl PayPal 1999 2012 PayPal Tous droits r serv s Roman Cart 2008 Roman Interactive Ltd Tous droits r serv s Mal s 1998 2003 Mal s e commerce Ltd Tous droits r ser
28. mentaires qui diff rent selon le type Cliquez sur OK Modifier un widget Facebook Une fois ajout la page le widget Facebook peut tre modifi tout moment Pour modifier un widget Facebook L Double cliquez sur le widget La bo te de dialogue Modifier s affiche Les options propos es sont identiques celles disponibles au moment de la cr ation du widget 2 Effectuez vos changements et cliquez sur OK R seau social 109 e Pour ajouter une ancre votre widget cliquez sur Ancre dans la barre d outils contextuelle Pour plus d informations sur les ancres reportez vous la rubrique Ajouter une ancre p 79 Propri t s CSS Vous pouvez galement contr ler le cadre le remplissage le contour les images d arri re plan et la visibilit de votre objet en modifiant ses propri t s CSS Les propri t s CSS sont stock es comme code au lieu d tre int gr es vos images elles sont appliqu es dynamiquement par les navigateurs Web des internautes Pour plus d informations reportez vous la rubrique Propri t s CSS Ins rer un widget Twitter Vous pouvez ajouter votre page un bouton Twitter ou Suivre servant directement d interface avec Twitter LI Il est conseill de se cr er un compte Twitter pour utiliser ces widgets Pour de plus amples informations sur Twitter rendez vous sur www twitter com 110 R seau social Types de widgets Twitter Deux types de widgets peu
29. objet les propri t s CSS en bas droite de l objet s lectionn Appliquez des param tres sous chaque onglet pour modifier les options de style pour navigateurs et le comportement des objets Cliquez sur Aide sous un onglet pour afficher des conseils plus d taill s Cliquez sur OK lorsque vous avez termin Cliquez sur le bouton Compositions pour enregistrer vos param tres en vue d une utilisation ult rieure ou pour enregistrer des param tres enregistr s pr c demment Les images d arri re plan ne sont visibles que pour les objets sans remplissage derri re les objets avec transparence o derri re la partie externe des zones de remplissage de forme irr guli re Annexes 194 Annexes Annexes 195 Contacter Serif Le support technique Pour acc der l assistance du support technique ou aux informations sur les produits consultez www serif com fr 196 Annexes Cr dits Le et le logiciel qu il d crit font l objet d un contrat de consommateur final inclus dans le produit Le contrat en indique les usages autoris s et interdits Marques Serif est une marque enregistr e de Serif Europe Ltd WebPlus est une marque enregistr e de Serif Europe Ltd Tous les noms de produits sont des marques d pos es de Serif Europe Ltd Microsoft Windows et le logo Windows sont des marques d pos es de Microsoft Corporation Toutes les autres marques sont reconnues Windows Vista et le bouton D
30. plus amples informations consultez le volet d aide du studio 46 l ments de mise en page Ins rer des panneaux Les panneaux sont des champs d information superpos s votre page Web et pouvant h berger des images et du texte ci dessous ainsi que des formes et des dessins au trait Vestibulum velit orci Nulla vestibulum eleifend nulla Suspendisse potenti Aliquam turpis nisi venenatis non accumsan nec imperdiet laoreet lacus Maecenas condimentum tincidunt lorem Vestibulum vel tellus Sed vulputate Morbi massa nunc convallis a commodo gravida tincidunt sed La superposition de panneaux permet d augmenter le volume d informations disponibles pour l internaute sans modifier le contenu de la page Web sous jacente Vous pouvez aussi d finir des panneaux n apparaissant que lorsque vous survolez ou cliquez sur des boutons des images ou d autres compositions Les panneaux peuvent galement s afficher en permanence ce qui est id al pour obtenir des barres de navigation ne disparaissant pas lors du d filement de la fen tre Les panneaux sont galement utilis s comme l ments constitutifs pour cr er des glissi res anim es p 58 l image des panneaux publicitaires tournants qu on trouve autour des stades les glissi res permettent de changer le panneau affich intervalles fixes Pour vous assister dans la cr ation de panneaux professionnels WebPlus propose une importante s lection d arri
31. s a partir d un traitement de texte Cependant si vous utilisez votre traitement de texte pour cr er du texte exclusivement destin a WebPlus vous gagnerez du temps en ne saisissant que le texte et en appliquant la mise en forme a posteriori dans WebPlus Les tableaux ne peuvent pas tre import s Pour importer un texte dans une nouvelle zone de texte l 2 Choisissez Ins rer Fichier texte dans le menu Texte Dans la boite de dialogue Ins rer un fichier texte choisissez le format du fichier source a importer et s lectionnez le fichier Cochez la case Conserver le format pour conserver les styles de mise en forme du fichier source D s lectionnez la case pour rejeter ces informations Dans les deux cas WebPlus conserve les propri t s de base des caract res italique gras et soulign et des paragraphes alignement gauche centr droite justifi Cliquez sur Ouvrir Tracez une zone de texte de la dimension souhait e cee ou Cliquez sur la page ou sur la table de montage pour cr er une zone de texte une taille par d faut Vous pouvez galement importer directement un texte dans une zone de texte d j pr sente sur la page Texte 141 Pour importer un texte dans une zone de texte existante 1 Sivous utilisez une zone de texte vide existante commencez par s lectionner la zone Si vous ins rez du texte dans une zone de texte renseign e cliquez pour d finir un point d inse
32. sur les bases de donn es reportez vous Utiliser la fusion de base de donn es dans l aide de WebPlus Pour pouvoir contr ler le processus de publication de bout en bout assurez vous que la case Publication automatique est d coch e Vous pourrez ainsi passer en revue les modifications devant tre apport es au site Web avant qu elles ne soient appliqu es Cela vous permettra galement d annuler la publication si vous d tectez un probl me Pr visualised et publier 169 S lectionnez les pages a t l charger cochez les pages sp cifiques dans la fen tre ou Publier toutes les pages Pour sauvegarder votre projet WebPlus cochez l option Effectuer une sauvegarde du document sur le serveur distant Si le site n est pas enregistr vous tes invit l enregistrer Cliquez sur OK WebPlus recherche une connexion Internet puis S il s agit de la premi re mise en ligne les fichiers s lectionn s sont t l charg s directement 0u _ Si le site a d j t publi la bo te de dialogue Chargement des fichiers s affiche Cette bo te de dialogue indique les op rations qui seront effectu es pour chacun des fichiers Ajouter le fichier sera ajout Remplacer le fichier en ligne sera remplac Passer le fichier en ligne ne sera pas mis jour Activez l option Supprimer les fichiers distants non utilis s pour que WebPlus supprime automatiquement toutes les images et toutes les pages non utilis es
33. utiliserez pour identifier ce compte dans WebPlus au cas o vous auriez plusieurs comptes g rer e L Adresse FTP de votre espace Web savoir une adresse URL sp cifique communiqu e par votre h bergeur e Num ro de port A moins que votre fournisseur ne vous le d conseille laissez le num ro de port sur 21 e Laissez la case Dossier vide moins que votre fournisseur ne vous demande le contraire ou que vous ne souhaitiez publier votre site dans un sous dossier sp cifique de votre dossier racine e Vous devez galement conna tre l identifiant et le mot de passe que vous a attribu s votre fournisseur de services Le plus souvent ils correspondent vos param tres de connexion de messagerie Veillez saisir correctement le mot de passe en utilisant les majuscules et les minuscules Pr visualised et publier 167 bon escient sinon votre serveur h te pourrait ne pas le reconnaitre e Cochez l option Enregistrer le mot de passe pour que votre ordinateur le m morise et ne vous le demande pas a nouveau pour chaque transfert e Mode passif Laissez coch a moins d avoir des probl mes de connexion FTP Si vous tes certain e que vos informations FTP sont correctes d cochez Mode passif pour tenter de r soudre le probl me Les h bergeurs peuvent utiliser des modes FTP passifs ou actifs Veuillez v rifier aupr s d eux e Adresse du site Web indiquez l URL de votre site Cela vous permet d affi
34. votre identifiant et votre mot de passe Cochez la case M moriser les informations pour acc der directement aux Ressources Web par la suite sans cran de connexion Cliquez sur le bouton Connexion La boite de dialogue Objets intelligents apparait Vous pouvez v rifier les informations de votre compte dans la boite de dialogue Objets intelligents en cliquant sur le bouton Mon compte Pour se d connecter des Ressources Web Serif Dans la boite de dialogue Objets intelligents cliquez sur D connexion 186 Contenu avanc Cr er des Objets intelligents Vous pouvez cr er des Objets intelligents partir des Ressources Web Serif en ajoutant une biblioth que d Objets intelligents la biblioth que qui vous permet de g rer et de modifier chaque objet Ils peuvent ensuite tre ajout s imm diatement ou par la suite Certains Objets intelligents tels que les forums blogs et fen tres d actualit s peuvent tre ins r s sur la page partir de l onglet Cr ation rapide Certains Objets intelligents comportent des interd pendances Par exemple si vous cr ez un Objet intelligent Forum un Objet intelligent Liste d utilisateurs est galement cr pour l acc s utilisateur Pour ajouter un objet la biblioth que 1 Dans la bo te de dialogue Objets intelligents cliquez sur Nouveau 2 Dans la bo te de dialogue Cr er un Objet intelligent utilisez la barre de d filement pour parcourir la liste p
35. Cr ation rapide cat gorie l ments de mise en page cliquez sur Tableau 2 Cliquez sur votre page ou faites glisser le pointeur pour d finir la taille de votre tableau La bo te de dialogue Cr er un tableau s affiche avec une s lection de formats de tableau pr d finis dans la fen tre Format 3 Parcourez la liste pour visualiser les formats et s lectionnez en un Pour commencer avec un tableau simple s lectionnez Par d faut 4 Facultatif Cliquez sur Modifier pour personnaliser le format choisi 5 D finissez la Taille du tableau Il s agit du nombre de lignes et de colonnes composant la mise en forme du tableau 6 Cliquez sur OK Le nouveau tableau s affiche sur la page Pour modifier la structure et le contenu des cellules de tableaux reportez vous a la rubrique Manipuler les tableaux de l aide de WebPlus 58 l ments de mise en page Ins rer des glissi res Les glissi res constituent un moyen amusant et passionnant d animer des panneaux Elles se pr tent parfaitement diverses utilisations banni res publicitaires bandeaux d actualit s et barres de navigation alternatives Chaque glissi re se compose d une s rie de panneaux un seul panneau tant visible la fois Niort pelleniesque sign dope qu ee Don y pe ets e een Lu des ue Dees s peed ob Hg ane m n e oh mi ans Bet see ge pie ed en meee er a els ei lri ni ee QD pss betes cere 0000 Corabito
36. at gorie Contenu externe g r cliquez sur Forum To 2 O Faites glisser le pointeur sur votre page pour d finir la taille de votre forum Si vous n avez pas de compte Ressources Web Serif ou si vous tes d connect la bo te de dialogue d ouverture de session correspondant s ouvre Pour s inscrire cliquez sur Cr er un compte dans la section Nouvel utilisateur OU Si votre session est d j ouverte une bo te de dialogue Modifier s ouvre 3 Dans la bo te de dialogue attribuez un nom votre forum Il s agit du titre qui appara tra en haut du forum mis en ligne 100 Contenu externe g r 4 Ajoutez une description du forum pour d crire l objectif du forum 5 Cliquez sur le bouton Enregistrer Le forum appara t sur votre page e Si vous souhaitez utiliser un Objet intelligent Acc s utilisateur pr sent dans les Ressources Web Serif vous pourrez le s lectionner dans la liste d roulante Acc s utilisateur Existant Vous pouvez aussi cr er un Objet intelligent Acc s utilisateur pour le nouveau forum en cochant l option Acc s utilisateur Nouveau Pour cr er un forum vous pouvez galement ex cuter la commande Objet intelligent du menu Insertion Pour modifier votre forum e Double cliquez sur le forum Pour plus d informations sur l acc s utilisateur des Ressources Web Serif reportez vous la rubrique Les Objets intelligents p 180 G rer votre forum Pour l in
37. ateurs telles qu un cadre ou un arri re plan Cliquez sur OK Positionnez votre pointeur puis cliquez sur la page pour ajouter votre texte d filant une taille par d faut OU Tracez une zone sur votre page pour cr er et ins rer votre texte d filant des dimensions sp cifiques Pour modifier un texte d filant Double cliquez sur le texte La bo te de dialogue Texte d filant r appara t et affiche les param tres actifs 92 Objets interactifs Contenu externe g r 94 Contenu externe g r Contenu externe g r 95 Ins rer un blog Un blog est un journal de bord int gr a votre site Web dans lequel vous pouvez faire figurer des articles r dig s et qui propose un diteur de texte simple a utiliser Les visiteurs de votre page Web peuvent commenter vos articles Dans WebPlus les blogs sont en r alit des Objets intelligents un terme courant pour indiquer qu il s agit d Objets intelligents c t serveur h berg s par un service en ligne s curis appel Ressources Web Serif Ainsi pour utiliser des blogs comme pour tous les Objets intelligents il est n cessaire de disposer d un compte Ressources Web Serif valide que vous pouvez cr er en m me temps que votre blog En tant que propri taire vous pouvez g rer le blog Vous pouvez ajouter diter ou supprimer des articles ou encore supprimer les commentaires des internautes Autre fonction vous pouvez autoriser plusie
38. autres sur lesquels baser votre site Ajoutez simplement vos images personnelles aux images fictives ditez les titres et le texte puis publiez Configurer des sites et des pages 17 Mod les pros pr d finis Class s par cat gories ces mod les contiennent des images libres de droits et des titres accrocheurs que vous pouvez adopter pour cr er rapidement votre site Web Il ne vous reste qu personnaliser le texte de l image fictive puis publier Des mises en page quivalentes pour mobile sont disponibles pour les mises en page th matiques et les mod les pros ils permettent de cr er un site optimis pour un acc s sur smartphone Pour cr er un site partir d un mod le 1 Ouvrez WebPlus ou s lectionnez Assistant de d marrage dans le menu Fichier 2 Cliquez sur Mod les 3 Dans le volet color s lectionnez une option bureau ou mobile dans les mises en page th matiques ou dans les cat gories de mod les pros de WebPlus X7 4 Parcourez le volet principal l aide de la barre de d filement de droite 18 Configurer des sites et des pages 5 S lectionnez une miniature dans le volet principal Eco Mise en page th matique Mise en page th matique Bureau Mobile 2 En un 4 ag 0 3 Mode de vie bungalow Mode de vie bungalow Modele pro Bureau Modele pro Mobile 6 Dans le volet de droite choisissez les pages que vous voulez int grer votre site Web
39. bl mes plus tard vous pouvez utiliser le filtre Probl mes du site 162 Pr visualised et publier Pour rechercher les probl mes du site L iag Cliquez sur Ey Gestionnaire de site dans la barre d outils contextuelle par d faut puis s lectionnez V rificateur de site Le volet V rificateur de site du Gestionnaire de site s affiche par d faut Facultatif Dans le menu d roulant Page s lectionnez Toutes les pages pour obtenir la liste des probl mes li s l ensemble des pages du site ou s lectionnez une page sp cifique pour obtenir la liste des probl mes propres cette page Dans le menu d roulant Type s lectionnez Tous les probl mes du site pour afficher tous les types de probl mes ou s lectionnez des types de probl mes sp cifiques e Navigation e Mise en forme du texte e Formulaire et E Commerce Cliquez sur le bouton D marrer pour lancer l analyse Les probl mes seront automatiquement r pertori s Par d faut les probl mes sont r pertori s en fonction de l ordre des pages Pour r organiser les entr es cliquez sur l en t te de la colonne souhait e Cliquez sur un probl me sp cifique pour afficher la solution principale et la solution secondaire propos es dans la zone de texte situ e au bas de la fen tre Pr visualised et publier 163 Pour resoudre plusieurs problemes automatiquement l Cochez la case Page en haut gauche de la liste pour s lecti
40. cher le site partir d une bo te de dialogue apr s le t l chargement par FTP e Cliquez sur OK pour fermer la bo te de dialogue Infos sur le compte 3 Dans la bo te de dialogue Charger sur le serveur cliquez sur le bouton Tester pour tester votre compte FTP Si le test est r ussi une bo te de dialogue s affiche pour indiquer que la connexion a t tablie e Si vous ajoutez des comptes vous devrez indiquer lequel utiliser partir de la liste d roulante du champ Compte FTP 168 Pr visualised et publier 4 Choisissez d enregistrer les informations du compte FTP e sur votre ordinateur les d tails du compte seront enregistr s dans WebPlus OU e dans le site actif pour plus d infos reportez vous la rubrique G rer les informations du compte FTP de l aide de WebPlus 5 Cliquez sur Mettre a jour un compte La bo te de dialogue Publier sur le Web s ouvre pour vous permettre de publier votre site Web Pour publier votre site l Dans la bo te de dialogue Publier sur le Web s lectionnez dans la liste d roulante le compte FTP utiliser Si votre site Web utilise une base de donn es la case Fusionner avant la publication est coch e Si des modifications ont t apport es la base de donn es mais que vous ne souhaitez pas relancer la fusion d sactivez cette option l option est gris e si aucune base de donn es aucune modification n est d tect e Pour plus d informations
41. cke les compositions pour le site Images images r gl es ou d coup es Contenu de page barres de navigation boutons formulaires Contenu de page zones de texte images r gl es cadres glissi res panneaux Pages Param tres arri re plans th mes de formulaire barres de navigation boutons propri t s CSS lecteur vid o options d l ment E Commerce informations d envoi E Commerce Stocker l objet Stocker les param tres de l objet N 154 Des compositions stimulant votre cr ativit CR A la fermeture de votre site toute composition cr e et stock e dans ces cat gories devra tre enregistr e Un message vous invite enregistrer un pack de compositions personnalis sp cifique au site Vous pouvez ajouter des objets et leurs param tres en le d pla ant depuis la page vers l onglet Compositions puis en le repla ant sur votre page l endroit et au moment o vous le souhaitez Vous ne pouvez pas faire glisser des pages depuis votre espace de travail mais vous pouvez les ajouter partir de la cat gorie de l onglet Stocker dans Mes mod les Si vous souhaitez stocker vos objets pour une utilisation globale la cat gorie Mes mod les de l onglet Compositions est id ale les compositions stock es seront tout moment disponibles avec le site que vous cr erez O M Viy la premi re installation de WebPlus la galerie Mes mod les est Ipsu r v
42. coller le chemin du fichier XML copi d crit ci dessus http mydomainname slideshowpro com images php album 305908 La configuration des autres boites de dialogue est comparable a celle des autres types de galeries photos 56 l ments de mise en page Ins rer des tableaux Avec leurs fonctions incorpor es de feuilles de calcul les tableaux sont l outil id al pour la pr sentation de texte et de donn es sous forme de lignes et de colonnes facilement personnalisables et vari es Vivamus vel 345 56 4 24 4 97 Donec viverra 345 33 Praesent nisl 334 B299 4 64 5 44 Mauris nibh 089 78 2 93 3 44 Nullam eleifend 455 13 7 10 8 32 1 2 55 2 99 Chaque cellule d un tableau se comporte comme une mini zone de texte Comme dans une zone de texte vous pouvez modifier les propri t s des caract res et des paragraphes appliquer des styles de texte choisis incorporer des images ancr es appliquer des remplissages de couleur unie au texte et utiliser des options de r vision telles que la correction orthographique et des fonctions sp ciales telles que les formats num riques et l insertion de formules WebPlus est fourni avec une s lection de formats de tableau pr d finis c est dire des mod les que vous pouvez s lectionner et appliquer aux cellules avec un contenu l ments de mise en page 57 Pour ins rer un tableau l Sous l onglet
43. cran lorsque le pointeur de la souris de l internaute la survole L image grand format s affiche g n ralement c t de la miniature originale mi pes PEPE EE PoE EEE ae re TEE TELE LCL CCD LCL TC LL CC z j i j pA PE E ee ri erie ENEA eee 84 Objets interactifs WebPlus vous permet de d finir l emplacement et la taille de l image l tat Survol par rapport la miniature vous pouvez galement remplacer ou redimensionner la miniature tout moment Pour ins rer une image survolee Popup l Cliquez sur a F pi Image survol e Popup sous l onglet Cr ation rapide Objets interactifs et faites glisser le pointeur d insertion sur votre page pour d finir la taille du survol Dans la bo te de dialogue Modifier l image survol e Popup sous l onglet Image survol e Pour l image survol e normale cliquez sur le bouton Parcourir et s lectionnez l image l tat Normal Cliquez sur Ouvrir ou Cliquez sur le bouton Parcourir les compositions et recherchez une image dans les packs de compositions enregistr s L image que vous avez s lectionn e pour l tat Normal est utilis e par d faut comme image l tat Survol ce qui convient pour la cr ation d albums photos Toutefois vous pouvez cliquer sur Parcourir ou Parcourir les compositions pour s lectionner une autre image Facultatif Sp cifiez le style d animation et la vitesse de l image popup
44. cre un objet 1 Utilisez l outil Pointeur pour s lectionner l objet cible 2 S lectionnez Identifiant et ancre dans la barre d outils Propri t s 3 Dans la bo te de dialogue s lectionnez Consid rer cet objet comme une ancre 4 Facultatif Pour attribuer un nom d identification une ancre au lieu d utiliser l identifiant HTML de l objet d cochez Utiliser l identifiant de l objet puis entrez un nom dans le champ de saisie Identifiant de l ancre 5 Facultatif Activez l option Inclure l ancre dans la navigation pour faire en sorte que l ancre soit accessible par le biais d une barre de navigation et non par le biais d un lien hypertexte 6 Cliquez sur OK Pour voir ou diter des ancres existantes e Dans le menu Outils s lectionnez Gestionnaire de site Gestionnaire des ancres pour afficher renommer ou supprimer une ancre attach e un objet sp cifique Vous pouvez galement inclure une ancre dans la navigation Objets interactifs 82 Objets interactifs Objets interactifs 83 Ins rer des images survol es Toute image dont l apparence change en r ponse une action de la souris est appel e une image survol e Une action de souris peut par exemple tre un clic ou un survol de la souris Ins rer des images survol es Popup La fonction Image survol e popup de WebPlus est le plus souvent utilis e pour cr er une miniature dont la version grand format appara t a l
45. cture du site id ale pour les sites de grande taille 24 Configurer des sites et des pages Via l onglet Site Dans WebPlus l arborescence Structure du site sous l onglet Site apporte une aide visuelle permettant d organiser le contenu du site en sections et en niveaux Voici l apparence possible d une Structure Via la vue de la structure du site Pour les sites plus volumineux la Vue de la structure du site peut suppl er l onglet Site en proposant une vue en plein cran permettant de pr visualiser les sections et niveaux de votre structure de site sous forme de miniatures de pages pr sent es dans une arborescence Configurer des sites et des pages 25 Pour afficher la structure de votre site e Dans la barre d outils Standard s lectionnez a Afficher la structure du site La barre d outils vous permet aussi d afficher et de pr visualiser des pages d inclure exclure des pages de la navigation r agencer les pages par glisser d poser et m me de publier rapidement une s lection de pages D finir les propri t s du site Les propri t s du site permettent de d finir des r glages qui s appliqueront la totalit du site De mani re g n rale les propri t s essentielles d un site largeur de page hauteur etc sont automatiquement d finies la s lection d un mod le ou la cr ation d un projet Les autres param tres n ont normalement pas besoin d tre modifi s m me si l op ration
46. d ajouter des photos votre galerie et de publier nouveau votre site Web Pour copier le lien de vos photos partir du site Web Flickr 1 Rendez vous sur flickr com et connectez vous votre compte 2 Cliquez sur Votre galerie 3 Faites d filer la page jusqu l ic ne de flux RSS effectuez un clic droit sur l ic ne et s lectionnez Copier le raccourci e V rifiez que le lien copi est toujours stock dans votre Presse papiers lorsque vous tes sur le point de le coller dans WebPlus l ments de mise en page 55 Pour copier le lien de vos photos partir de SlideShowPro Director 1 Rendez vous sur le site Web de SlideShowPro Director et connectez vous votre compte 2 Recherchez votre album et sous Publish cliquez sur le bouton Copy sous l option Copy XML File Path pour copier le lien dans votre Presse papiers Pour inserer une galerie photos avec flux en direct l Fa Dans la bo te de dialogue Galerie photos cliquez sur Galerie photos Flash professionnelle flux en direct 2 Cliquez sur Suivant gt 3 Activez M dia RSS 2 0 ou SlideShowPro Director en fonction de la source de photos utiliser e Pour la premi re option vous pouvez coller le lien du flux RSS copi d crit ci dessus dans la liste d roulante associ e http api flickr com services feeds photos_public gne id 77051211 N038ang en us amp format rss_20 OU e Pour la seconde option vous pouvez
47. de la recherche cr e une fen tre dans laquelle les r sultats de la recherche sont affich s En g n ral la fen tre est plac e et dimensionn e sur sa propre page et elle ne figure pas dans la structure de navigation du site Vous placerez normalement le champ de recherche avant d ajouter l objet Formulaire Champ de recherche Objet Formulaire Champ de recherche champ de texte dans lequel les utilisateurs saisissent le mot ou l expression recherch s Cet objet est g n ralement ajout une maquette et appara t sur toutes les pages du site Objets interactifs 87 Les r sultats de la recherche pr sentent le titre d une page constituant un lien hypertexte ainsi que le texte de la page Web associ e pour r f rence Les visiteurs cliquent simplement sur le lien hypertexte pour acc der a la page Web Pour ajouter les Resultats de la recherche 1 S lectionnez Champ de recherche dans le menu Insertion et choisissez R sultats de la recherche dans le sous menu en positionnant la fen tre de r sultat de recherche sur votre page apres l avoir configur e 2 S lectionnez R sultats de la recherche sous l onglet Cr ation rapide Objets interactifs et faites glisser le pointeur d insertion sur votre page pour placer votre fen tre de r sultat de recherche 3 Dans la fen tre de dialogue R sultats de la recherche s lectionnez diverses options pour modifier l apparence du texte des r sultats et ou le texte des
48. de s curit travers votre site Web soit pour limiter l acc s des pages sp cifiques soit pour contr ler l acc s utilisateur aux forums et autres fonctions des Ressources Web Serif e Pour la s curit des pages identifiez vous sur un page prot g e par mot de passe ou via un champ d identification sur la page Cette m thode est g n ralement employ e sur les sites Web personnels ou de petites entreprises Il est possible de laisser la majorit du site en acc s libre avec un nombre limit de pages accessibles des visiteurs Web s lectionn s Par exemple une page de galerie de photos peut tre rendue priv e tout en tant partag e par un groupe d utilisateurs sp cifique par la saisie d un mot de passe Les informations d identification sont conserv es dans un groupe d utilisateurs associ la page qui contient une liste d utilisateurs autoris s les utilisateurs sont ajout s manuellement par l administrateur du site Web et les nouveaux utilisateurs peuvent s inscrire e Pour la s curit des Objets intelligents acc s utilisateur aux forums aux blogs et au SGC e Forums pour la gestion des utilisateurs et la mod ration de groupes e Blogs pour ajouter et supprimer des articles via un Groupe des diteurs e SGC pour administrer les articles de votre SGC Contenu avanc 191 L acc s utilisateur est possible via les Ressources Web Serif partir d un Objet intelligent Liste d utilisateu
49. des boutons 70 Ajouter des liens hypertextes et des actions ee 73 Ajouter Une ancre sers 79 Objets interactifs S I Ins rer des images survol es 83 Ins rer des images survol es Popup eeeeeeeeeees 83 Ins rer un Champ de recherche c ceseeceeeeeeeessssneeeeees 86 Ins rer des cartes Google 88 Textes d filants ccccccsssscceceeeeeceeeesseseeesssssssaeseneeeeeeess 90 Contenu externe g r IS Ins rer un blog 95 Ins rer UN fOPUM cccccecccecccecccccceccccsccecccacecacecasecaseeaees 98 Ins rer UN lecteur RSS ccccceccceccceccceeccesccceceeseeasess 103 Reseau social 000000000000000000000000000000000000000000000000000 105 Ins rer un widget Facebook 107 Ins rer un widget Twitter 109 Ins rer une barre de boutons de partage de signets 113 Table des mati res 8 M dia 000000000000000000000000000000000000000000000000000000000000000000 l 5 Ins rer des VIDEOS cccccccecececccecccecccecccasccesccacecececaceees 117 Ins rer des vid os YouTube ccccecccesccscceeceeeceuecees 119 Ins rer des vid os Vimeo 121 Ins rer des fichiers Flash SWF 122 9 FOPIMUllalires ccccccccccccccccccccccccccccccccccccccocscces 25 Ins rer des formulaires 22248022 ur 127 Transmission de formulaires 135 DOS POS ser IC yf Importer du texte partir d un fichier
50. e e Cliquez sur un champ de formulaire p ex une zone de saisie sous l onglet Cr ation rapide puis cliquez sur une zone dans laquelle placer le champ Une fois que des champs ont t positionn s dans le formulaire ils lui sont associ s Vous pouvez positionner le formulaire et les diff rents champs l aide des guides dynamiques des guides de page ou de colonne ligne comme pour n importe quel autre objet Formulaires comme positions Certains formulaires et champs sont des compositions appartenant en tant que tels des packs sp cifiques WebPlus vous permet d acc der votre Explorateur de compositions a partir du Cr ateur de formulaires et de s lectionner un autre mod le de formulaire appliquer Formulaires 133 Vous pouvez aussi stocker tout champ personnalis ou formulaire complet dans un pack de compositions personnalis en vue d une utilisation ult rieure Vous pouvez aussi charger des champs depuis un pack de compositions Pour acc der aux formulaires via l Explorateur de compositions 1 Dans le Cr ateur de formulaires onglet Mod les cliquez sur Parcourir les compositions 2 S lectionnez un formulaire dans la cat gorie Contenu de page Mod les de formulaire de l Explorateur de compositions Pour plus d informations sur les compositions reportez vous la rubrique Parcourir les compositions Si vous voulez stocker un champ de formulaire que vous avez cr de toutes pi ces ou en
51. e non lu sera accompagn e d un indicateur nouveau dans le volet Apprendre ou Actualit s i Si vous cliquez sur un nouvel article l indicateur nouveau est remplac par un indicateur lu N oubliez pas d utiliser le champ de recherche par mot cl situ en haut droite de l Assistant de d marrage Cet outil est incroyablement performant pour filtrer les noms de sites Web les articles les noms de mises en page th matiques ou les articles d actualit s K Pour acc der l Assistant de d marrage lorsque WebPlus est d j ouvert s lectionnez Assistant de d marrage dans le menu Fichier 16 Configurer des sites et des pages Cr er un site a partir d un modele WebPlus vous propose une gamme compl te de mod les de mise en page class s par cat gories permettant d acc l rer le processus de cr ation de toutes sortes de sites Web Chaque mod le propose e Un mod le compl mentaire un mod le professionnel fort impact Combinaisons choisissez une combinaison de couleurs pour d finir une apparence particuli re e Pages choisissez toutes les pages du mod le ou quelques unes seulement par exemple Accueil Produits propos de nous etc comme base de votre nouveau site Deux types de mod les existent les mises en page th matiques et les mod les pros pr ts l emploi Mises en page th matiques Elles proposent une s lection de th mes co Pop Prospectus et 15
52. e page au premier plan et une maquette l arri re plan Configurer des sites et des pages 27 Les Maquettes sont un moyen flexible de stocker des l ments d arri re plan que vous souhaitez voir appara tre sur plusieurs pages par exemple un logo un arri re plan un en t te un pied de page une bordure ou une barre de navigation Le point essentiel est qu une maquette particuli re est g n ralement partag e par plusieurs pages comme illustr ci dessous En pla ant un l ment de conception sur une maquette et en affectant plusieurs pages cette maquette vous vous assurez que toutes les pages incorporent cet l ment Bien s r chaque page individuelle peut comporter ses propres l ments L onglet Site comporte une section sup rieure Maquettes contenant vos maquettes et une section Structure du site dans la fen tre Pages contenant vos pages standard La maquette utilis e pour chaque page est indiqu e dans la fen tre Pour une conception plus vari e des pages de votre site vous pouvez cr er plusieurs maquettes voir Ajouter supprimer et r organiser les pages p 29 Lorsque vous disposez de plusieurs maquettes vous pouvez les associer des pages distinctes ou les combiner sur la m me page 28 Configurer des sites et des pages Associer une autre maquette Par d faut une maquette Maquette A p ex est automatiquement associ e aux pages cr es dans de nouveaux sites Toutefois si votre si
53. e quel site de r seau social ou d actualit s Dans WebPlus cette barre peut proposer des liens vers les r seaux sociaux les plus populaires parmi lesquels Facebook Twitter Reddit Digg etc EHDss 066 S Bien qu elle ne soit pas consid r e comme un r seau social la barre permet aussi aux internautes de partager l URL de votre site par e mail ou simplement d imprimer la page affich e e Que diriez vous de positionner votre barre de boutons sur une maquette Ainsi elle sera disponible sur toutes les pages utilisant cette maquette Pour ins rer une barre de boutons de partage de signets noe 1 sous l onglet Cr ation rapide cat gorie R seau social cliquez sur Barre de boutons de partage de signets puis cliquez sur votre page pour ins rer la barre 2 Dans la boite de dialogue s lectionnez un site Web dans la liste Non inclus dans la barre et cliquez sur Ajouter pour ajouter le bouton de ce site Web a la barre Pour supprimer un bouton de la barre s lectionnez un site Web dans la liste Inclus dans la barre puis cliquez sur Supprimer 114 R seau social 2 Facultatif Cliquez sur Haut ou Bas pour modifier l ordre d apparition des ic nes sur votre barre S lectionnez une option de partage Site pour partager votre site entier ou Page pour partager uniquement la page Cliquez sur OK Pour modifier une barre de boutons de partage de signets 1 S lectionnez la barre de boutons d
54. e site voir p 23 de mani re faciliter la conception d un site dont la navigation est simple A PROPOS DE NOUS Accueil A propos de nous Galerie Produits Nous contacter Accuel propos de nou Nous contacte NOUS CONTACTE D a propos de nou galerie produits nous contacte propos de nou Galerie Produits Nous contacte Vous pouvez ais ment ins rer des barres de navigation n importe quel niveau de votre site puis reconfigurer ceux ci afin de les relier une section sp cifique du site modifier la pr sentation d une barre de navigation et exclure certaines pages sp cifiques de la navigation selon vos besoins Ins rer des barres de navigation Les barres de navigation peuvent tre ajout es sur n importe quelle page mais on choisit g n ralement la maquette pour viter d avoir coller le m me l ment sur plusieurs pages 66 l ments de navigation Lorsque vous ins rez une barre de navigation vous pouvez d finir son apparence sur votre page en choisissant e Type la nature de votre barre de navigation p ex cr ateur graphique simple e Type de navigation le site ou la structure personnalis e sur laquelle se base la barre de navigation e Apparence le bouton le s parateur et le mod le d arri re plan de la barre de navigation Vous pouvez utiliser des mod les pr d finis ou personnalis s e Menus contextuels le mod le du menu contextuel texte ou bouto
55. edimensionn des images peuvent tre ajout es au formulaire et des champs de formulaire peuvent tre ordonn s et r organis s Les propri t s des champs de formulaire peuvent galement tre modifi es ind pendamment du Cr ateur de formulaires Pour modifier des champs de formulaire e Double cliquez sur le champ de formulaire Formulaires 135 Transmission de formulaires Tous les formulaires ont un point commun ils doivent tre transmis pour que les donn es puissent tre collect es Cette op ration est effectu e par l internaute l aide d un bouton d di Envoyer disponible en tant que champ de formulaire dans le Cr ateur de formulaires ou en cr ant un formulaire de toutes pi ces Le bouton doit tre pr sent sur le formulaire et est g n ralement associ un bouton Effacer pour effacer les donn es saisies dans tous les champs du formulaire O les donn es sont elles envoy es Apr s l envoi les donn es du formulaire peuvent tre transmises l une des destinations suivantes e Ressources Web de Serif pour le transfert des donn es de formulaire envoy es votre e mail via Serif e Une adresse e mail celle du d veloppeur du site Web e Un fichier de script enregistr au niveau local ou distant le script peut crire un texte dans un fichier texte ou sur la base de donn es d un serveur Ces options d envoi peuvent tre param tr es depuis le Cr ateur de formulaires a
56. ement des utilisateurs Pour un forum priv vous pouvez ajouter un groupe d utilisateurs pour viter que les nouveaux utilisateurs doivent s inscrire eux m mes e Bannir suspendre des utilisateurs Dans un environnement de d bat anim une mod ration point nomm est souvent n cessaire pour rappeler aux membres le th me d une rubrique et les r gles maison Vous tes habilit bannir ou suspendre en cons quence 102 Contenu externe g r Pour ajouter manuellement des membres de forum 1 S lectionnez Objet intelligent dans le menu Insertion 2 Dans la liste Biblioth que d Objets intelligents s lectionnez l Objet intelligent Liste d utilisateurs portant le m me nom que votre forum 3 Cliquez sur G rer 4 Utilisez les onglets Utilisateurs et Groupes pour ajouter manuellement des utilisateurs et l onglet Interdictions pour bannir suspendre des membres 5 Cliquez sur Quitter Par nature les forums sont des objets complexes Pour obtenir plus d informations sur la configuration ainsi qu une description des options cliquez sur le bouton Aide dans n importe quelle bo te de dialogue Objet intelligent Contenu externe g r 103 Ins rer un lecteur RSS WebPlus vous permet d inclure votre page Web un flux RSS provenant d un autre site Si vous ajoutez le lecteur de flux RSS a votre page l abonnement au flux RSS ou podcast choisi est automatiquement mis en place Cette section explique c
57. ement vers la cat gorie Param tres Une bo te de dialogue contextuelle vous permet de choisir le type de param tres que vous souhaitez enregistrer Lorsque vous cr ez des arri re plans des th mes de formulaire des barres de navigation des boutons des propri t s CSS un lecteur vid o des options d l ment E Commerce des remises E Commerce des informations d envoi E Commerce vous avez la possibilit d enregistrer directement vos param tres personnalis s dans la cat gorie Param tres de l onglet Compositions Epingler des cat gories et des compositions sp cifiques En pinglant des compositions sp cifiques et des cat gories enti res de l onglet Compositions vous pouvez les rendre accessibles pour tous les sites c est dire globalement Vous ne pouvez pingler des compositions que si elles ont t enregistr es dans un pack de compositions Si vous tenez d pingler une composition non enregistr e un message vous invitera enregistrer votre pack de compositions Des compositions stimulant votre cr ativit 157 Pour pingler et lib rer des compositions Pour pingler toutes les compositions d une cat gorie cliquez sur Tout pingler dans l en t te de la cat gorie ou Pour pingler une composition sp cifique cliquez sur l ic ne i correspondante S Pour lib rer toutes les compositions d une cat gorie cliquez sur Tout lib rer dans l en t te de la cat gorie
58. er d poser aucune connaissance en programmation n est requise Ajoutez des modules intelligents compos s d tiquettes et d un ou plusieurs champs appliquez une mise en page intelligente et choisissez un style Vous pouvez ventuellement convertir ces formulaires intelligents en objets de formulaire enti rement modifiables Et la collecte des donn es de vos formulaires reste gratuite et facile configurer Gestionnaire d h bergement Ce nouvel Objet intelligent constitue pour les h teliers et autres g rants d h bergements un moyen astucieux de proposer une r servation en ligne agr ment e d une v rification de la disponibilit d e mails de confirmation et de p riodes de tarification quels que soient le nombre de chambres le type de chambre de pi ces etc Il permet galement de g rer les r servations par t l phone d laborer des comptes rendus et de consulter un historique des r servations en ligne et hors ligne Comme les autres Objets intelligents il est gratuit et ne n cessite aucune programmation ni aucune configuration c t serveur Listes de lecture YouTube et vid os Vimeo Vous pouvez pr sent ajouter votre site des vid os Vimeo en flux continu et am liorer votre offre de contenu vid o YouTube avec des listes de lecture qu il s agisse de listes de lecture YouTube d une liste bas e sur le r sultat d une recherche des t l chargements propos s par une cha ne ou d une liste de lec
59. erif L De Dans le menu Insertion s lectionnez Objets intelligents Dans la boite de dialogue de connexion cliquez sur le lien Cr er un compte sous les zones de saisie Dans la boite de dialogue suivante saisissez votre adresse e mail courante votre nom de connexion et votre mot de passe deux fois Vous devez lire et accepter les termes et conditions Serif Cliquez sur le bouton S inscrire Une boite de dialogue suppl mentaire vous demande de saisir des informations personnelles et de cocher quelques cases pour indiquer si vous voulez recevoir les lettres d information de Serif les offres sp ciales Un message de confirmation sera envoy a votre adresse lectronique Cliqu z sur le lien figurant dans le message vous aurez la possibilit de vous connecter aux Ressources Web Serif via la commande Insertion Objet intelligent Contenu avanc 185 Pour nettoyer les informations sur le compte S lectionnez Outils Options et cliquez sur Purger Infos sur le compte dans le menu Options G n ral Les informations de connexion aux Ressources Web Serif seront effac es et la connexion ne pourra plus tre tablie automatiquement Vous devrez saisir ces informations la prochaine fois que vous souhaiterez acc der au service Assurez vous donc de ne pas avoir oubli votre mot de passe Pour acc der aux Ressources Web l 2 Dans le menu Insertion s lectionnez Objets intelligents A l invite saisissez
60. es pieces d autres formulaires courants notamment des formulaires d envoi de CV de sondage d inscription a des concours ou de saisie de coordonn es e A l aide d un formulaire vierge int gr la page pour ajouter des champs de formulaire depuis l onglet Cr ation rapide Cr er des formulaires partir d un mod le La fa on la plus facile de cr er des formulaires courants consiste s lectionner l un des mod les de l impressionnante collection de mod les que propose le Cr ateur de formulaires Ces mod les peuvent tre utilis s sans modification ils sont donc pr ts l emploi vous n avez plus qu d cider du destinataire des donn es de formulaire Il est galement facile d adapter le mod le vos besoins en ajoutant supprimant ou modifiant les diff rents champs Pour cr er un formulaire partir d un mod le Sous l onglet Cr ation rapide s lectionnez Formulaire dans la cat gorie Formulaires puis cliquez sur la page 2 Dans le Cr ateur de formulaires v rifiez que l onglet Mod les est s lectionn puis s lectionnez un mod le de formulaire dans le volet de l onglet Passez en revue les mod les dans la fen tre d aper u de droite 130 Formulaires 3 Sous l onglet Th me s lectionnez une apparence pour votre formulaire 4 Facultatif Sous l onglet Champs Ajouter un champ cliquez sur un champ pour l ajouter votre formulaire Supprimez les champs superflus ou r organi
61. est possible Certaines propri t s du site telles que les param tres d apparence de la page et d optimisation pour les moteurs de recherche s appliquent aussi aux pages via les Propri t s de la page Cela permet de remplacer ou de compl ter les propri t s globales du site respectivement et d appliquer des param tres locaux a des pages particuli res Pour afficher ou modifier les param tres du site e S lectionnez Propri t s du site dans le menu Propri t s La bo te de dialogue Propri t s du site appara t chaque option de menu affich e repr sentant un aspect des propri t s du site 26 Configurer des sites et des pages ge e D finir les proprietes de la page Votre site WebPlus comporte son propre cadre de travail compos du site lui m me d une ou plusieurs maquettes et d un certain nombre de pages distinctes Chaque aspect de ce cadre de travail est d fini par divers param tres de propri t qui contribuent l apparence et au comportement de votre site lorsqu il est publi Que vous commenciez par un mod le WebPlus ou partir de z ro vous pouvez utiliser les param tres par d faut ou les modifier selon vos besoins Pour afficher ou modifier les param tres de la page maquette e Faites un clic droit sur la page active et s lectionnez Propri t s de la page Pr sentation des pages et des maquettes Du point de vue de la conception chaque page WebPlus comporte un
62. et Type de navigation indiquez si vous souhaitez directement baser votre barre de navigation sur la Structure du site cochez Bas sur la structure du site _ ou _ Personnaliser les options de la barre de navigation Si vous choisissez Bas sur la structure du site vous pouvez e S lectionner le niveau des pages qui seront incluses dans la barre de navigation Niveau racine Niveau parent M me niveau etc e En fonction des l ments s lectionn s vous pouvez d cidez d inclure les pages enfants les ancres la page d accueil la page parent et ou de masquer la page courante ou d sactiver les liens 68 l ments de navigation e D finissez l option Fen tre ou cadre cible pour indiquer a quel emplacement la nouvelle page doit s ouvrir S lectionnez M me fen tre option la plus utilis e Nouvelle fen tre utile dans le cas d un renvoi vers une page externe au site Haut de la fen tre courante Fen tre parent Fen tre nomm e et Cadre flottant ou Lightbox 7 Cliquez sur OK Le barre de navigation s affiche sur votre page e Des combinaisons de couleurs sont appliqu es certaines barres de navigation ce qui vous permet de mieux contr ler leur apparence Pour modifier une barre de navigation 1 Double cliquez sur la barre de navigation 2 Modifiez les param tres disponibles sous chaque onglet comme d crit ci dessus Il est galement possible de personnaliser les barres de navigation boutons
63. et pour le partager avec vos coll gues vos clients vos amis ou votre famille Mise a niveau Si vous avez effectu une mise a niveau a partir d une version ant rieure du produit cette nouvelle dition de WebPlus inclut une multitude de nouvelles fonctionnalit s int ressantes p 5 grace auxquelles WebPlus dame le pion a ses concurrents pour un prix inf rieur Nous esp rons que vous appr cierez cette am lioration des performances Enregistrement N oubliez pas d enregistrer votre copie du logiciel l aide de l Assistant d enregistrement dans le menu Aide Vous serez ainsi inform des nouveaux d veloppements et des mises jour venir Manuel d utilisation Le manuel d utilisation de WebPlus X7 permettra aussi bien aux novices qu aux utilisateurs exp riment s de tirer le meilleur parti de WebPlus tant donn que ce programme propose une multitude de fonctions ce manuel d utilisation ne couvre pas toutes les fonctionnalit s du produit pr f rant se concentrer sur les principales fonctions ainsi que les plus utilis es Pour une assistance exhaustive reportez vous l aide de WebPlus appuyez sur la touche F1 Bienvenue 5 Nouvelles fonctions En s appuyant sur un cr ateur de site Web performant et riche en fonctionnalit s la derni re version de WebPlus apporte des innovations vous permettant d am liorer la modernit le professionnalisme et l interactivit de vos sites tout en proposant un env
64. ge Pour d marrer PhotoLab 1 S lectionnez l image laquelle vous souhaitez appliquer un filtre 2 Cliquez sur PhotoLab dans la barre d outils contextuelle 3 S lectionnez un filtre sous les onglets de filtres Favoris R glages ou Effets 4 O Ajustez les param tres du filtre votre gr dans la Zone de test situ e dans la partie inf rieure droite puis cliquez sur Valider 5 R p tez l op ration pour chaque filtre suppl mentaire 6 Cliquez sur OK Pour plus d informations reportez vous l aide de WebPlus l ments de mise en page 45 D couper des images Le Studio de d coupe est une puissante solution int gr e vous permettant de d couper des objets dans leur arri re plan Selon la composition de vos images vous pouvez s parer le sujet d int r t de son arri re plan soit en conservant le sujet g n ralement des personnes ou des objets etc ou supprimer un arri re plan uniforme simple ciel toile de fond de studio p ex Dans les deux cas l image d coup e r sultante fait ressortir votre site du lot Pour lancer le Studio de d coupe 1 S lectionnez une image d couper w 2 Cliquez sur Studio de d coupe dans la barre d outils contextuelle qui s affiche alors Le Studio de d coupe s ouvre 3 s 4 Cliquez sur Pinceau Conserver ou sur Pinceau Supprimer gauche de l espace de travail du Studio puis dessinez les zones conserver ou supprimer Pour de
65. id os dans un m me lecteur Pour ins rer une vid o ou une liste de lecture l 6 Sous l onglet Cr ation rapide cat gorie M dia cliquez sur Lecteur vid o 2 Positionnez le pointeur a l emplacement o vous souhaitez que le lecteur vid o s affiche sur la page puis cliquez simplement 118 M dia 3 Choisissez le format de votre lecteur vid o Utilisez une vid o HTML5 et MP4 Le format HTMLS offre une meilleure compatibilit sans plug in de navigateur ni logiciel de lecture multim dia requis ou Utilisez une vid o Flash Choisissez l ancien lecteur vid o Flash pour le format vid o Flash FLV Pour visionner les vid os Flash FLV les visiteurs de votre site Web doivent installer le plug in Flash Player Ajoutez vos vid os au lecteur Ajoutez des vid os une a une ou Ajoutez toutes les vid os d un dossier ou Ajoutez les vid os partir de vos compositions ou Ajoutez une vid o d j disponible en ligne 5 Facultatif Pour supprimer une vid o de la liste de lecture cochez la case situ e gauche de la miniature correspondante puis cliquez sur Supprimer 6 Cliquez sur OK M dia 119 Ins rer des vid os YouTube Les vid os YouTube d j publi es sur Internet peuvent tre incluses dans votre page Web Les vid os YouTube elles m mes ne sont pas int gr es votre site Lorsque vous placez une vid o YouTube sur votre page c est son identifiant vid
66. ide Vous pouvez lui ajouter des objets Des compositions stimulant votre cr ativit 155 Pour stocker un objet dans Mes modeles e Faites glisser l objet depuis la page et d posez le dans la cat gorie Mes mod les de l onglet Compositions Inutile de d velopper pr alablement la cat gorie l op ration se fera automatiquement Styles Polices Cr ati Corp he x F Parcourir p Ouvrir Mes mod les Si vous faites glisser un objet dans une autre cat gorie ou s lectionnez des compositions pr d finies dans des packs dans l Explorateur de compositions le mod le stock ne sera disponible que sur le site actif Stocker des pages Toute page pr sente sur votre site peut tre stock e sous l onglet Compositions cat gorie Pages Pour stocker une page Dans la cat gorie Pages de l onglet Compositions cliquez sur Ajouter Dans la bo te de dialogue cochez une page ou une maquette pr sente sur votre site Cliquez sur OK La page appara t dans la cat gorie Pages 156 Des compositions stimulant votre cr ativit Stocker des param tres de compositions Plut t que de stocker un objet il est possible de stocker uniquement ses param tres afin de les r utiliser ult rieurement Vous pouvez par exemple enregistrer le mod le d un bouton personnalis plut t que le bouton lui m me Comme pour les objets vous pouvez stocker des param tres en faisant glisser l objet mais uniqu
67. ifier des param tres sous forme de paires nom valeur Facultatif Appliquez des Actions standard des objets des options d identifiant d ancre ou des propri t s CSS l aide des onglets de param tres universels Cliquez sur OK Pour modifier une vid o Flash Double cliquez sur votre animation Flash 124 M dia 126 Formulaires Formulaires 127 Ins rer des formulaires Les formulaires Web permettent de collecter de fa on efficace et moderne des informations aupr s des personnes visitant votre site Web Les donn es de formulaires peuvent tre collect es de diverses mani res par e mail via un fichier script local ou distant ou par le biais des ressources Web Serif Voir Transmission de formulaires D 135 Structure des formulaires Les blocs constitutifs d un formulaire sont un m lange de texte de graphiques et de champs de formulaire Un champ peut tre un bouton une zone de saisie un s lecteur de date une zone de texte une zone de liste une case cocher un bouton radio un objet CAPTCHA ou un transfert de fichiers Un formulaire typique tel qu un formulaire d envoi de commentaires par e mail contient plusieurs de ces champs Le visiteur saisit les informations dans des zones de saisie ou s lectionne des donn es l aide de cases cocher de boutons radio ou de listes d roulantes Les informations saisies peuvent tre des valeurs num riques du texte ou les deux selon le type
68. ires pour modifier les sites complexes et ou de grande taille Facultatif e Imprimante compatible Windows e Scanner et ou appareil num rique compatible TWAIN e NET 2 0 pour filtre d importation de texte Word 2007 2010 OpenOffice install par d faut Configurer dies sites et des pages 12 Configurer des sites et des pages Configurer des sites et des pages 13 Assistant de d marrage Apr s l installation de WebPlus le programme est pr t tre utilis e Sous Windows Vista 7 L installation ajoute un l ment Serif WebPlus X7 dans le sous menu Tous les Programmes du menu D marrer de Windows Utilisez le bouton D marrer de Windows pour d rouler le menu puis cliquez sur Tous les programmes enfin s lectionnez Serif WebPlus X7 e Sous Windows 8 La routine d installation ajoute l l ment Serif WebPlus X7 sur le Bureau Double cliquez sur l ic ne WebPlus sur le Bureau ou si le Bureau est masqu cliquez sur le bouton D marrer de Windows pour l afficher Au lancement l Assistant de d marrage s affiche offrant diff rentes fonctionnalit s de WebPlus WebPlus X7 Faites d s aujourd hui vos premiers pas avec WebPlus X7 Vous d couvrez WebPlus et voulez savoir par o commencer Apprendre Nouveau site Mod les 13 Actualit s Visionner la vid o de d marrage rapide ici Continuer wy 14 Configurer des sites et des pages Les options peuvent tre decr
69. ironnement de travail refondu et plus efficace e Sites Web HTMLS5 Les sites Web que vous cr ez avec WebPlus X7 utilisent la nouvelle norme Internet HTML5 qui offre une rapidit d affichage et un superbe r sultat dans tous les navigateurs de bureau et mobiles modernes WebPlus g re automatiquement le code votre place lorsque vous publiez votre site mais si vous voulez ins rer un autre code afin d ajouter de nouvelles fonctionnalit s HTML5 offre une compatibilit sup rieure e Fonctionnement sur les ordinateurs 64 bits pour des performances am lior es WebPlus est enti rement optimis pour un fonctionnement sur les ordinateurs 64 bits La version appropri e s installera automatiquement sur les syst mes 64 bits Ergonomie e Assistant de d marrage bas sur les flux Le tout nouveau point de d part de votre conception Web fournit une multitude d actualit s et des ressources d apprentissage sp cifiques a WebPlus didacticiels vid o didacticiels papier aide trucs et astuces L assistant conserve la trace des articles lus et non lus pour que vous ne ratiez rien Vous pouvez rapidement parcourir les mod les et une option Ouvrir vous permet d afficher un aper u et d acc der aux sites Web que vous avez pr c demment ouverts 6 Bienvenue e Des compositions am lior es disponibles tout moment Enregistrez d autres objets sous forme de compositions afin de pouvoir r utiliser plus facilement des vid os et d autre
70. is pour s lectionner un mot un paragraphe ou tout le texte respectivement Vous pouvez aussi appuyer sur la touche Ctrl pendant que vous cliquez ou faites glisser la s lection de mots non adjacents 144 Texte Pour editer un texte sur la page 1 S lectionnez l outil Pointeur et cliquez ou faites glisser le pointeur pour tracer un cadre de s lection sur l objet texte Un point d insertion appara t l emplacement o vous avez cliqu 2 Saisissez le nouveau texte ins rer ou remplacez le texte s lectionn respectivement Nulla frestibulum eleifend nulla Suspendisse potenti Aliquam turpis nisi venenatis non accumsan nec imperdiet laoreet lacus Pour cr er un paragraphe e Appuyez sur Entr e Pour cr er une ligne dans le m me paragraphe l aide d un saut de ligne ou d un retour forc e Appuyez sur Maj Entr e Pour passer du mode Insertion au mode Ecrasement e Appuyez sur la touche Ins r Copier coller et d placer un texte Vous pouvez facilement copier et coller du texte l aide des commandes standard le glisser d poser de texte est galement pris en charge Des compositions stimulant votre cr ativit 146 Des compositions stimulant votre cr ativit Des compositions stimulant votre cr ativit 147 Utiliser les compositions Une composition est un terme g n rique d signant tout objet ou l ment de page pouvant tre ajout a votre page pour am
71. istant de d marrage e La taille et la hauteur de page seront identiques pour toutes les pages y compris pour une maquette cr e et affect e toute nouvelle page Une barre de navigation par d faut est automatiquement ajout e la maquette en question Pour cr er un site l aide de l Assistant de d marrage 1 Ouvrez WebPlus pour afficher l Assistant de d marrage _ ou _ S lectionnez Assistant de d marrage dans le menu Fichier lorsque vous avez d j commenc travailler 2 S lectionnez Nouveau site 3 Compl tez les informations dans le volet principal qui s affiche 4 Cliquez sur Cr er un site Votre site est alors cr pr t tre modifi partir de cette tape vous pouvez modifier les propri t s du site pour ajuster les param tres de votre site S lectionnez Propri t s du site Publication via le menu Propri t s Dans l Assistant de d marrage vous pouvez appuyer sur la touche Echap pour ouvrir une publication vierge utilisant les propri t s de page par d faut Configurer des sites et des pages 21 Pour cr er un site au cours d une session WebPlus e Lors de votre session de WebPlus cliquez sur Nouveau site dans la barre d outils Standard Le nouveau site apparait dans une page vierge utilisant les propri t s de site par d faut Ouvrir un site existant Vous pouvez ouvrir un site WebPlus existant partir de l Assistant de d marrage de la barre d outil
72. ite publi vous pouvez s lectionner l option Aper u du site en ligne dans la liste d roulante Aper u du site de la barre d outils Standard Cette option permet d afficher la version la plus r cente de votre site dans le navigateur par d faut Au moment de la premi re activation de cette commande une bo te de dialogue appara t pour vous demander de saisir l URL par d faut du site Vous pouvez modifier l URL tout moment l aide de la commande Propri t s Propri t s du site puis en s lectionnant Publication dans la bo te de dialogue Pr visualised et publier 171 m Gardez l esprit que les modifications effectu es apres la publication ne seront pas visibles Pour obtenir un aper u des modifications non publi es utilisez le bouton Aper u du site Reportez vous Afficher un aper u de votre site Web p 164 Mise en ligne de fichiers sur le Web chez un h bergeur tiers La publication d un site sur le Web consiste transf rer le site vers le serveur de l h bergeur de sites Web Le site est ainsi mis en ligne et tous les internautes du monde entier peuvent le consulter Vous pouvez d cider de publier la totalit de votre site Web ou si vous faites une mise jour du site uniquement les pages qui ont t modifi es depuis la derni re publication Configurer votre espace Web Serif propose un h bergement Web prix comp titif et offrant divers niveaux de service en fonction de vos besoins Pour pl
73. ites de la maniere suivante Accueil Ouvrir Apprendre Nouveau site Modeles l Actualit s La page d accueil par d faut vous tient inform des promotions Serif et pr sente des articles didacticiels etc Vous pouvez aussi visionner la vid o de pr sentation et de d marrage rapide de WebPlus Pour acc der aux fichiers WebPlus propose galement un historique des fichiers r cents Pour acc der aux didacticiels vid o papier en ligne l aide aux trucs et astuces etc le tout via un flux actualis que vous pouvez filtrer par type d article L aide du produit et le manuel d utilisation lectronique de WebPlus X7 sont galement fournis Cr e un site Web de toutes pi ces avec une configuration simple Cr e un site Web instantan partir d un mod le pr d fini Pour acc der l actualit des diff rents produits et de la soci t des articles et des annonces de produits gr ce au flux d actualit s de Serif Configurer des sites et des pages 15 Chaque fois que vous utilisez l Assistant de d marrage les boutons Apprendre ou Actualit s indiquent le nombre de nouveaux articles consulter le cas ch ant Ce nombre diminuera mesure que vous lirez les articles dans le volet Apprendre ou Actualit s Si de nouveaux articles sont disponibles ils seront indiqu s lors de votre prochaine ouverture de l Assistant de d marrage La miniature de tout nouvel articl
74. ix pour les diff rentes p riodes et pour les jours de la semaine D Visiteurs connect s Permet d indiquer combien de personnes consultent actuellement la page Web Contenu avanc 181 ny Blog Un blog est un journal de bord int gr votre site Web dans lequel vous pouvez faire figurer des articles r dig s dans un diteur de texte simple utiliser Les visiteurs de votre page Web peuvent commenter vos articles Vous pouvez aussi faire glisser un blog sur la page a l aide de l onglet Cr ation rapide Car M Syst me de gestion du contenu SGC Permet au d veloppeur Web d ajouter un contenu aux pages Web sans avoir effectuer la publication via WebPlus Le contenu est bas sur des articles que vous pouvez classer par cat gories cr er diter et supprimer Les visiteurs du site peuvent commenter et attribuer des notes aux articles Les couleurs de votre SGC peuvent tre personnalis es i Forum Vous avez la possibilit d ajouter un forum de discussion votre site Les forums s articulent autour de fils de discussion et peuvent tre divis s en diverses cat gories et sous cat gories Vous pouvez aussi faire glisser un forum sur la page a l aide de l onglet Cr ation rapide 182 Contenu avanc Compteur de visites Un d compte du nombre de visites de la page courante r initialis selon les besoins Diff rents styles peuvent tre adopt s Actualit s Vous pouvez
75. ja pr sente sur votre page 2 Double cliquez sur la barre de boutons La bo te de dialogue Modifier s affiche Les options propos es sont identiques celles disponibles au moment de la cr ation du bouton 3 Effectuez vos changements et cliquez sur OK Pour ajouter une ancre a votre barre de boutons cliquez sur Ancre dans la barre d outils contextuelle Pour plus d informations sur les ancres reportez vous a la rubrique Ajouter une ancre p 79 116 M dia M dia 117 Ins rer des vid os WebPlus inclut un lecteur vid o optimis et hautement compatible Flowplayer qui vous permet d ins rer des vid os et des listes de lecture directement sur votre page Vous pouvez utiliser des vid os de votre ordinateur ou des flux vid o disponibles en ligne Formats vid o pris en charge Le principal format vid o pris en charge est le format MP4 mp4 Pour une compatibilit tendue Flowplayer peut remplacer le format vid o MP4 par des variantes WebM webm et Ogg Video ogv utiliser lorsque le format MP4 n est pas pris en charge Vous pouvez galement diffuser au format Flash Video flv dans un lecteur Flash Player Ajouter une ou plusieurs videos sur une page Les vid os sont ins r es dans un lecteur directement sur la page Vous pouvez inclure une vid o unique ou ajouter plusieurs vid os pour cr er votre liste de lecture Les listes de lecture permettent aux visiteurs de visionner une s quence de v
76. ks de compositions e Images Contient les images import es partir de votre disque dur ou d un pack de compositions s il contient des images Des compositions stimulant votre cr ativit 149 e Contenu de la page Inclut le contenu des packs de compositions notamment les barres de navigation boutons glissi res panneaux cadres d images formulaires champs de formulaire zones de texte et formes Des combinaisons de compositions sont galement disponibles e Pages Pages compl tes et pr tes l emploi des packs de compositions e Param tres Contient les param tres des arri re plans de page les propri t s CSS les mod les de boutons et de s parateurs les th mes de formulaire et les param tres du lecteur vid o e Fichiers de ressources Contient les fichiers script JavaScript CGI etc les ic nes des favoris les fichiers PDF et tous les autres fichiers que vous devrez ventuellement inclure a votre site L onglet vous permet aussi d enregistrer les objets de votre page en vue de les r utiliser globalement ou seulement dans votre site en faisant glisser des objets de la page dans la cat gorie Mes mod les ou dans une autre cat gorie de l onglet respectivement Au lieu des objets eux m mes vous pouvez enregistrer les param tres exclusivement dans la cat gorie Param tres de l onglet Voir Stocker des compositions personnalis es et des param tres de compositions p 152 150 Des co
77. le l Cliquez sur Google Map sous l onglet Cr ation rapide Objets interactifs et faites glisser le pointeur d insertion sur votre page pour d finir la taille de la carte 2 Dans la bo te de dialogue Carte Google entrez votre code postal ou votre adresse dans le champ Rechercher un lieu puis cliquez sur Rechercher WebPlus utilise le g olocalisateur de Google pour d tecter votre localit et afficher les adresses locales Ajouter des marqueurs Vous pouvez ajouter un nombre illimit de marqueurs a votre carte Google Chaque marqueur peut afficher des informations compl mentaires au survol et au clic Pour ajouter un marqueur 1 Dans la bo te de dialogue Carte Google cliquez sur Ajouter 2 Dans la boite de dialogue Marqueur Google Map cliquez une l fois sur l emplacement de votre choix l aide du pointeur 1 3 Nommez le marqueur Cette astuce s affiche au survol et peut tre un nom de soci t ou de site 4 Affectez une action de clic au marqueur c est dire l l ment qui s affiche apr s un clic sur le bouton 90 Objets interactifs 5 Facultatif Cochez Ouvrir la fen tre d information par d faut pour afficher votre tiquette sans le marqueur sur lequel vous cliquez 6 Cliquez sur OK Le marqueur appara t en vert dans l aper u de la carte pour indiquer la s lection active R p tez l op ration pour chaque marqueur suppl mentaire que vous voulez ajouter Textes d filant
78. le bouton Maquettes est activ pour d velopper la fen tre Maquettes 2 Cliquez sur le bouton Ajouter au dessus de la fen tre Maquettes Une nouvelle page de maquette figure dans la fen tre Maquettes sous l onglet Site e Pour r affecter des pages des maquettes sp cifiques reportez vous la rubrique Pr sentation des pages et des maquettes p 26 Supprimer des pages Pour supprimer une page ou une maquette 1 Sous l onglet Site s lectionnez la page ou la maquette supprimer en cliquant sur son entr e 2 Pour supprimer la page cliquez sur le bouton A Supprimer la page s lectionn e situ au dessus de la fen tre appropri e Cr er des pages HTML Des pages HTML peuvent tre ajout es toute structure de site de l onglet Site Ces pages sont incluses dans la navigation de la m me mani re que les pages ordinaires 32 Configurer des sites et des pages R organiser les pages L onglet Site permet d ajouter et de supprimer des pages mais aussi de les r organiser Pour d placer une page 1 Affichez l onglet Site 2 Cliquez pour s lectionner la page dans la structure du site 3 Par glisser d poser Faites glisser l entr e de la page vers le haut ou vers le bas dans l arborescence L apparence du pointeur signale la nouvelle position par rapport la page sur laquelle il pointe d place la page au dessous et au m me niveau que la page cible s lectionn e fait de la page un
79. les sont collect es lors de la publication du site Web Certains Objets intelligents tels que les compteurs n ont pas besoin d tre g r s car ils ne font que d compter chaque passage sur le site D autres Objets intelligents plus complexes tels que les blogs les forums le gestionnaire d h bergement le gestionnaire de ressources les listes d utilisateurs les sondages et les messageries instantan es contiennent des donn es recueillies relatives aux visiteurs des commentaires d articles des adresses e mail et un journal des discussions Pour les Objets intelligents Blog et Liste d utilisateurs la cr ation et la gestion d articles ou d utilisateurs constituent un l ment fondamental du processus de gestion Pour g rer un Objet intelligent partir de la biblioth que e Dans la bo te de dialogue Objets intelligents cliquez sur le bouton G rer en bas du volet Ma biblioth que d Objets intelligents Les options de gestion diff rent en fonction du type d Objet intelligent Pour g rer un Objet intelligent directement via Internet e Connectez vous www serifwebresources com pour g rer tous vos Objets intelligents ind pendamment de votre site WebPlus Utilisez vos param tres habituels de connexion aux ressources Web L Objet intelligent SGC ne peut tre g r qu partir de l URL www serifwebresources com 190 Contenu avanc Acc s utilisateur L acc s utilisateur vous permet d appliquer des mesures
80. liens hypertextes Conservez les r sultats de la recherche sur une nouvelle page s par e qui peut aussi avoir une apparence bien distincte double cliquez sur l objet pour modifier la pr sentation du r sultat de la recherche Pour ajouter l objet Formulaire Champ de recherche 1 Ex cutez la commande Insertion Champ de recherche puis s lectionnez Champ de recherche dans le sous menu 2 Cliquez sur le curseur d insertion pour placer votre objet Formulaire Champ de recherche Li Placez l objet Champ de recherche dans la partie sup rieure de la maquette afin que la fonction de recherche puisse s appliquer la totalit du site 88 Objets interactifs Pour modifier l apparence du champ de recherche e Double cliquez sur le champ de recherche pour afficher sa bo te de dialogue de modification Modifiez les param tres selon les besoins Ins rer des cartes Google Utilisez les cartes Google int gr es votre page Web pour v rifier qu un client trouvera votre si ge que des participants d une r union ou d un v nement trouveront la salle ou pour identifier tout autre centre d int r t a Fe i LEURS ER Th Le Cross Town Traffic Trading 23 Upper Brook St London W1K 7QA H The Handel House Museum sl Chaque carte pourra contenir des marqueurs afin d identifier les emplacements Objets interactifs 89 Pour inserer une carte Goog
81. mande Fichier Version pr c dente Configurer des sites et des pages 23 Comprendre la structure du site La structure d un site Web n a aucun rapport avec son organisation physique ou avec l endroit o les pages sont conserv es Il s agit plut t de l organisation logique du contenu du site de mani re y simplifier la navigation L un des principes d organisation les plus efficaces d fendu par WebPlus est une structure en arbre invers qui commence par la page d accueil partir desquelles les ramifications se d veloppent vers d autres pages Du point de vue du visiteur qui parcourt votre site cette disposition pr sente le contenu d une mani re hi rarchique famili re structur e en sections et en niveaux e Une section est une cat gorie de contenu sous forme de pages W 1 distinctes telle que Accueil propos de nous Galerie Produits ou Contact e Le niveau est le nombre d tapes de liens s parant une page donn e de sa page parent La page d accueil r side toujours au niveau 1 normalement avec les pages section Cela permet aux barres de navigation de fonctionner facilement et automatiquement Les pages situ es un niveau en dessous des pages section se trouvent au niveau 2 et sont consid r es comme les pages enfant de la page parent Afficher la structure du site Deux m thodes d affichage de la structure du site sont disponibles via l onglet Site ou via la vue de la stru
82. modifiant un mod le vous pouvez l enregistrer comme composition Voir l aide de WebPlus Modifier les formulaires d une page Si vous avez cr un formulaire partir d un mod le vous pouvez tout moment le modifier dans le Cr ateur de formulaires Les formulaires cr s de toutes pi ces peuvent tre directement modifi s sur la page Pour modifier un formulaire bas sur un modele 1 Double cliquez sur le formulaire 2 Dans le Cr ateur de formulaires s lectionnez un champ de formulaire modifier ou appliquez un th me diff rent partir de l onglet pr vu cet effet 134 Formulaires Sur la page le formulaire restera verrouill pour emp cher toute modification involontaire Si vous voulez jouir d un totale libert de conception vous pouvez le d verrouiller Pour d verrouiller un mod le de formulaire pour le modifier Les ES e Dans la barre d outils contextuelle s lectionnez D verrouiller le formulaire A Apr s avoir d verrouill votre formulaire vous aurez une totale libert de conception mais vous ne pourrez plus utiliser le Cr ateur de formulaires En outre les libell s de champs ne seront plus associ s aux champs correspondants comme ils le sont dans le Cr ateur de formulaires Les formulaires d verrouill s et ceux que vous cr ez de toutes pi ces peuvent tre modifi s l aide des commandes d objet normales de WebPlus Le cadre de s lection du formulaire peut tre r
83. mpositions stimulant votre cr ativit Explorer des compositions Bien quinitialement vide l onglet peut tre rempli avec des compositions pr d finies l aide de l Explorateur de compositions L Explorateur de compositions L Explorateur de compositions vous permet de parcourir les cat gories de compositions et les packs de compositions fichiers de pack et de rechercher des compositions par balise Une fois affich e la composition peut tre s lectionn e afin d tre incluse sous l onglet Compositions Voir Parcourir les compositions p 150 pour plus d informations Le Gestionnaire de compositions Le Gestionnaire de compositions vous permet de cr er vos propres packs de compositions partir des compositions d autres packs et ou en important des images des graphiques ou des fichiers de pack PagePlus Vous pouvez baliser des compositions puis enregistrer ou exporter votre pack de compositions personnalis Voir l aide de WebPlus Parcourir les compositions LExplorateur de compositions offre une large gamme de mod les professionnels pr ts l emploi appel s compositions que vous pouvez directement appliquer votre site Ces mod les sont fournis avec WebPlus dans des fichiers de pack galement appel s Packs de compositions r partis par cat gorie Vous pouvez parcourir les compositions de deux fa ons avant d en ajouter votre espace de travail par cat gorie ou par fichier de pack Des composi
84. n associ la barre de navigation si des pages enfant sont utilis es dans la structure de votre site e Identifiant Ancre Permet de d finir l identifiant HTML pour l objet barre de navigation et l ancre de l objet e Propri t s CSS Vous pouvez attribuer un style CSS un cadre p ex certaines barres de navigation Voir Propri t s CSS e Actions Une action changement sur l axe Z opacit ou une action personnalis e peut tre appliqu e suite un v nement survol avec la souris Voir Appliquer des actions Pour ins rer une barre de navigation 1 S lectionnez la page ou la maquette 2 5 Sous l onglet Cr ation rapide cat gorie l ments de navigation cliquez sur Barre de navigation El ments de navigation 67 Positionnez votre pointeur et cliquez l endroit o vous souhaitez ins rer votre barre de navigation qui sera align e droite Sous l onglet Type de la bo te de dialogue parcourez les cat gories de barres de navigation puis pour la d velopper cliquez l Passez en revue les barres de navigation tour tour ou faites d filer les barres l aide des touches fl ch es pour les parcourir rapidement S lectionnez un type de navigation p ex Onglets 2 OU Cliquez sur le bouton Parcourir les compositions pour afficher un aper u de toutes les barres de navigation dans l Explorateur de compositions S lectionnez un l ment et cliquez sur OK Sous l ongl
85. navigation S lectionner l apparence des liens hypertextes Pour un texte artistique ou le texte d une zone de texte ou d un tableau plusieurs options sont propos es par l onglet Apparence pour d finir la couleur des liens de votre texte Pour modifier l apparence des liens hypertextes e Del onglet Apparence utilisez la liste d roulante Style pour choisir la mise en forme du texte du lien L onglet Avanc vous permet de d finir d autres propri t s telles que le titre texte d crivant la destination du lien et s affichant l cran lorsque l utilisateur place le pointeur de la souris sur le lien Pour afficher ou modifier un lien hypertexte existant e Dans le menu Outils s lectionnez Gestionnaire de site Gestionnaire des liens hypertextes pour afficher renommer ou supprimer des liens hypertextes El ments de navigation 77 Appliquer des actions Des actions peuvent tre associ es aux objets autres que du texte afin de permettre une plus grande interactivit avec l utilisateur Les actions disponibles g n ralement d clench es par un clic ou un survol de l objet sont les suivantes e Alerte affiche un champ contextuel d alerte au clic e Visibilit affiche un panneau au survol clic e Opacit rend les objets transparents jusqu au survol p ex pour n afficher que les boutons de navigation au survol du panneau e Index Z modifie l ordre index Z de l objet par rapport aux a
86. nneau ils appartiennent a ce dernier zones de texte texte artistique tableaux Formes pleines et images Lorsque vous d placez le panneau les objets associ s l accompagnent Afficher masquer votre panneau Quelle raison auriez vous de vouloir masquer votre panneau apres l avoir con u L int r t des panneaux r side dans le fait qu ils peuvent tre masqu s et affich s lorsque le pointeur survole ou clique sur un objet de la page Cela signifie que les boutons les images et les objets de galerie peuvent afficher des informations plus d taill es seulement lorsque cela est n cessaire Pour affecter une action un panneau EJ contextuelle s lectionnez Actions La bo te de dialogue Modifier k S lectionnez le panneau et puis dans la barre d outils le panneau s ouvre affichant l onglet Actions 2 Cliquez sur Ajouter et choisissez Visibilit dans la palette d outils 3 S lectionnez le panneau dans la liste d roulante Identifiant de l objet et s lectionnez un v nement dans la liste d roulante v nement L v nement d signe l action qui se d clenche lorsque vous cliquez sur l objet ou le survolez 4 Cliquez sur OK Une fois con u le panneau sera masqu par un simple clic l ments de mise en page 49 Pour masquer un panneau s lectionn CE e Dans la barre d outils contextuelle s lectionnez As Afficher ou Masquer l objet Pour activer d sactiver la visibilit des objets
87. nts de mise en page 61 Pour ajouter un nouveau panneau 1 S lectionnez la glissi re 2 Dans la barre d outils contextuelle s lectionnez a Ajouter un panneau Un panneau vide est ajout la suite du dernier panneau de votre glissi re Vous pouvez ensuite ajouter un contenu votre panneau voir p 48 Vous pouvez r organiser les panneaux de votre glissi re a l aide de l option Modifier la glissiere de la barre d outils Pour parcourir les panneaux 4 e Cliquez sur les boutons de navigation directement sous la glissi re s lectionn e Toute glissi re est galement dot e d un panneau Premier plan affichant son contenu de fa on permanente Ce panneau est parfait pour ajouter des donn es que vous souhaitez afficher constamment des coordonn es des boutons de vente des num ros de t l phone ou une photo Parmi les propri t s de la glissi re vous pouvez modifier le style d animation et diverses commandes de lecture Les panneaux de la glissi re peuvent aussi tre r organis s et s afficher des heures d finies 62 l ments de mise en page 64 l ments de navigation El ments de navigation 65 Ins rer des barres de navigation Les barres de navigation sont con ues pour permettre aux internautes d acc der aux diff rents types de pages p ex Accueil Galerie Produits et Nous contacter Elles sont automatiquement programm es pour comprendre la structure de votr
88. o unique qui y est int gr Pour int grer une vid o YouTube 1 Ouvrez le site Web www youtube com dans votre navigateur et choisissez la vid o YouTube que vous souhaitez associer votre page 2 Copiez l adresse URL de la vid o ou le code d int gration Ils contiennent un identifiant alphanum rique qui identifie le clip vid o de mani re unique 120 M dia 3 Sous l onglet Cr ation rapide cat gorie M dia cliquez sur ul YouTube puis sur votre page 4 Dans la bo te de dialogue assurez vous que Vid o unique est r pertori dans la liste d roulante S lectionner une vid o Copiez l URL de la vid o son identifiant ou int grez son code dans la zone de saisie 5 Facultatif Pour ne pas lire la vid o compl te mais uniquement un morceau sp cifiez des heures de d but et de fin en secondes Cliquez sur OK si vous souhaitez ins rer la vid o dans un lecteur YouTube standard Pour remplacer votre vid o YouTube par une autre double cliquez sur une vid o YouTube existante Dans la bo te de dialogue collez dans la zone de saisie une URL de vid o que vous avez pr alablement copi e Plut t que d effectuer un choix fixe de vid os envisagez d int grer une liste de lecture YouTube si vous voulez mettre jour le contenu vid o de votre site sans avoir recours WebPlus M dia 121 Ins rer des vid os Vimeo Les vid os de Vimeo d j publi es sur Internet peuvent tre incluse
89. odifier diverses options de la galerie lecture automatique couleur d arri re plan de cadre de police l gende et contr le de la barre de navigation etc Cliquez sur Terminer Modifier la galerie photos Une fois la galerie photos ajout e la page Web cette derni re peut tre modifi e tout moment Pour modifier une galerie photos L 2 S lectionnez une galerie d j pr sente sur votre page Web Double cliquez sur la galerie La bo te de dialogue Galerie photos appara t Les options propos es sont identiques celles disponibles au moment de la cr ation de la galerie Une fois que vous avez plac une galerie sur la page vous pouvez galement faire glisser un angle de l objet galerie afin de le redimensionner Appuyez simultan ment sur la touche Maj pendant le d placement afin de conserver les proportions 54 l ments de mise en page Utiliser un contenu photo en ligne Au lieu d h berger les photos localement sur vos disques durs vous pouvez remplir votre galerie photos de photos stock es en ligne sur Flickr ou SlideShowPro Director par l interm diaire d un flux en direct Le principal avantage d un flux en direct pour votre galerie photos c est que la galerie photos de votre site Web mis en ligne sera automatiquement mise jour lorsque vous chargerez un nouveau contenu photo sur Flickr ou SlideShowPro Director ind pendamment de WebPlus Ainsi vous n tes pas oblig e
90. omment int grer un flux dans une page Web et recevoir automatiquement les nouveaux articles ou pisodes notez toutefois qu il existe d autres fa ons de s abonner un flux RSS ou un podcast par le biais de navigateurs Web ou d iTunes par exemple Votre contenu est ainsi toujours actualis sans que vous ayez modifier et republier votre site Dans cet exemple un flux RSS d actualit s Reuters a t ajout une page WebPlus Reuters Top News IH Rawten com n your source for breaking mews business financial and inverting cemi melon pieci finance and specks Reuters in the leading global provider of neen nancial information and technology softens te the world s media financial mations binene aed individuals DISONS 01 58 EM ran war ion inst danger aban on Hormuz ARKARA Reolen rins forega mamsie armed Arab akighbesn on Thurs sos te pot themselves 6 a degon pombhoan by alenume themeelres too chats mul the United States en iha SCLC Gupte over Tekna i anjar activity Related Stores e Mews Corp admits guilt settles hacking claims chief Cash bonuses capped at state hacked banks Hore cracks hound en Airbus A380 wengs Heathrow plans for the great Olympic exodus E E mail this F E oH 7 E 5 104 Contenu externe g r Ins rer un flux RSS ou un podcast votre page 1 CET Recherchez un flux RSS ou un podcast sur Internet Rep rez l un des boutons distinctifs suivants
91. onglet Site permet d acc der aux maquettes et la fen tre Pages arborescence centrale Structure du site permet d acc der aux pages Il convient de noter que WebPlus g re galement les pages HTML et les liens externes qui peuvent tre ins r s comme toute autre page Les ic nes de page HTML et de lien externe sont l g rement diff rentes d une page Web standard pour indiquer qu elles ne sont bas es que sur du code HTML ou qu elles pointent vers un emplacement l ext rieur du site Web Ajouter des pages Pour ajouter une nouvelle page vide 1 Dans la section Pages de l onglet Site s lectionnez la page la suite de laquelle vous voulez ajouter une nouvelle page 2 Cliquez sur la fl che bas du bouton Ajouter situ juste au dessus de la fen tre Pages de l onglet Site Dans le menu d roulant choisissez Nouvelle page 3 Dans la bo te de dialogue Propri t s de la page sp cifiez les diff rentes options de la nouvelle page 4 Cliquez sur OK Une nouvelle page appara t l emplacement indiqu dans la structure du site Toute page cr e utilisera les propri t s de site actuellement d finies menu Propri t s telles que la taille et l alignement par d faut de la page mais vous pouvez remplacer les propri t s du site en modifiant les propri t s de la page Configurer des sites et des pages 31 Ajouter des maquettes Pour ajouter une nouvelle maquette 1 Sous l onglet Site v rifiez que
92. onner toutes les pages et tous les probl mes Cliquez sur la cellule R parer tout situ e en bas droite de la liste Le nombre de probl mes s lectionn s ex 6 6 s affiche sur la m me ligne Dans la bo te de dialogue Appliquer des corrections multiples cliquez sur le bouton Correction pour appliquer la solution principale solution recommand e ou sur le bouton Autre correction Les probl mes qui peuvent tre r solus automatiquement seront corrig s puis supprim s de la liste des probl mes Toutefois pour certaines r parations vous devrez ventuellement modifier des param tres dans des bo tes de dialogue Cliquez sur Fermer pour quitter le Gestionnaire de site Lorsqu un probl me est corrig une croix verte appara t sous la colonne tat du probl me correspondant Pour r soudre manuellement les probl mes s lectionn s Double cliquez sur la cellule Corriger ou Annotation situ e l extr mit de la ligne de description d un probl me sp cifique Dans la bo te de dialogue qui s affiche suivez la proc dure indiqu e et utilisez le bouton Afficher pour acc der directement la page ou l objet posant probl me un formulaire par exemple 164 Pr visualised et publier 3 Sile bouton Modifier n est pas gris vous pouvez cliquer dessus pour afficher la bo te de dialogue permettant de r soudre le probl me S il est gris suivez simplement la proc dure de correction indiqu e
93. onore Galerie photos JavaScript Comparable une galerie Flash mais proposant des galeries photos JavaScript Des planches et des piles de photos ainsi que des lightboxes sont disponibles l ments de mise en page 51 Ins rer une galerie photos La galerie photos est ins r e sur la page comme une simple image si ce n est que la photo affich e est entour e d un arri re plan d une barre de navigation et de miniatures d aper u Pour ins rer une galerie photos a r 1 tm Sous l onglet Cr ation rapide cat gorie l ments de mise en page cliquez sur Galerie photos 2 G8 Pour ins rer une galerie a la taille par d faut placez le pointeur o vous souhaitez que la galerie apparaisse puis cliquez OU Pour d finir la taille de la galerie ins r e cliquez tracez un cadre de s lection et rel chez le bouton de la souris 3 S lectionnez le Type de galerie p 50 et cliquez sur Suivant Pour ajouter des photos une galerie photos 1 Pour tous les types de galeries sauf le type Flux en direct la boite de dialogue qui apparait vous permet e D ajouter des fichiers un un Cliquez sur le bouton Ajouter des fichiers pour rechercher et s lectionner le s fichier s image s a ouvrir Maintenez la touche Ctrl ou Maj enfonc e pour s lectionner plusieurs fichiers non adjacents ou adjacents OU 52 El ments de mise en page Cliquez sur le bouton Ajouter des composition
94. otre compte l aide de la bo te de dialogue Configuration de la Publication rapide Pr visualised et publier 173 Configurer la Publication rapide l a 1 Cliquez sur la palette Publier le site de la barre d outils Standard puis sur Configuration de la publication rapide 2 Dans la bo te de dialogue e Entrez les informations ou s lectionnez dans la liste d roulante l URL du site que vous souhaitez utiliser pour la publication e S lectionnez le navigateur dans lequel vous souhaitez afficher votre page apr s sa publication e S lectionnez dans la liste d roulante le compte FTP utiliser Pour mettre jour les param tres du compte ou ajouter un nouveau compte cliquez sur G rer les comptes FTP 3 Cliquez sur OK Publication rapide sur le Web ra 9 Cliquez sur la palette Publier le site de la barre d outils Standard puis sur Publication rapide sur le Web La bo te de dialogue Chargement des fichiers appara t bri vement avant que votre page s affiche 174 Pr visualised et publier Contenu 176 Contenu avanc Contenu avanc 177 Qu est ce que l E Commerce L E Commerce concerne l achat et la vente de marchandises sur Internet Tous les sites qui accueillent ce type d activit de commerce lectronique utilisent g n ralement un syst me de panier lectronique et un syst me de traitement des paiements Un panier d achat est un panier virtuel stockant les articles que vous
95. our appliquer un cadre a votre zone de texte et modifier le remplissage entre le texte et le cadre modifiez les propri t s CSS de la zone de texte Pour plus d informations reportez vous l aide de WebPlus 40 l ments de mise en page Ins rer des images L onglet Compositions cat gorie Images fonctionne comme un panier rassemblant les images inclure dans votre site Son usage principal est de faciliter le processus de cr ation en am liorant la productivit en vitant d importer les images une par une et la commodit en pla ant les images toujours port e de la main WebPlus permet aussi d ins rer des images depuis l onglet Cr ation rapide ou la barre d outils Basique Ajouter des images l onglet Compositions Pour ajouter des images l onglet 1 Dans la cat gorie Images de l onglet Compositions cliquez sur Ajouter 2 Dans cette bo te de dialogue acc dez un dossier et s lectionnez une ou plusieurs images 3 Cliquez sur Ouvrir Vos images apparaissent sous forme de miniatures dans la cat gorie Images de l onglet Compositions Pour modifier l ordre des images sous l onglet e S lectionnez et faites glisser une image vers sa nouvelle position sous l onglet Pour supprimer une image de l onglet e Cliquez l aide du bouton droit de la souris sur une image et s lectionnez Supprimer la composition l ments de mise en page 41 Ajouter des images a la page Vous pouvez ajo
96. que permet au visiteur de poster une r ponse ou de lancer une nouvelle rubrique sans rapport Le visiteur d un sous forum s lectionn peut cr er une rubrique pouvant tre consult e et ou comment e par d autres visiteurs du forum en postant un r ponse Cette discussion constitue la base du d bat men sur le forum cr ant un fil de r ponses des internautes Fonctions des forums e cr er diff rentes cat gories p ex Philosophes contenant plusieurs sous forums Platon Aristote Descartes etc e tablir un acc s utilisateur pour les utilisateurs et les mod rateurs e d finir le niveau de confidentialit du forum public ou priv e appliquer un th me style au forum dans son ensemble e cr er d finir et attribuer des rangs d utilisateur e d finir les permissions des utilisateurs e g rer et mod rer le forum sans proc der a une republication Contenu externe g r 99 g Si vous travaillez distance ou tes en d placement vous pouvez toujours contr ler et mettre jour ce contenu g r partir des Ressources Web Serif II n est pas n cessaire de publier de nouveau votre site Web Ins rer un forum Un forum peut tre ajout la page comme n importe quel autre objet mais vous avez aussi la possibilit de pr senter ce forum dans une fen tre plein cran via un lien externe Pour ins rer un forum m Ron 1 l4 e e lA 1 Sous l onglet Cr ation rapide c
97. r felis ered etapini Chaque panneau peut afficher un assortiment d images de texte de dessins ou de formes Comme dans un diaporama chaque panneau peut s afficher automatiquement intervalles d finis manuellement via les boutons de navigation ou une heure sp cifique l ments de mise en page 59 Divers styles d animation peuvent tre appliqu s pour contr ler l affichage de chaque panneau Vous pouvez choisir des styles directionnels p ex De gauche a droite De haut en bas etc ainsi que les styles M lange styles mixtes Accord on Superpositions et D filement Une temporisation configurable de l affichage est galement possible afin de faire apparaitre chaque panneau a une date ou heure de d but et de fin Des glissi res professionnelles pr d finies sont disponibles dans l Explorateur de compositions Vous pouvez g n ralement les personnaliser apr s les avoir ins r es sur la page Vous pouvez ajouter r organiser ou supprimer des panneaux pour cr er la glissi re de votre choix Pour ins rer une glissi re 1 Dans le menu Insertion s lectionnez Glissi re dans la palette d outils Objet interactif 2 Dans le volet principal de la bo te de dialogue Explorateur de compositions s lectionnez une glissi re et cliquez sur OK 3 Cliquez une fois pour positionner la glissi re sur la page Vous pouvez galement ajouter des glissi res la page depuis l onglet Compositions voir l aide
98. re plans modernes pouvant servir de base votre panneau Vous pouvez aussi personnaliser un mod le d arri re plan ou cr er un arri re plan de panneau de toutes pi ces partir du Studio de mod les de WebPlus l ments de mise en page 47 Ins rer votre panneau Pour ins rer un panneau l Sous l onglet Cr ation rapide cat gorie l ments de mise en page cliquez sur Panneau 2 Faites glisser le pointeur sur votre page pour d finir la taille et la forme de votre panneau La bo te de dialogue Ins rer un panneau s ouvre alors 3 Sous l onglet Panneau e Cliquez sur la zone d aper u du panneau e Dans l Explorateur de compositions s lectionnez un mod le d arri re plan pr d fini et cliquez sur OK La zone d aper u s actualise pour afficher le mod le de panneau choisi 4 Cliquez sur OK E Pour cr er un panneau sa taille par d faut faites le directement glisser sur la page partir de l onglet Cr ation rapide Vous pouvez aussi cr er un panneau l mentaire en maintenant la touche Ctrl enfonc e et en faisant glisser le pointeur sur la page Pour modifier un panneau e Double cliquez sur le panneau et modifiez ses param tres 48 l ments de mise en page Ajouter du contenu a votre panneau Consid rez votre panneau comme un bloc constitutif vide pouvant tre d velopp a l aide des outils et fonctionnalit s standard de WebPlus Lorsque vous cr ez les objets suivants dans le pa
99. rs qui peut tre cr pour administrer les groupes d utilisateurs et les utilisateurs ainsi que leur m thode d identification Pour plus d informations reportez vous l aide de WebPlus Propri t s CSS Outre les attributs de style que vous appliquez graphiquement dans l espace de travail principal de WebPlus comme la couleur de remplissage le contour etc vous pouvez appliquer des propri t s CSS compl mentaires des objets Les propri t s CSS sont stock es comme code au lieu d tre int gr es vos images elles sont appliqu es dynamiquement par les navigateurs Web des internautes e Les propri t s CSS ne peuvent pas tre appliqu es tous les objets mais lorsqu elles sont prises en charge elles peuvent tre appliqu es conjointement des attributs graphiques Les propri t s CSS vous permettent de sp cifier un cadre avec des options d espacement remplissage et des styles d angle un contour cadre externe simple une image d arri re plan et une visibilit transparence de l objet 192 Contenu avanc Pour appliquer ou modifier les attributs de style CSS c Dans la barre d outils Propri t s cliquez sur Modifier les propri t s CSS OU Double cliquez sur un objet puis s lectionnez l onglet Propri t s CSS de la bo te de dialogue Modifier les propri t s vous pouvez les modifier en cliquant sur le bouton Modifier Si des propri t s CSS sont d j appliqu es un
100. rtion ou s lectionnez une partie de texte remplacer 2 Suivez les proc dures 1 4 ci dessus Le texte sera import dans l objet de texte s lectionn Le texte peut d passer votre zone de texte Utiliser le texte artistique Le texte artistique est un texte autonome que vous saisissez directement sur une page Particuli rement utile pour les en t tes les slogans et tous les textes particuliers il est facile mettre en forme avec les outils de texte standard Pour cr er un texte artistique 1 A S lectionnez l outil Texte artistique dans la barre d outils Dessin 2 Cliquez n importe quel endroit de la page pour placer le point d insertion en utilisant la taille par d faut ou faites glisser le pointeur pour obtenir une taille donn e 142 Texte 3 De finissez les propri t s d origine du texte n cessaires avant la saisie police style etc via la barre d outils contextuelle Texte le menu Texte ou le menu contextuel s lectionnez la commande Mise en forme du texte 4 Saisissez directement le texte sur la page pour cr er du texte artistique Une fois l objet texte artistique cr vous pouvez le s lectionner le d placer le redimensionner le supprimer et le copier comme vous le feriez avec une zone de texte Pour redimensionner un texte artistique e Faites glisser les poign es d angle de l objet pour le redimensionner tout en conservant ses proportions HAC HABITASSE e Po
101. s Les textes d filants permettent d ajouter un texte d filant sur un axe horizontal type t l scripteur par exemple pour un titre ou un slogan accrocheur Serif latest WebPlus X Sent latest WebPlus X7 now Sent latest WebPlus X7 now released Vous pouvez choisir la couleur d arri re plan saisir jusqu trois lignes de texte d finir les propri t s du texte en choisissant une police de caract res install e la direction du d filement la vitesse et l alignement de chaque ligne Si vous le souhaitez vous pouvez d finir un type de lien de destination pour le texte d filant reportez vous Ajouter des liens hypertextes Les textes d filants sont repr sent s de fa on statique sur la page de WebPlus Vous pouvez les couper copier d placer et redimensionner comme d autres images Ils s animeront une fois pr visualis s ou affich s dans un navigateur Web Objets interactifs 91 Pour cr er un texte d filant l Fx cutez la commande Insertion Objet interactif puis s lectionnez Texte d filant dans le sous menu l aide des commandes de l onglet Texte d filant s lectionnez le nombre de lignes de texte ainsi que la mise en forme de chaque ligne Facultatif Utilisez l onglet Identifiant Ancre pour modifier lidentifiant HTML automatiquement g n r de l objet ou configurez une ancre Facultatif l aide de l onglet Propri t s CSS ajoutez l objet des options de style pour navig
102. s fichiers multim dias des fragments de code des combinaisons de couleurs etc Pendant la conception vous pouvez acc der a toutes vos compositions a de nombreux endroits et choisir des boutons comme commandes des images pour vos survols etc e Enregistrer et r utiliser les param tres et les comportements d un objet Vous pouvez enregistrer les options param tres ou comportements des objets pr sentant une interactivit boutons glissi res formulaires objets E Commerce lecteurs vid o avec commandes de liste de lecture personnalis es etc afin de les appliquer d autres objets Cela vous donne la possibilit de cr er des fonctionnalit s d aspect diff rent d une page l autre ou d un site l autre mais se comportant de fa on identique sans avoir r p ter chaque fois toutes les tapes de configuration habituelles Fichiers multim dias et interactivit e Lecteur vid o Ajoutez des vid os compatibles avec tous les navigateurs et appareils mobiles modernes sans obliger les visiteurs de votre site installer un plug in Flash ou un logiciel de lecture multim dia Le lecteur con u avec la technologie Flowplayer utilise les derni res normes HTMLS pour lire des vid os MP4 modernes prend en charge les vid os uniques et les listes de lecture et propose des options de lecteur et des commandes personnalisables Bienvenue 7 Cr ateur de formulaires Cr ez vos propres formulaires par simple gliss
103. s parateurs et arri re plans de vos propres styles de barres de navigation Voir l aide de WebPlus Ins rer des menus contextuels Les menus contextuels font partie int grante des barres de navigation p 65 ne s affichant sous forme de menus que lorsqu un bouton est survol Les l ments des menus contextuels repr sentent des pages enfants situ es aux niveaux inf rieurs de votre site El ments de navigation 69 Vous pouvez aussi ajouter des menus contextuels a tout objet Forme pleine image l ment de galerie mais dans la plupart des cas un bouton Ces menus sont similaires a ceux int gr s aux barres de navigation Comme les barres de navigation les l ments de menu contextuel peuvent tre configur s adaptant soit la structure complete ou partielle du site soit votre propre structure personnalis e Les menus contextuels sont particuli rement utiles lorsque vous souhaitez afficher un nombre d fini de liens de navigation parfois apparent s tel qu un groupe de produits Pour cr er un menu contextuel 1 S lectionnez un objet auquel associer le menu contextuel 2 Dans le menu Propri t s cliquez sur Menu contextuel ou _ Cliquez avec le bouton droit de la souris sur un objet et s lectionnez Menu contextuel 3 Sous l onglet Type de navigation de la bo te de dialogue cochez l option Afficher un menu contextuel des liens de navigation de cet objet pour activer la navigation partir de ce
104. s rer 2 La bo te de dialogue Configuration E Commerce vous propose le choix entre deux options selon que vous tes ou non d j utilisateur de l un des fournisseurs de panier d achat e Si vous tes un nouvel utilisateur choisissez un fournisseur en cliquant sur son bouton radio puis sur le bouton S inscrire maintenant Le site Web du fournisseur s affiche dans une nouvelle fen tre de navigateur o vous pouvez vous enregistrer aupr s de ce fournisseur e Si vous tes d j utilisateur cliquez sur le bouton correspondant votre fournisseur puis sur Suivant gt Contenu avanc 179 Cette option se contente de d finir un fournisseur de panier par d faut pour votre site Web au lieu de configurer un compte fournisseur 3 La boite de dialogue varie en fonction du prestataire et peut proposer des options diff rentes Par exemple le choix de PayPal permet de d finir dans une boite de dialogue une adresse e mail o seront envoy s les paiements et les frais de dossier du panier ou un mode Sandbox c est dire un outil de test permettant d essayer votre panier d achat avant de le mettre en ligne Cliquez sur Suivant gt 4 Facultatif PayPal uniquement Dans la bo te de dialogue suivante cochez Utiliser le Mini panier PayPal pour afficher un panier flottant en superposition qui appara tra lors de l ajout de produits au panier le panier est ensuite r duit en haut a droite de la fen tre de l explorate
105. s Standard ou du menu Fichier Il est aussi possible d importer des pages Web depuis des sites Web HTML existant via le menu Fichier Voir l aide de WebPlus pour plus d informations Pour ouvrir une publication existante via l Assistant de d marrage 1 Ouvrez WebPlus pour afficher l Assistant de d marrage initial _ ou S lectionnez Assistant de d marrage dans le menu Fichier lorsque vous avez d ja commenc a travailler 2 Cliquez sur Ouvrir 22 Configurer des sites et des pages 3 Plusieurs options sont possibles 1 Pour les sites ouverts r cemment s lectionnez une miniature dans le volet principal ii Le site s ouvre dans l espace de travail ou i Pour les autres sites WebPlus s lectionnez Fichiers WebPlus dans le volet Parcourir mon ordinateur ii Dans la bo te de dialogue recherchez et s lectionnez votre fichier puis cliquez sur Ouvrir Pour ouvrir un site WebPlus existant lorsque WebPlus est ouvert 1 Cliquez sur le bouton im Ouvrir dans la barre d outils Standard 2 Dans la boite de dialogue Ouvrir s lectionnez le dossier et le nom du fichier Pour s lectionner plusieurs sites maintenez la touche Maj enfonc e pour s lectionner plusieurs fichiers adjacents ou maintenez la touche Ctrl enfonc e pour s lectionner des fichiers s par s 3 Cliquez sur le bouton Ouvrir Pour restaurer la version pr c demment enregistr e d un site ouvert e Ex cutez la com
106. s dans votre page Web Les vid os elles m mes ne sont pas int gr es dans votre site Lorsque vous placez une vid o Vimeo c est son identifiant unique qui y est int gr Il s agit d un lien cr sur votre page Web qui renvoie vers le site www vimeo com Cette m thode vous permet d ajouter du multim dia votre page Web sans devoir publier de vid os volumineuses Video 104 Editing Basics E from Wires ideo School Be D O Tr E iil 18 EDITING BASICS Pour int grer une vid o Vimeo 1 Ouvrez le site Web www vimeo com dans votre navigateur et choisissez la vid o Vimeo que vous souhaitez associer a votre page 2 Copiez l adresse URL de la vid o ou son code d int gration Ils contiennent un identifiant alphanum rique qui identifie le clip vid o de mani re unique vimeo 3 Pine Sous l onglet Cr ation rapide cat gorie M dia cliquez sur Vimeo puis sur votre page 122 M dia 4 Dans la bo te de dialogue collez dans la zone de saisie l URL de la vid o Facultatif Choisissez une couleur personnalis e appliquer aux commandes du lecteur et tout texte visible et correspondant ou contrastant avec votre site utilisez pour cela le s lecteur Couleur des commandes vid o Facultatif Cochez d cochez les cases pour activer d sactiver les options vid o Cliquez sur OK Ins rer des fichiers Flash SWF Un fichier Flash est une vid o une animation o
107. s pour rechercher et s lectionner le s fichier s image s a ouvrir OU D ajouter toutes photos d un dossier Cliquez sur le bouton Ajouter un dossier pour rechercher un dossier et le s lectionner pour ajouter les photos qu il contient O Ajouter des photos depuis un appareil photo ou un scanner Cliquez sur le bouton Ajouter une interface Twain Si n cessaire s lectionnez votre source Twain avant le processus d acquisition en utilisant l option S lectionner une source dans la palette d outils Cliquez sur Num riser pour obtenir vos photos 2 Facultatif S lectionnez des miniatures des photos manipuler Pour ajouter une l gende cliquez sur la colonne L gende et saisissez du texte des num ros et des caract res a Galerie photos Flash professionnelle uniquement Pour ajouter des liens hypertextes aux photos cliquez sur Modifier le lien hypertexte Dans la bo te de dialogue choisissez un type de lien hypertexte vous pouvez ne pas d finir de lien d finir des liens hypertextes vers l image originale ou vers une autre cible de lien p ex une page du site ou une page Internet 3 Cliquez sur Suivant l ments de mise en page 53 Pour selectionner et modifier un style de galerie photos l Choisissez un style de galerie dans le volet Style de la galerie qui se trouve en haut de la bo te de dialogue Facultatif Une fois le style s lectionn utilisez le volet de droite pour m
108. s sur un mod le pr d fini ou tre cr s de toutes pi ces dans le Studio de boutons Il n est pas rare de choisir un mod le puis de l adapter vos besoins p ex pour modifier le texte ou sa couleur Pour ins rer un bouton pr d fini 1 BEN Sous l onglet Cr ation rapide cat gorie l ments de navigation cliquez sur Bouton 2 Positionnez votre pointeur et cliquez l endroit o vous souhaitez ins rer votre bouton Pour d finir la taille du bouton vous pouvez aussi tracer un rectangle de s lection et rel chez le bouton de la souris 3 Dans la bo te de dialogue Ins rer un bouton cliquez sur l aper u du bouton 4 Dans l Explorateur de compositions s lectionnez un type de bouton pr d fini et cliquez sur OK La zone d aper u s actualise pour afficher le mod le de bouton choisi 5 Entrez un libell de bouton pour identifier le bouton par exemple Accueil Images Aide etc disponibles uniquement pour les boutons pouvant inclure un libell 6 Sous l onglet Lien hypertexte e Sous l onglet Type de lien hypertexte s lectionnez un type de destination de lien qui dirigera l utilisateur vers une cible p ex une page Internet une page de site ou un fichier via un lien hypertexte voir p 73 72 l ments de navigation e Sous l onglet Fen tre cible s lectionnez un type de fen tre ou de cadre dans la liste d roulante Type Par exemple vous pourriez ouvrir la page cible dans
109. sez les champs l aide des boutons situ s sous la page d aper u 5 Sous l onglet Transmission de formulaire choisissez une destination pour les donn es du formulaire en cliquant sur un bouton de destination e mail fichier script local ou distant et saisissez un nom d signant le formulaire Reportez vous 6 Cliquez sur OK Si vous n avez pas configur l envoi de formulaires vous serez invit e revenir au Cr ateur de formulaires cliquez sur Annuler et d finir la m thode appliquer pour l envoi de donn es de formulaire Si vous cliquez sur OK nous supposons que vous configurerez l envoi de formulaires ult rieurement Le formulaire est alors ajout votre page Personnaliser des mod les de formulaire Si vous avez s lectionn un mod le de formulaire vous pouvez le personnaliser en fonction de vos besoins Les champs de formulaire peuvent tre modifi s r organis s ou supprim s Vous pouvez aussi ajouter des champs suppl mentaires Formulaires 131 Pour modifier un champ 1 Dans le Cr ateur de formulaires onglet Mod les double cliquez sur un champ de formulaire dans le volet d aper u de droite 2 Modifiez les propri t s du champ sous l onglet Champs Les options diff rent selon le type de champ de formulaire s lectionn 3 Conservez le nom interne par d faut attribu au champ des fins d identification ou modifiez le Vous pouvez galement d finir le libell
110. stant vous avez cr un forum par d faut un sous forum contenant une seule cat gorie WebPlus vous permet de g rer le forum modifier le nom de la cat gorie ou du sous forum et ajouter des cat gories et ou des sous forums dans ces cat gories Vous pouvez aussi contr ler la confidentialit du forum la mod ration le th me et le classement des utilisateurs par nombre de messages Contenu externe g r 101 Pour g rer votre forum e S lectionnez le forum et cliquez sur amp G rer dans la barre d outils contextuelle e Pour parcourir les options disponibles faites d filer l cran et cliquez sur Aide en bas de la boite de dialogue S curit du forum Par d faut la fonction Ajouter de nouveaux utilisateurs la connexion est activ e lors de la cr ation de votre forum ce qui signifie que vous n avez rien faire si ce n est mod rer au besoin le contenu de votre forum Les membres du forum s inscrivent simplement et entrent leurs informations de connexion pour poster ou commenter une rubrique Techniquement un forum utilise pour l acc s utilisateur un Objet intelligent Liste d utilisateurs qui est cr avec votre forum si l option Acc s utilisateur Nouveau est activ e voir ci dessus N oubliez pas qu un forum est lui m me un Objet intelligent Il est possible d utiliser l Objet intelligent Liste d utilisateurs pour g rer les utilisateurs du forum de diff rentes fa ons e Ajouter manuell
111. t diff rente selon que vous disposez d une version sur disque ou t l chargeable Vous pouvez installer votre nouvelle version en plus des version pr c dentes et les utiliser ind pendamment K Les versions 32 ou 64 bits de WebPlus X7 doivent tre install es sur des ordinateurs correspondants Proc dure d installation disque e Ins rez le disque achet dans votre lecteur de disque e Sile d marrage automatique du lecteur est activ la proc dure d installation est lanc e automatiquement Suivez les instructions d installation qui s affichent l cran OU e Sile d marrage automatique ne lance pas l installation parcourez le disque du programme et double cliquez sur autorun exe Proc dure d installation t l chargement e Sur serif com une fois connect votre compte Serif suivez les instructions qui apparaissent l cran pour proc der au t l chargement 10 Bienvenue Configuration requise Minimum e PC Windows avec lecteur de DVD et souris e Syst mes d exploitation Microsoft Windows XP SP3 32 bits Windows Vista 32 ou 64 bits Windows 7 32 ou 64 bits Windows 8 32 ou 64 bits e 1GodeRAM e 340 Mo d espace disque disponible e R solution d cran 1024 x 768 e Internet Explorer 8 e Compte et connexion Internet requis pour les fonctions de publication Web et pour acc der aux ressources en ligne Des ressources disque et m moire suppl mentaires sont n cessa
112. t objet 4 Activez Bas sur la structure du site ou Personnaliser pour utiliser les liens de navigation de votre site dans votre menu ou pour baser le menu contextuel sur votre structure personnalis e respectivement La premi re option vous permet de baser votre menu sur les pages enfant d une page Produits de niveau sup rieur 70 l ments de navigation 5 Sous l onglet Apparence du menu de la bo te de dialogue s lectionnez Menus contextuels de texte ou Menus contextuels d image Cela vous permet de s lectionner des objets pour composer les menus 6 S lectionnez une option de menu dans la zone puis modifiez les valeurs dans les zones de saisie les options des listes d roulantes s lectionnez les boutons radio et les cases cocher pour modifier votre mod le de menu contextuel Les param tres de menu contextuel d image pour les boutons les s parateurs et l arri re plan sont similaires ceux des boutons 7 Cliquez sur OK Ins rer des boutons D i a ABC il Les boutons font partie int grante des barres de navigation voir p 65 de WebPlus mais vous pouvez galement les ajouter sur votre page Web soit en tant qu l ments autonomes soit comme l ments d un formulaire l ments de navigation 71 Lorsqu ils sont activ s par l internaute ils peuvent afficher la destination d un lien hypertexte ou un menu contextuel ou d clencher une action Dans WebPlus les boutons peuvent tre bas
113. te comporte plusieurs maquettes vous pouvez associer un maquette diff rente a la page Pour associer une autre maquette a une page 1 Sous l onglet Site faites un clic droit sur la page exclure et s lectionnez Propri t s de la page 2 Dans l option de menu Maquettes de la bo te de dialogue d cochez la maquette d origine puis cochez la maquette que vous souhaitez utiliser 3 Cliquez sur OK Pour dissocier une maquette e D cochez son entr e dans la bo te de dialogue Propri t s de la page option de menu Maquette Si vous d cochez toutes les maquettes la page utilisera l apparence du site Propri t s Propri t s du site Pour les mises en page plus complexes vous pouvez appliquer plusieurs maquettes votre page simultan ment Reportez vous la rubrique Associer plusieurs maquettes dans l aide de WebPlus Configurer des sites et des pages 29 Ajouter supprimer et r organiser les pages Master Pages E E a eee ay ee A l aide de l onglet Site vous pouvez ajouter des pages supprimer des pages ajouter une ou plusieurs maquettes utiliser un glisser d poser pour r organiser les pages dans la structure de votre site ajouter des pages a partir de mod les install s ajouter des liens externes ajouter des pages HTML d finir une page comme page d accueil 30 Configurer des sites et des pages La fen tre Maquettes de l
114. tions stimulant votre cr ativit Rechercher des compositions L outil de recherche filtre les compositions en fonction des balises pr d finies et personnalis es appliqu es a tous les fichiers de pack affich s dans l Explorateur de compositions Pour appliquer un filtre de recherche e Pour une recherche de balise simple entrez le mot ou la lettre recherch e dans le champ de saisie Rechercher situ en haut droite de la bo te de dialogue Cela est particuli rement utile pour r cup rer des compositions avec les balises personnalis es associ es Stocker des compositions personnalis es et des param tres de compositions Gr ce WebPlus vous pouvez cr er et stocker des compositions personnalis es partir des objets de la page les param tres d un objet sa couleur peuvent galement tre enregistr s Vous pouvez ainsi r utiliser ces compositions soit dans votre site WebPlus courant soit globalement sur tout site ult rieur Des compositions stimulant votre cr ativit 153 Les objets et leurs param tres peuvent tre stock s sous forme de compositions personnalis es dans les cat gories de l onglet Compositions comme suit Cat gorie de l onglet Compositions Mes mod les formes vectorielles trac es dessin et texte artistique zone de texte stocke les compositions pour une utilisation globale Graphiques formes vectorielles trac es dessin et texte artistique zone de texte sto
115. tions stimulant votre cr ativit 151 Vous pouvez aussi utiliser les commandes de recherche situ es dans la partie sup rieure droite de la boite de dialogue pour restreindre votre recherche ou trouver une composition sp cifique dans les fichiers de pack Pour parcourir des compositions par categorie 1 Sous l onglet Compositions s lectionnez Parcourir 2 Dans l Explorateur de compositions s lectionnez une composition dans la section Cat gories Par exemple pour Graphiques vous voyez les graphiques appara tre dans des sous cat gories p ex Bo tes Drapeaux etc dans le volet principal 3 Faites d filer les sous cat gories pour parcourir et s lectionner des compositions suppl mentaires Pour parcourir des compositions par fichier de pack 1 Sous l onglet Compositions s lectionnez Parcourir 2 Dans l Explorateur de compositions gauche de la bo te de dialogue s lectionnez une cat gorie p ex Arri re plans ou un nom de pack de compositions dans la section Fichiers de pack Vous devez ventuellement cliquer sur la fl che pour d velopper une cat gorie Les fichiers de pack appara tront dans le volet principal 3 Faites d filer les cat gories pour explorer les compositions incluses dans chaque fichier de pack Pour faciliter la navigation vous pouvez d velopper et r duire les cat gories ou les fichiers de pack afin de masquer ou afficher les compositions 152 Des composi
116. ts Facebook a votre page pour diffuser divers types de flux en direct ou pour int grer un bouton J aime permettant aux internautes de partager et de promouvoir votre page sur les pages Facebook Ka II est conseill de se cr er un compte Facebook pour utiliser ces widgets Pour de plus amples informations sur Facebook rendez vous sur www facebook com Ins rer un widget Facebook Le widget est directement plac sur la page comme tout autre objet Pour ins rer un widget Facebook l _f Sous l onglet Cr ation rapide cat gorie R seau social cliquez sur Widget Facebook puis cliquez sur la page 2 Dans la liste d roulante Type de la bo te de dialogue s lectionnez Flux d activit Flux J aime Flux de recommandation ou Bouton J aime 108 R seau social 2 Personnalisez le comportement de votre widget Utiliser l URL du site actif Cochez l option pour utiliser l URL actuelle de votre site D cochez l option pour saisir une adresse Web personnalis e ci dessous Pour le flux J aime entrez l URL exacte d une page Facebook Cible du lien Flux de recommandation uniquement S lectionnez Vide pour ouvrir les liens dans une nouvelle fen tre puis cliquez sur Parent ou Haut pour ouvrir les liens dans la m me fen tre Verbe afficher Bouton J aime uniquement S lectionnez J aime ou Recommander comme libell du bouton Facultatif Personnalisez l apparence de votre widget l aide des options compl
117. ture que vous compilez vous m me 8 Bienvenue Sortie amelioree Nouvelles options de sortie HTML Outre le tout nouveau format d exportation HTML5 qui am liore l efficacit et la compatibilit des sites cr s avec WebPlus de nouvelles options de site vous permettent de choisir le style et l efficacit du code en mode diteur au moment de l aper u et de la publication Optimiseur d exportation Lorsque vous enregistrez des images dans WebPlus vous s lectionnez des objets des zones ou des pages exporter sous la forme d images optimis es proposant un aper u interactif avec une estimation de la taille de fichier Le nouvel Optimiseur d exportation offre une s lection de formats avec des options de compression ou de couleur ainsi qu un sur chantillonnage pour les exportations de qualit optimale Style CSS La nouvelle option disponible pour la quasi totalit des objets permet d ajouter des param tres de style appliqu s dans le navigateur Web de l internaute Ainsi un style plus avanc est disponible sous forme de code efficace ce qui vous vite d avoir convertir des objets en graphiques lents t l charger et moins adapt s la recherche L aide de WebPlus r pertorie les am liorations mineures du produit par rapport aux pr c dentes versions Pour plus d informations reportez vous la rubrique Nouvelles fonctions de l aide Bienvenue 9 Installation La proc dure d installation de WebPlus es
118. u une fonction interactive utilisant le format Flash Player A Veuillez noter que la prise en charge des animations et vid os Flash par les navigateurs Web est limit e aux ordinateurs standard les tables et smartphones modernes ne peuvent pas afficher un contenu Flash Pour ins rer un fichier Flash l Sous l onglet Cr ation rapide cat gorie M dia cliquez sur Flash puis sur votre page S lectionnez le fichier Flash ouvrir cliquez sur Parcourir ou Parcourir les compositions puis s lectionnez votre fichier SWF Cliquez sur Options d exportation pour d finir si vous le souhaitez un nom de fichier et ou un emplacement de fichier diff rents M dia 123 Pour maintenir l animation s par e du fichier WebPlus en utilisant un lien vers le fichier source d sactivez la case Int grer une image Facultatif Dans Fichiers suppl mentaires constituez une biblioth que de fichiers par exemple des images qui seront utilis es dans l animation Flash Vous n aurez ainsi aucune peine les retrouver Cliquez sur le boutons pour acc der des fichiers ajouter Facultatif L onglet Options d affichage d termine la pr sentation de l animation Flash sur votre page WebPlus Faites des essais de r glages des options de lecture en boucle de transparence d alignement de dimension et de qualit Facultatif Dans la zone Param tres Flash cliquez sur le bouton Ajouter ou Modifier pour ajouter ou mod
119. ue Ins rer l image partir d un disque pour s lectionner l image ouvrir 3 Cliquez sur Ouvrir m Vous pouvez galement remplacer une image par l une des images stock es dans l Explorateur de compositions cliquez sur Remplacer l image partir des compositions juste en dessous de l image s lectionn e Afficher des images dans des lightboxes Les lightboxes constituent un moyen simple d afficher un agrandissement des miniatures que vous ajoutez votre page Web Les lightboxes pr sentent l norme avantage de pouvoir afficher sur demande des images agrandies et de se superposer votre page Web au terme d une animation l ments de mise en page 43 Pour creer une lightbox pour une image de votre page Web 1 S lectionnez une image de pr f rence une miniature 2 Cr ez un lien hypertexte pointant vers l image commande Propri t s Lien hypertexte 3 S lectionnez Image dans le menu puis sous l onglet Fen tre cible choisissez Lightbox dans la liste d roulante Type R glages et effets d images PhotoLab est un studio performant vous permettant d appliquer des filtres de r glage et d effets vos images individuellement ou en combinaison y AF a L URD po is 4 M Acree De TLIIS i i D if H A barre d outils principale B espace de travail principal C pile de filtres D onglets de filtres E onglet Images 44 l ments de mise en pa
120. uis s lectionnez un Objet intelligent 3 Facultatif Si vous souhaitez utiliser les Objets intelligents dans une langue autre que le fran ais s lectionnez la langue souhait e dans le menu d roulant Langue 4 S lectionnez OK La bo te de dialogue de cr ation qui s affiche propose des options sp cifiques l Objet intelligent s lectionn Contenu avanc 187 5 Dans la fen tre qui apparait e D finissez le Nom de l objet e Facultatif Si vous avez pr alablement cr un Profil s lectionnez le dans le menu d roulant e Facultatif Ajoutez un lien Filtre hors site l acc s l objet sera limit au domaine indiqu et emp chera la copie de l URL e Facultatif Vous pouvez aussi modifier les r glages propres l objet Pour certains objets vous pouvez aussi d finir les l gendes les couleurs du corps du texte et des bordures ainsi que l paisseur du contour le cas ch ant 6 Cliquez sur Cr er L objet nomm appara t dans la liste qui s affiche dans le volet gauche de la bo te de dialogue Mes Objets intelligents Pour ajouter un Objet intelligent votre page Web 1 S lectionnez l objet souhait dans le volet gauche de la bo te de dialogue Objets intelligents et cliquez sur le bouton Ins rer T Pour ins rer l objet sa taille par d faut placez le pointeur l emplacement o vous souhaitez que l objet apparaisse sur la page puis cliquez OU Faites glisser
121. une Nouvelle fen tre 7 Cliquez sur OK Des onglets suppl mentaires Avanc onglet Lien hypertexte et Actions proposent des attributs d accessibilit et d interaction entre les moteurs de recherche ainsi qu une palette d actions d clench es lorsque l utilisateur clique sur votre bouton Les onglets Identifiant Ancre et Propri t s CSS proposent des commandes avanc es et des options de style Pour acc der aux boutons de site Web et aux autres l ments graphiques stock s dans des packs de compositions vous pouvez utiliser l Explorateur de compositions Sous l onglet Compositions cliquez Parcourir puis s lectionnez la cat gorie Param tres Cr er des boutons personnalis s Si vous souhaitez modifier un mod le de bouton ou en cr er un de toutes pi ces vous pouvez utiliser le Studio de boutons un environnement de conception int gr WebPlus et qui vous permet de vous consacrer la conception sans tre distrait par les autres objets de la page En effet le mod le est ainsi isol Pour plus d informations reportez vous l aide de WebPlus Pour modifier un mod le de bouton e S lectionnez Modifier le mod le de bouton dans la barre d outils contextuelle El ments de navigation 73 Ajouter des liens hypertextes et des actions Si vous ajoutez un lien hypertexte un objet tel qu une forme un mot ou une image le visiteur de votre site peut cliquer sur cet objet pour d clencher un
122. une programmation Web traditionnelle WebPlus est fourni avec une impressionnante s lection de mod les de barres de navigation de compositions cr atives et de styles Gr ce aux mod les en pleine taille et pour mobiles ainsi qu un riche contenu pr t l emploi tout le monde peut mettre en ligne un site Web d apparence professionnelle sans exp rience requise Vous pourrez galement r utiliser un contenu existant en important des documents de traitement de texte des images et de nombreux autres types de fichiers Pour tirer le meilleur parti des images de votre site vous pouvez utiliser le Studio de d coupe pour supprimer des arri re plans et PhotoLab pour un r glage performant des images et des combinaisons d effets Vous ne pouvez pas les rater WebPlus X7 ne se contente pas de vous offrir une publication Web statique toute sa puissance n est r ellement visible que lorsque vous ajoutez et g rez du contenu dynamique ou interactif tel que des formulaires des blogs des forums des listes de lecture de vid os et des flux RSS tiers ainsi que des fonctionnalit s modernes tels que des panneaux des glissi res et des cartes Google sans oublier des widgets Facebook Twitter et Google Vous pouvez m me utiliser des outils E Commerce simples proposant une configuration tape par tape des fonctions de panier d achat et de don 4 Bienvenue Une fois satisfait de votre site WebPlus publiez le simplement sur Intern
123. ur les articles sont conserv s dans votre panier jusqu ce que vous proc diez au paiement PayPal Water Lily white 2 26 00 Subtotal 23 00 Dans la boite de dialogue vous pouvez galement configurer la position du mini panier dans votre explorateur puis modifier ou supprimer le texte affich par d faut dans le mini panier 5 Cliquez sur le bouton Terminer pour achever la configuration 180 Contenu avanc Apr s avoir configur le panier d achat vous devez ins rer un objet E Commerce tel qu un formulaire ou un lien sp cifique votre fournisseur Cette op ration peut tre effectu e juste apr s la configuration du panier d achat ou tout moment via la commande Ins rer Objet E Commerce Voir l aide de WebPlus pour plus d informations Les Objets intelligents Pour le contenu g r WebPlus utilise des Objets intelligents c t serveur qui stockent les donn es relatives aux internautes recueillies sur l espace serveur s curis de Serif appel Ressources Web Serif Une fois votre site en ligne vous pouvez directement g rer vos Objets intelligents dans WebPlus ou en externe via l adresse www serifwebresources com tout moment Examinons les diff rents Objets intelligents disponibles parmi les Ressources Web Serif et leur r le FAN _ Gestionnaire d h bergement H berge la r servation en ligne de maisons d h te de motels et de chambres d h te avec des options de pr
124. ur le redimensionner librement maintenez la touche Maj enfonc e en faisant glisser le pointeur Pour modifier du texte artistique e Faites glisser le pointeur pour s lectionner du texte en bleu Vous pouvez galement double cliquer pour s lectionner un mot Eh Texte 143 Vous pouvez maintenant saisir un nouveau texte appliquer une mise en forme aux caract res et au paragraphe modifier le texte dans WritePlus appliquer des options de correction orthographique etc diter le texte d une page Vous pouvez utiliser l outil Pointeur pour modifier directement le texte de zones de texte celui des tableaux ou le texte artistique Sur la page vous pouvez s lectionner et saisir du texte d finir des retraits de paragraphe et des taquets de tabulation modifier les propri t s du texte appliquer des styles de texte et utiliser les fonctions Rechercher et remplacer Voir l aide de WebPlus Pour l dition de longs articles et pour des fonctions plus avanc es utilisez WritePlus S lectionner et saisir du texte La s lection de texte dans des zones de texte le texte artistique et le texte des tableaux s effectue de la m me mani re que dans un traitement de texte La zone de s lection est marqu e par un bleu semi transparent pour faciliter l dition Hulla vestibulum eleifend nulla Suspendisse potenti Aliquam turpis nisi venenatis non accum san nec imperdiet laoreet lacus Cliquez deux trois ou quatre fo
125. ur le texte autonome comportant des effets sp ciaux ou du texte de tableau voir Ins rer des tableaux p 56 pour l affichage sous forme de lignes et de colonnes Cr er des zones de texte Vous pouvez ajouter des zones de texte dans une page comme vous le feriez pour tout autre objet Quelle que soit la forme choisie vous pouvez s lectionner d placer et redimensionner la zone mais vous ne pouvez pas modifier sa forme de base Reportez vous a l aide de WebPlus pour plus d informations Pour cr er une zone de texte l Sous l onglet Cr ation rapide cat gorie l ments de mise en page cliquez sur Zone de texte 2 Tracez une zone de texte de la dimension souhait e ou Cliquez sur la page ou sur la table de montage pour cr er une zone de texte une taille par d faut 38 l ments de mise en page Pour supprimer une zone de texte e S lectionnez la zone de texte et appuyez sur la touche Suppr Si un point de s lection se trouve dans le texte la touche Suppr supprimera les caract res plac s apr s le curseur Placer du texte dans une zone de texte Diff rentes m thodes permettent de placer du texte dans une zone Editeur WritePlus Importer un texte Saisie dans la zone de texte Coller via le Presse papiers AL Une fois la zone de texte s lectionn e cliquez sur WritePlus dans la barre d outils contextuelle Cliquez avec le bouton droit de la souris sur
126. urs auteurs ajouter des articles votre blog voir l aide de WebPlus e Si vous travaillez distance ou tes en d placement vous pouvez toujours contr ler et mettre jour ce contenu g r partir des Ressources Web Serif II n est pas n cessaire de publier de nouveau votre site Web 96 Contenu externe g r Ins rer des blogs Vous pouvez facilement ins rer un blog sur une page de votre choix comme n importe quel autre objet dans WebPlus Pour ins rer un blog sur la page l r Sous l onglet Cr ation rapide cat gorie Contenu externe g r cliquez sur Blog 2 ae Faites glisser le pointeur sur votre page pour d finir la taille de votre blog Si vous n avez pas de compte Ressources Web Serif ou si vous tes d connect la bo te de dialogue d ouverture de session correspondant s ouvre Pour s inscrire cliquez sur Cr er un compte dans la section Nouvel utilisateur OU Si votre session est d j ouverte une bo te de dialogue Modifier le blog s ouvre 3 Dans la bo te de dialogue attribuez un nom votre blog Il s agit du titre qui appara tra en haut du blog mis en ligne 4 Facultatif Ajoutez une description du blog pour d crire le th me de votre blog Pour une description plus d taill e des autres options cliquez sur le bouton Aide de la bo te de dialogue 5 Cliquez sur le bouton Enregistrer La zone bleu clair d finit l emplacement du blog Contenu externe g
127. us d informations rendez vous l adresse go serif com hosting Si vous tes d j d tenteur d un compte d h bergement le contrat pass avec votre h bergeur vous autorise peut tre aussi occuper sur son serveur une certaine quantit d espace fichier pour stocker des fichiers y compris des fichiers composant un site Web 172 Pr visualised et publier Mise en ligne de fichiers sur le Web Une fois votre projet WebPlus finalis et votre espace Web configur vous tes pr t e mettre votre site en ligne Pour mettre en ligne votre site sur le Web e Cliquez sur la fl che bas du bouton Publier le site de la barre d outils Standard et cliquez sur Publier sur le Web Si vous n avez pas encore d fini d informations de compte FTP vous serez invit e ajouter vos informations de compte FTP dans une bo te de dialogue contextuelle Pour d finir le informations de compte FTP 1 Dans la bo te de dialogue Publier sur le Web obtenir un h bergement cliquez sur Ajouter des informations 2 Suivez la proc dure Pour d finir le informations de compte FTP a partir de l tape 2 p 166 Publication rapide La Publication rapide vous permet de charger et d afficher rapidement un aper u de la page affich e ce qui est utile pour contr ler en ligne les pages individuelles lorsque vous cr ez votre site Web Pour mettre en place la Publication rapide vous devez d abord param trer les informations de v
128. uter des images a votre site en les faisant directement glisser sur votre page Pour ajouter une image a la page e Sous l onglet Compositions cat gorie Images faites directement glisser la miniature d une image sur la page en tant qu objet ancr dans un texte artistique une zone de texte un point d insertion choisi ou d placez la dans un cadre d image vide ou non L Une fois ajout e la miniature de l image indique le nombre de fois ot l image a t utilis e dans le site LI Une fois positionn e les images sont par d faut associ es votre projet et non int gr es Vous pouvez int grer des photos l aide de l option Ins rer l image partir d un disque de la barre d outils Basique s lectionnez Int grer l image dans la bo te de dialogue ou tout moment dans le Gestionnaire de ressources voir l aide de WebPlus Remplacer des images Vous pouvez remplacer une image par une autre n importe quel moment Cette fonction est particuli rement utile si vous souhaitez conserver la position et les dimensions de l image sur la page tout en souhaitant actualiser l image elle m me Vous pouvez l utiliser sur n importe quelle image recadr e ou non 42 l ments de mise en page Pour remplacer une image NE ne i m Cliquez sur Remplacer l image partir d un disque ou Remplacer l image partir des compositions juste en dessous de l image s lectionn e 2 Utilisez la bo te de dialog
129. utres objets au survol Avec une valeur d index Z lev e 150 p ex l objet appara tra devant les autres objets au survol Ainsi au survol vous pouvez par exemple afficher au premier plan une image habituellement masqu e dans une pile e Imprimer imprime la page active via une bo te de dialogue d impression au clic e Glissi re ajoute une action Lecture Pause etc un bouton de navigation pour contr ler la lecture de la glissi re Vous pouvez ajouter une action adapt e chaque type de boutons de navigation par exemple une action de lecture un bouton Lecture Voir Glissi res p 58 e R action de la glissi re modifie dynamiquement l tat du f bouton en fonction de l tat de lecture actuel de la glissi re 78 l ments de navigation e Personnaliser ex cute votre code JavaScript en r action a un clic un survol une pression sur une touche etc A L onglet Actions ne s affiche que lorsque vous s lectionnez un objet et non un texte K Vous devrez cr er un panneau avant de lui affecter une action qui entra nera son affichage Pour plus d informations reportez vous la rubrique Ins rer des panneaux p 46 Pour appliquer une action 1 S lectionnez LJ Modifier des actions dans la barre d outils Propri t s 2 Dans la bo te de dialogue qui s affiche cliquez sur Ajouter et s lectionnez une option dans la palette d outils 3 Dans la bo te de dialogue configurez l
130. v s iTunes 2000 a 2008 Apple Inc Tous droits r serv s YouTube 2008 YouTube LLC TM 2013 Vimeo LLC Tous droits r serv s Facebook 2008 Facebook Inc Twitter 2012 Twitter Inc phpBB 2000 2002 2003 2007 phpBB Group FontForge 2000 2001 2002 2003 2004 2005 2006 2007 2008 par George Williams Des parties de ce logiciel sont font l objet d un copyright 2008 The FreeType Project www freetype org Tous droits r serv s ODF Translator 2006 2008 Clever Age DlaLOGIKa Sonata Software Ltd Tous droits r serv s Office Binary Translator to OpenXML Copyright 2008 2009 DIlaLOGIKa Tous droits r serv s Anti Grain Geometry Version 2 4 Copyright 2002 2005 Maxim Shemanarev McSeem SlideShowPro Dominey Design Inc Tous droits r serv s chantillons de cliparts fournis par Serif ArtPacks Serif Europe Ltd et Paul Harris chantillons de polices TrueType extraits de Serif FontPacks Serif Europe Ltd 2013 Serif Europe Ltd Tous droits r serv s Il est interdit de reproduire tout ou partie du manuel sous quelque forme que ce soit sans l accord expr s crit de Serif Europe Ltd Serif WebPlus X7 2013 Serif Europe Ltd Tous droits r serv s Les soci t s et les noms utilis s dans les chantillons sont fictifs
131. vent tre ajout s a une page pour permettre aux visiteurs d interagir avec le contenu du site de diff rentes facons Type de 4 e e Caract ristiques widget Bouton Permet aux internautes de partager votre site Web en Tweet tweetant le contenu de votre site sur leur profil Twitter Bouton Permet aux internautes de suivre votre compte sur Suivre Twitter Ins rer un widget Twitter Le widget est directement plac sur la page comme tout autre objet Pour ins rer un bouton Tweet 1 gt Sous l onglet Cr ation rapide cat gorie R seau social cliquez sur Widget Twitter puis cliquez sur la page 2 Dans la liste d roulante Type de la boite de dialogue s lectionnez Bouton Tweet R seau social 111 Personnalisez le comportement de votre bouton e Utiliser l URL du site actif Cochez l option pour utiliser l URL actuelle de votre site D cochez l option pour saisir une adresse Web personnalis e dans URL du Tweet e Texte du Tweet Saisissez le texte du Tweet Ce texte s affiche dans le champ Tweet et peut tre dit avant l envoi du tweet e Via Entrez le nom d un compte Twitter a ajouter a la fin du tweet sous la forme via lt identifiant gt Il est recommand de saisir votre identifiant dans ce champ e Recommander Propose un identifiant Twitter recommand que les internautes peuvent suivre La recommandation appara t apr s envoi d un tweet e Mot clic Entrez une phrase comme mot clic sans
Download Pdf Manuals
Related Search
Related Contents
Eglo TORTOLI How to exit Configuration Mode Once user chose Manual do Usuário ASN-B 87813 SpanSet ATSL Ins.indd Cateye CC-TR200DW (V2c) Product manual 取扱説明書 Copyright © All rights reserved.
Failed to retrieve file