Академический Документы
Профессиональный Документы
Культура Документы
Avant toute chose, vous devez crer un espace Web et lui attribuer un nom pour le retrouver
facilement l'ouverture de Web Acappella.
Un espace Web est un systme qui comprend les paramtres de publication pour un hbergeur donn et o
l'on peut crer et publier plusieurs sites.
Cliquez simplement sur "Crer un nouvel espace Web". Donnez ensuite un nom votre espace Web (sans
espace) et cliquez sur OK.
Vous pouvez supprimer un espace Web en cliquant sur la croix rouge situe ct de la liste de vos espaces
Web.
Attention, si vous supprimez un espace Web, l'ensemble des sites contenus dans cet espace Web sera
effac!
Vous pouvez tout moment accder aux paramtrages de publication depuis le menu "Fichiers" "Paramtres de publication".
Utilisation de Webacappella 4
Configuration automatique
La configuration automatique va vous permettre de mettre en ligne votre site Web Acappella sans
avoir aucune connaissance des protocoles de transfert de fichiers.
Web Acappella va grer automatiquement la connexion et le transfert des fichiers auprs de votre
hbergeur.
Pour choisir cette mthode, cochez la case "Configuration automatique".
Choisissez ensuite votre pays de rsidence et le fournisseur d'espace Web sur lequel vous avez ouvert un
compte.
Cliquez enfin sur OK.
-proprit gnrale de la publication
Une fois votre hbergeur slectionn dans la liste, remplissez les champs avec les informations
personnelles relatives votre espace Web.
Vous devez fournir : un nom dutilisateur, un mot de passe, et pour certains hbergeurs, ladresse o votre
site Web sera visible.
Vous pouvez tester l'accs votre espace Web via Web Acappella grce au bouton "Tester la connexion".
-Gestion des sous-dossiers et du multisite
Web Acappella vous permet de crer plusieurs sites dans un mme espace Web.
Cette fonction peut tre utile si vous voulez crer plusieurs sites mais que votre hbergeur ne vous propose
quun seul espace Web.
Utilisation de Webacappella 4
Choisissez le nombre de sites que vous voulez crer dans votre espace Web. Si vous dcochez la ase
"Activer la gestion multisite", vous ne pourrez crer qu'un seul site sur votre espace Web.
IMPORTANT: si vous souhaitez publier un site Web dans un sous-dossier de votre espace web, mais que
ce sous dossier n'existe pas encore, il est possible de le crer en inscrivant son nom dans le champs "Nom du
sous dossier". Ce sous-dossier sera alors cr dans votre espace Web et votre site sera automatiquement
publi dedans.
Note: Si vous activez cette option, votre site sera publi par dfaut dans un dossier intitul acappella1, 2 ou
3 qui apparat dans ladresse de votre site Internet. Web Acappella vous permet de modifier le nom de ce
dossier.
Par exemple, ladresse http://www.monsite.fr/acappella3/index.html peut se changer en http://
www.monsite.fr/mespassions/index.html. Si vous dsactivez la gestion multisite, votre site sera publi la
racine de votre espace Web.
-Base de donnes
Afin de pouvoir bnficier des services avancs fournis par Web Acappella (tels que les Blogs), il est
impratif que votre espace Web gre les bases de donnes.
Certains hbergeurs vous proposent directement dactiver les bases de donnes lors de lactivation du
compte, mais si ce nest pas le cas, allez sur longlet Base de donnes et remplissez les champs avec les
informations disponibles sur le site Web de votre hbergeur.
Utilisation de Webacappella 4
Configuration manuelle
-Publier votre site en utilisant un autre logiciel (FileZilla)
Cette mthode de publication est utile si vous dsirez publier votre site sur votre ordinateur pour le
transfrer par la suite sur votre espace Web via un logiciel de transfert FTP (en cas de dconnexions
frquentes ou de problmatique de scurit renforce lors de la publication via Web Acappella).
Voici les diffrentes tapes pour publier votre site Web Acappella sur votre ordinateur puis pour le
transfrer sur votre espace Web:
- Renseignez les champs avec vos identifiants de publication.
- Que vous soyez en mode automatique ou en mode manuel, cliquez sur le bouton "Avanc" de la fentre de
configuration.
- Choisissez ensuite le dossier de destination (crez-le si besoin) ou un emplacement dans votre ordinateur
o votre site sera publi.
- Cliquez enfin sur OK.
Votre site sera automatiquement publi dans le dossier ou l'emplacement slectionn.
Utilisation de Webacappella 4
Utilisation de Webacappella 4
Interface
-La barre des icnes
La barre des icnes vous permet daccder en un clic aux principales fonctionnalits ncessaires la
cration et la publication de votre page.
Gagnez du temps et ne vous perdez plus dans les menus ! Ces icnes sont trs explicites et facilitent la
navigation dans linterface de Web Acappella.
La barre des langues vous permet d'activer le multi-langage sur une page et de passer aisment dune langue
lautre lors de ldition du site.
-Choix du site
Web Acappella vous permet de crer plusieurs sites sur un mme espace Web.
Par dfaut, 3 sites sont activs sur votre espace Web.
Pour passer d'un site l'autre, choisissez simplement votre site via le menu droulant:
Utilisation de Webacappella 4
-Explorateur de miniatures
Les miniatures des pages sont un complment lexplorateur de pages.
Elles vous permettent de reconnatre vos pages rapidement et dy accder en un clic. Cet outil est
particulirement pratique si vous nattribuez pas de nom spcifique vos pages.
De plus, vous pourrez ainsi juger de lhomognit graphique de votre site.
-Explorateur de calques
L'explorateur de calques vous permet de crer des calques et de les grer.
Les calques sont utiliss pour regrouper des lments en vue d'une modification simplifie de ce groupe
d'lment (Ex : regrouper tous les lments d'une barre de navigation afin de pouvoir slectionner et
dplacer tous ces lments en un seul clic).
Utilisation de Webacappella 4
Note : l'explorateur de calque peut tre dtach ou rattach de l'interface grce au bouton plac en haut
gauche de l'explorateur (double flche).
De mme, vous pouvez fermer l'explorateur de calques. Pour l'afficher nouveau, rendez-vous dans le menu
"Affichage" - "Afficher l'explorateur de calques".
Les actions disponibles et leur fonction :
- Ajouter un calque : ajoute un nouveau calques vide dans la listes des calques.
- Ajouter au calque : ajoute le ou les lments slectionns (s) dans l'espace de travail au sein du calque en
cours de slection.
- Vrouiller le calque : les lments contenus dans un calque ne seront plus slectionnables dans l'espace de
travail (pour par exemple viter un dplacement ou un effacement non dsir).
- Isoler le calque : permet d'isoler un lment ou un groupe d'lments prsent dans un calque (le reste des
lments de la page sera alors non slectionnable). Ceci permet par exemple de modifier les attribus des
lments prsents dans ce calque (taille, bordure, opacit).
- Associer des calques : slectionnez deux ou plusieurs calques puis cliquez sur ce bouton pour les associer.
Slectionner ou dplacer un de ces calques impactera les autres calques associs.
- Dissocier les lments : permet d'enlever du calque les lments qui y sont prsents.
- Supprimer le calque : supprime le calque ainsi que les lment qui y ont t ajouts.
Utilisation de Webacappella 4
-Les rgles
Les rgles vous permettent de placer facilement des repres horizontaux et verticaux afin de vous aider
aligner vos lments.
Ces repres visuels ne sont visibles qu'en mode cration (non visible sur le navigateur Internet).
3 faons de crer ou de supprimer une rgle :
- Double clic dans la rgle
- Cliquer / glisser / dposer depuis une rgle
- Clic droit -> "Ajouter une rgle" / "Supprimer la rgle"
Utilisation de Webacappella 4
-L'inspecteur d'lments
L'inspecteur vous permet d'accder aux paramtrages et aux options de tous les lments.
Par dfaut l'inspecteur est visible mais vous pouvez le faire apparatre ou disparatre via l'icne situ droite
de l'lment:
Chaque action effectue sur un lment via l'inspecteur est instantanment applique et visible.
De plus, l'inspecteur vous permet de modifier plusieurs lments du mme type en mme temps.
Par exemple, slectionnez plusieurs zones de couleur en mme temps. Grce l'inspecteur vous pouvez
appliquer les mmes attributs l'ensemble des lments slectionns (mme couleur, mme bordure...)
Utilisation de Webacappella 4
Modifier le dossier de destination de vos espaces Web est rserv aux experts. Ceci est utile pour
sauvegarder vos espaces Web ailleurs que dans la partition Systme.
Utilisation de Webacappella 4
Web Acappella est automatiquement configur pour utiliser le navigateur par dfaut de votre systme.
-Langue de l'application
Choisissez ici la langue de l'application.
Utilisation de Webacappella 4
Aprs avoir cliqu sur OK, l'interface de Web Acappella passera automatiquement dans la langue
slectionne.
-Grille magntique
Grez la grille magntique de l'espace de travail et l'attraction entre les lments.
Choisissez le nombre de points afficher dans la grille magntique de l'espace de travail. Plus le pas est
important, plus les points de votre grille magntique seront espacs.
Utilisation de Webacappella 4
- Page: Pour un rfrencement individuel des pages, accessible depuis le menu "Page/Maquette" "Proprits de la page" (ou bien encore via un clic droit ou un double clic dans la page).
Utilisation de Webacappella 4
Cet onglet vous permet aussi de modifier le nom du fichier HTML (nom de la page) et ainsi remplacer
lintitul crbst_xx par un nom de votre choix (exemple: pagecontact ou albumphoto). Il est impratif de
ne pas mettre despaces ou de caractres spciaux.
Si votre site est en multi langage, vous pouvez rfrencer votre site dans les diffrentes langues grce au
menu droulant.
Bien rfrencer son site cest:
- Remplir les champs ddis au rfrencement avec des mots cls pertinents.
- Faire en sorte que votre site soit en lien depuis de nombreux sites et annuaires.
Gnration HTML des pages
Forcer le rendu IE7 avec IE9
Sur Internet Explorer 9, lorsqu'un site est affich dans une frame avec une redirection transparente, des
problmes de navigation peuvent survenir.
Cette option permet de contourner cette limitation dInternet Explorer 9. Nous vous conseillons de laisse
cette case coche.
Encodage des caractres de la balise Head en UTF-8 :
En cochant cette case, l'encodage des caractres de votre balise head sera transform en UTF-8. Les
caractres accentus et spciaux (tels que , , , &, $, ...) seront affichs dans le code source de votre page
(certains hbergeurs n'acceptent pas cette option).
Utilisation de Webacappella 4
La deuxime partie de cette fentre vous permet de choisir la langue par dfaut de votre site. Cette langue
sera applique sur des lments dont certains boutons sont prformats (exemple: bouton "Envoyer" du
formulaire de contact).
Utilisation de Webacappella 4
langage sera actif. Par dfaut la case nest pas coche et la page sera dite dans la langue principale.
Ensuite, naviguez dune langue lautre grce la barre des langues.
Note: si vous avez dj saisi du texte dans votre page avant l'activation du multi-langage (zone de texte,
bouton, menu...), vous pouvez rcuprer ce texte par l'action suivant : effectuez un clic droit dans la page et
cliquez sur "Remplir le texte de la page partir d'une autre langue". Dans la fentre qui suit,
slectionnez "Langue par dfaut" et cliquez sur OK pour valider.
Utilisation de Webacappella 4
Favicon:
Le "Favicon" est une image de petite taille qui sera place dans votre navigateur Internet, ct de l'adresse
Internet de votre site. Cette image peut aussi apparatre sur le ct gauche d'un onglet de navigation (sur les
navigateurs supportant la gestion d'onglet).
Le favicon peut par exemple correspondre au logo de votre socit.
Nous vous conseillons de choisir une image au format carr afin d'viter toute dformation.
Utilisation de Webacappella 4
Proprits de la page
-Arrire-plan et taille de la page
Vous pouvez ici choisir la couleur ou limage darrire-plan de votre page en cours.
Note: llment plac le plus bas dans la page dterminera la fin de votre page et par consquent la fin du
dfilement vertical.
Pour aller plus loin dans la gestion de larrire-plan, vous pouvez consulter la partie Maquettes
Utilisation de Webacappella 4
-Protection de la page
Cette partie vous permet de protger laccs votre page par un mot de passe.
Cochez la case pour protger votre page par le mot de passe.
Manipulation de base
-Slectionner et dplacer un lment
Web Acappella met votre disposition de nombreux lments que vous pouvez placer o bon vous
semble dans votre page en cration.
Pour slectionner un lment, posez votre souris dessus et effectuez un simple clic gauche. Llment
slectionn sera alors entour dune bordure en pointills et de points de redimentionnement.
Une barre dicnes apparat alors sur son ct droit. Cette barre permet daccder aux options ou de
supprimer llment (croix rouge).
Une fois slectionn, maintenez le clic gauche enfonc et dplacez llment sur le plan de travail. Relchez
le clic gauche pour dposer llment.
Web Acappella permet de slectionner plusieurs lments en mme temps ou bien encore tous les lments
de la page.
Slection multiple:
Maintenez la touche CTRL (ou Pomme sur Mac) enfonce et slectionnez les lments un un. Les
lments seront alors entours d'orange. Vous dplacerez ainsi le groupe dlments slectionns.
Utilisation de Webacappella 4
Vous avez aussi la possibilit de faire une slection des lments: dans une partie vide, effectuez un clic
gauche, maintenez-le enfonc et dplacez votre curseur pour slectionner une zone et les lments qui sy
trouvent.
Enfin, en faisant un clic droit (ctrl-clic sur Mac) dans la page, vous pouvez slectionner tous les lments de
la page en cliquant sur Slectionner tous les lments de la page .
Utilisation de Webacappella 4
Cependant, si vous copiez ou coupez un lment dans une page et que vous le collez dans une autre
page, l'lment sera plac exactement au mme endroit que son emplacement d'origine.
L'utilisation des maquettes peut aussi vous viter de nombreux copier/coller d'une page l'autre.
-Redimensionnement et rotation
Redimensionnement:
Tous les lments intgrs dans Web Acappella sont redimensionnables. Que ce soit une zone de texte, une
image, un album photo, une zone de couleur... vous avez la possibilit de modifier la taille de llment.
Placez votre souris dans un des angles ou sur un ct de llment, maintenez le clic gauche enfonc et
dplacez votre souris dans la direction voulue pour changer sa taille.
Rotation:
Il est possible de faire tourner votre lment manuellement.
Slectionnez votre lment, appuyez sur la touche Commande (Alt sur Windows) et cliquez dans un angle
de votre lment. Un icne incurv apparat.
Utilisation de Webacappella 4
Tout en maintenant enfonc la touche Commande ou Alt, montez ou descendez votre souris pour faire
tourner votre lment.
-Superposition
Lors de la cration de votre page, vous pouvez superposer des lments et choisir lordre
dapparition.
Ainsi, un lment peut tre mis au premier plan ou en arrire-plan, mais vous avez aussi la possibilit de
dplacer en profondeur chaque lment.
Ces options de placement sont accessibles via un simple clic droit sur llment.
Pour slectionner un lment se trouvant sous un autre lment, maintenez la touche "Maj" enfonce
et cliquez sur le premier lment. Continuez cliquer au mme endroit pour accder aux lments
situs en dessous du 1er lment.
-Affichage de la page
Web Acappella vous donne la possibilit de travailler en plein cran (menu Affichage - Agrandir
la fentre ) afin de profiter au maximum de la taille de votre cran dordinateur.
De plus, si vous voulez travailler dans le dtail les lments de votre site (taille des objets, alignement, ...)
vous pouvez effectuer un zoom de 200% ou 300 % et revenir plus tard la taille normale (100%).
Utilisation de Webacappella 4
Vous pouvez cliquer dessus nimporte quel moment pour enregistrer les tapes de votre cration.
Lorsque vous changez de page, Web Acappella vous demandera automatiquement si vous dsirez enregistrer le
travail ralis. Les chances de perdre le travail accompli sont ainsi minimises.
Enfin, lors de la publication et de la prvisualisation de votre site, un enregistrement automatique est ralis. Cet
enregistrement permet de reprendre votre ralisation lendroit o vous vous tes arrt et seffectue
Utilisation de Webacappella 4
automatiquement dans un dossier destin au stockage des sites Web Acappella. Ce dossier est enregistr sur votre
ordinateur ladresse suivante: C://Mes documents/WebAcappella
Ces paramtrages, accessible depuis l'inspecteur de chaque lment, vous permettent de rgler avec
prcision la taille de votre objet et son emplacement dans la page. Vous pouvez aussi rgler l'angle de
rotation de cet lment.
x : distance partir du bord gauche de la zone de travail.
y : distance partir du haut de la zone de travail.
Largeur : Largeur de llment
Hauteur : hauteur de llment
En cohant la case "Conserver les proportions", le ratio Hauteur - Largeur restera le mme si vous
augmentez ou diminuez la taille de l'lment.
Enfin, sur certains lments vous pouvez rgler avec prcision l'angle de rotation
Ces paramtrages vous permettent d'appliquer une couleur ou une image de fond vos lments pour
personnaliser leur apparence.
Utilisation de Webacappella 4
Dgrad de couleur:
Pour appliquer un dgrad de couleur en arrire-plan dun lment activez-le en cochant la case Dgrad.
Choisissez les couleurs du dgrad (vous pouvez choisir le degr dopacit des couleurs ou faire simplement
un dgrad vers une transparence).
Une fois les couleurs dtermines, vous pouvez dplacer les curseurs afin de rgler lorientation et la force
du dgrad.
Choisissez simplement la taille des options de bordure grce aux menus droulants (exprim en
pixels).
Ombre porte.
Exemples de paramtrages d'ombre porte :
Utilisation de Webacappella 4
Exemple 1 :
Utilisation de Webacappella 4
- Marge intrieur,
- Couleurs des liens,
- Bordure, dgrad, arrire plan et transparence.
- Ombre porte
Transformer le texte en image : Cette option vous permet de transformer automatiquement vos polices de
caractre prfres en image, sans perturber le bon affichage de votre page (pour crer par exemple le titre
de votre site ou des enttes de paragraphe. Cette option est trs pratique lorsque vous utilisez une police de
caractre personnelle (qui aura de fortes chances de ne pas tre visible sur un autre ordinateur).
Pour transformer du texte en image, placez vous simplement sur votre zone de texte et, via l'inspecteur de
proprits, cochez la case "Transformer le texte en image"
ATTENTION : Cette option dsactive les liens appliqus sur le texte ainsi que le dfilement. Cette
fonctionnalit est surtout conseille pour la transformation en image de titres de paragraphe ou de nom de
site. L'utilisation de cette fonction sur l'ensemble des textes de votre site risque de fortement alourdir
l'affichage de votre page une fois en ligne.
Utilisation de Webacappella 4
-Image
Que ce soit pour crer une interface de navigation ou agrmenter le visuel de votre site, Web
Acappella vous permet dintgrer autant dimages que vous le dsirez et de les placez o vous le
souhaitez.
Cliquez sur licne Image ou depuis le menu Insertion cliquez sur Insrer une image.
Cliquez sur le bouton Choisir une image dans l'inspecteur de l'image et choisissez une image depuis
votre bibliothque dimage (ou ajoutez-la votre bibliothque si ncessaire).
Le champ "Info bulle" va vous permettre dajouter un nom ou un commentaire limage. Une fois votre site
en aperu ou en ligne, positionnez votre souris sur limage pour voir apparatre un cadre contenant votre
texte.
Vous pouvez tout moment supprimer cette image en cliquant sur la croix rouge (quand limage est
slectionne).
Une fois insre dans la zone de travail, vous pouvez la redimensionner votre guise, rgler sa transparence,
lui ajouter un lien hypertexte, une bordure, des coins, une ombre porte ou un effet de reflet (uniquement
visible sur votre navigateur Internet).
Dans les proprits gomtriques, vous pouvez choisir de remettre l'image ses dimensions originales en
Utilisation de Webacappella 4
-Moteur de recherche
Le moteur de recherche intgr Web Acappella permet de rechercher simplement un ou plusieurs
mots dans les textes de votre site.
Le moteur de recherche fonctionne en parfaite autonomie, aucun paramtrage de fonctionnement n'est
requis.
Seul impratif pour que votre moteur de recherche affiche des rsultats personnaliss (afin d'obtenir des
informations sur les pages donnes en rsultat): les pages de votre site doivent tre rfrences: cf
rfrencement.
Les textes saisis dans les champs "Titre de votre page Web" et "Description de votre page Web" seront
les informations affiches dans les rsultats des recherches.
Champ de recherche
-Module E-commerce
Le module E-commerce de Web Acappella vous permet de crer et d'ajouter des catalogues de produits sur
vos pages, et de vendre des articles en ligne en toute simplicit.
Nous vous rappelons que l'utilisation du module E-commerce ncessite l'activation de PHP et de la
fonction Mail de PHP sur votre hbergement.
En savoir plus sur les conditions d'utilisation du module E-commerce: Contraintes techniques
De plus, afin d'assurer la prsence de la fonction PHP ainsi qu'un fonctionnement continu et performant de
votre boutique en ligne, nous vous conseillons fortement de choisir un hbergement payant.
Utilisation de Webacappella 4
Ajoutez vos articles, ditez leurs proprits (images, prix, poids, description...), entrez vos coordonnes de
vendeur (adresse Paypal, coordonnes bancaires et adresse postale) et paramtrez enfin les taxes et frais de
port.
Le paramtrage de votre module E-commerce est divis en 5 principales parties:
- Ajout d'articles
- Options du E-commerce
- Gestion des stocks
- Affichage du panier et validation de la commande
- Paiement des commandes
- Le design de votre catalogue
Dans un premier temps, cliquez simplement sur le menu "Insertion" - "Module E-commerce" pour ajouter
un catalogue de produit votre page.
. Cliquez sur le
Utilisation de Webacappella 4
Si vous avez ajout plusieurs articles votre catalogue, vous pouvez naviguer d'un article l'autre grce aux
boutons "Article prcdent" et "Article suivant".
Pour ajouter une option, saisissez le nom de l'option dans le premier champ. Cliquez ensuite sur le
bouton
pour ajouter la liste des diffrentes possibilits offertes sur cet article. Renommez ensuite ces
diffrentes possibilits votre guise.
Vous avez aussi la possibilit de dterminer un prix personnalis en fonction des options choisies. Par
exemple, un mme article existant en plusieurs types de finitions n'aura pas toujours le mme prix.
Pour appliquer un prix personnalis en fonction des options, slectionnez une possibilit dans la liste de
Utilisation de Webacappella 4
l'option puis cochez la case "Prix personnalis" (si vous avez plusieurs options, il vous faudra les combiner
pour fixer un prix personnalis). Enfin, saisissez manuellement le prix pour cette option ou combinaison
d'options.
Cliquez sur OK pour sauvegarder la saisie de vos fiches article.
-Album photo
Vous pouvez intgrer votre site Web un album photo paramtrable. Cliquez sur le menu Insertion Ajouter un album Photo .
Mode normal
Pour paramtrer votre album photo, l'inspecteur de proprits est divis en 2 catgories principales:
- Ajout d'images,
- Paramtrages des fonctionnalits.
-Bouton
Afin de crer vos liens ou vos menus, Web Acappella met votre disposition des boutons de
navigation entirement paramtrables. Pour insrer un bouton, cliquez sur le menu Insertion Ajouter un bouton , ou cliquez sur l'icne:
Utilisation de Webacappella 4
Apparence du fond.
Choisissez une couleur ou une image de fond pour votre bouton. Cliquez simplement sur une des deux cases
pour slectionner une couleur sur la palette ou slectionner une image depuis votre Bibliothque de
ressources .
Si vous laissez coche la case "Lien", les couleurs de bordure et de dgrad seront automatiquement choisies
par Web Acappella (pour obtenir un dgrad de tonalit). Si vous dcochez cette case "Lien" vous pouvez
alors choisir les couleurs que vous souhaitez (afin d'obtenir un rsultat personnalis).
ATTENTION : si vous recochez cette case, vos couleurs personnalises seront nouveau remplaces par
les couleurs automatiques.
Pictogramme
Loption Pictogramme vous permet dinsrer une image dans votre bouton afin de le personnaliser.
Vous pouvez par exemple insrer votre logo ou tout autre lment dcoratif. Si vous dcochez lutilisation
du pictogramme dans l tats survol ou dans l tat actif , le pictogramme de l tat normal
sera alors utilis par dfaut. Vous choisissez la taille de votre pictogramme (en %) grce au menu droulant.
Utilisation de Webacappella 4
Proprits du texte:
Choisissez ici la couleur du texte de votre bouton. Vous pouvez le passer en gras ou bien encore le
souligner.
Liens hypertexte:
Liens hypertexte:
Dans longlet Lien des proprits du bouton, choisissez la destination du lien hypertexte de votre bouton
(voir section Liens hypertexte ).
Le bouton vous permet aussi de mettre en place un lien vers le panier d'achat.
Si vous avez plusieurs modules E-commerce sur votre site et que vous souhaitez un seul lien vers le panier,
choisissez "lien vers le panier E-comemrce".
Nous vous conseillons de placer ce bouton pointant vers le panier sur une maquette afin que le lien soit
accessible depuis n'importe quelle page.
Fonction Blog
Sur chaque bouton, vous pouvez ajouter la fonction "Blog" qui permettra vos visiteurs de laisser un
message ou de ragir vos articles.
Pour activer la fonction Blog, cliquez sur l'onglet "Lien" de l'inspecteur du bouton. Slectionnez ensuite le
type de lien "Lien vers le Blog". Il suffit de cliquer sur ce bouton pour laisser un message.
Utilisation de Webacappella 4
Vous pouvez indiquer le nombre de messages dans votre blog en inscrivant simplement%
commentaires dans le nom de votre bouton. Vous pouvez tout fait personnaliser votre message, le
caractre % tant toujours remplac par le nombre de commentaires sur ce blog.
Le champ "Identifiant de votre Blog" est gr par Web Acappella. Un code est automatiquement gnr,
code qui pourra tre copi puis coll dans un autre champ "Identifiants de votre blog" d'une autre zone de
texte. Ce systme permet de supprimer un blog d'une zone de texte et de transfrer les messages dj posts
vers un autre blog.
-Formulaire de contact
Simplifiez lenvoi des Email grce au formulaire de contact.
Choisissez-vous mme les champs que vous dsirez voir apparatre, lapparence de votre formulaire ainsi
que les paramtres denvoi du mail.
Note : les chiffres placs droite des champs sont des repres visuels vous permettant d'identifier
rapidement le champ que vous souhaitez modifier.
Utilisation de Webacappella 4
- Dterminez le type de zone que vous dsirez insrer et saisissez (sauf pour la zone ditable large) son
intitul dans le champ Nom de la zone :
- Texte en lecture seule : texte qui sera le titre de la zone (exemple: champs intitul Votre message
plac avant un champ de type "Texte ditable large").
- Email : texte qui devra obligatoirement tre format comme une adresse email (xxxxx@xxxx.com).
Web Acappella vrifie le formatage de l'adresse email.
- Texte ditable : texte qui sera le titre dune zone remplir par lutilisateur (exemples: nom,
prnom, adresse Email, ...). Vous avez la possibilit de saisir un texte d'exemple dans le champs "Message
par dfaut", champs uniquement disponible lorsque ce type de zone est slectionn. Exemple: "Saisir ici
votre adresse Email...".
- Texte ditable large : texte pouvant tre le corps du message envoy depuis le formulaire
(exemple: zone ou lutilisateur du formulaire saisi son message).
- Choix multiples : ce type de champs vous permet d'ajouter un menu droulant choix multiples
dans votre formulaire. Dans le champs "Liste des valeurs" saisissez votre liste de choix en sparant les
valeurs par une virgule (ex: M.,Mlle,Mme). Vous avez aussi la possibilit de choisir une des valeurs saisies
comme valeur par dfaut de votre menu droulant grce "Elment slectionn par dfaut".
- Si vous dsirez quun champ soit obligatoirement rempli par lutilisateur du formulaire, cochez la case
Champ obligatoire .
Pour que les mails envoys depuis le formulaire vous parviennent, remplissez les champs Intitul du
mail et Destinataire avec vos informations personnelles .
Fond
Paramtrez enfin le fond de votre formulaire: couleur/image de fond, bordure, ombre porte et transparence.
Utilisation de Webacappella 4
-Zone de couleur
Les zones de couleur sont des lments qui pourront vous servir crer un style visuel pour votre site.
Mais libre vous de choisir leurs finalits.
Cliquez dans le menu Insertion puis sur Ajouter une zone de couleur .
Une zone de couleur apparat. Vous pouvez alors la redimensionner et choisir sa couleur ou son image
darrire plan.
Via son inspecteur, dterminez une image darrire plan et/ou une couleur darrire plan. Vous pouvez par la
suite rgler son degr de transparence et lui attribuer une bordure. De mme, vous pouvez appliquer un
dgrad, des coins arrondis ainsi quun effet dombre porte.
Note: En rglant son ordre dapparition dans la page (premier plan, arrire plan, avancer, reculer), vous
pouvez vous servir de cet lment comme base dune interface graphique pour votre site.
-Vido
Pour intgrer une vido votre page, cliquez sur le menu Insertion puis sur Elment vido .
Utilisation de Webacappella 4
Utilisation de Webacappella 4
-Google maps
Ajoutez trs simplement des plans Google Maps dans vos pages.
Insrez l'lment Google Maps et choisissez sa taille. Insrez ensuite votre adresse complte
dans les champs ddis cet effet de l'inspecteur de proprits.
Votre plan s'affiche automatiquement dans votre page.
-lien hypertexte
Les liens hypertexte vous permettent de naviguer dans votre site, denvoyer vos visiteurs vers dautres
sites, denvoyer des e-mails, de tlcharger des fichiers ou bien encore de changer la langue de votre
site.
Les liens hypertexte peuvent tre appliqus sur:
- Le texte,
- Les images,
- Les bouton et menus dynamiques,
- Les zones de couleur,
- Les frames
- Les lments multimdia
Note: pour chaque type de lien (sauf pour les e-mails), vous pouvez choisir de le rendre effectif dans la page
courante (changement de page dans une mme fentre) ou de louvrir dans une nouvelle page Internet.
Lien vers une page de ce site Web :
Votre site comporte plusieurs pages et vous dsirez crer un lien vers une de ces pages.
Cliquez sur ce type de lien et lexplorateur de page ainsi que la liste des miniatures apparaissent. Choisissez
ensuite la page vers laquelle le lien sera effectif. Le lien est en place.
Utilisation de Webacappella 4
-ancre html
Llment Ancre HTML va vous permettre de crer des liens dans des endroits prcis de vos
pages.
Cliquez sur ajouter une ancre HTML et placez votre ancre lendroit dsir dans la page.
Affichez les proprits de llment (via l'inspecteur) puis donnez un nom votre ancre HTML.
Lorsque vous allez crer un lien hypertexte dans la page contenant cette ancre, dans la section "cible",
choisissez votre ancre pour crer un lien direct dessus.
Cet lment est particulirement utile lorsque vous crez des pages trs longues. Par exemple, si vous crez
une page contenant un long texte chapitr, vous pouvez attribuer une ancre HTML chaque titre. Ainsi, en
crant un menu utilisant ce type de lien, vous pourrez naviguer dans votre texte trs facilement.
-frame dynamique
L'lment frame dynamique vous permet d'utiliser les maquettes de manire trs souple.
Vous pouvez ainsi crer un groupe d'lment une seule fois sur une maquette pour l'utiliser de manire
rgulire sur les diffrentes pages de votre site (placement libre). De plus, lorsque vous modifiez votre
maquette, toutes les frames dynamiques qui pointent vers cette maquette seront aussi modifies.
Pour utiliser une frame dynamique :
- Crez une nouvelle maquette dans l'explorateur de maquettes
- Crez, dans la zone de travail, une composition que vous serez sans doute amen utiliser rgulirement
dans vos pages (mais que vous souhaitez peut tre placer divers endroits).
Utilisation de Webacappella 4
Exemple :
- Dans une page de votre site en construction, ajoutez un lment "Frame dynamique".
- Slectionnez la maquette dans laquelle se trouve votre composition.
- Le contenu de cette maquette est automatiquement affich dans la frame dynamique que vous pouvez
placer librement dans votre page.
Exemple :
-frame
Web Acappella permet lintgration de frames.
Une frame est une fentre lintrieur mme dune page dont le contenu est indpendant du reste de la page.
Elle peut avoir les dimensions que vous souhaitez, vous de ladapter son contenu.
Le contenu d'une frame est directement visible dans l'espace de travail.
Utilisation de Webacappella 4
-flash
Si vous dsirez insrer vos propres animations Flash (au format SWF) Web Acappella vous en donne
la possibilit.
Cliquez sur Ajouter une animation Flash .
Vous pouvez donner un nom votre animation dans le champs "Titre".
- Lien vers une adresse Internet: entrez ladresse de lanimation Flash (en entier).
- Lien vers un fichier: selectionnez votre animation ou ajoutez-la dans lexplorateur de fichiers en cliquant
sur Ajouter un fichier , puis slectionnez le fichier ainsi import depuis votre ordinateur.
Les utilisateurs expriments, ayant cr eux mme leur animation Flash, peuvent modifier les paramtres
de leur animation via la fentre de paramtrage des noms et valeurs.
Utilisation de Webacappella 4
Note: Certains codes HTML peuvent perturber l'affichage de votre site Web Acappella.
Astuce: "$wa_var.LANG" Cette variable peut tre utilise n'importe o dans un code et sera
remplace par le code langue de la page courante (utilisateurs expriments).
-google webfont
Google web fonts est un service propos par Google. Il vous permettra d'utiliser des polices
personnalises sur votre site Web etfera en sorte que ces polices soient visibles par l'ensemble de vos
visiteurs.
Web Acappella vous permet donc d'utiliser les Google web fonts directement dans votre site (sans saisie de
code de votre part).
1. Trouver et installer une police Google web fonts
- Rendez-vous cette adresse Internet : http://www.google.com/webfonts
- Ajoutez votre collection une ou plusieurs polices de caractre (en cliquant sur le bouton "Add to
collection")
- Cliquez sur le lien "Download your collection" situ en haut de page
- Cliquez ensuite sur "Download the font families in your collection as a zip-file"
- Enregistrez le fichier sur votre ordinateur et dcompressez-le.
- Installez sur votre ordinateur la ou les polices contenues dans le dossier en double-cliquant dessus.
2. Utiliser une police Google web font
- Les Google web fonts que vous avez tlcharg sont dsormais accessibles dans la liste des polices
disponibles sur votre ordinateur (et identifie grce l'icne jaune place sur sa gauche).
- Vous pouvez maintenant utiliser cette police dans votre site Web Acappella. Cette dernire sera visible par
l'ensemble de vos visiteurs (qui n'ont pas besoin d'avoir cette police d'installe sur leur ordinateur pour
pouvoir la visionner correctement).
Note : Les polices garanties pour le Web ainsi que les Google web fonts sont places en dbut de liste et
identifies grce une icne jaune.
Utilisation de Webacappella 4
Manipulations avances
-Manipulations avances
L'harmonie des couleurs vous permet de choisir une palette de couleurs et leurs nuances. Ces couleurs et
leurs nuances pourront tre par la suite trs simplement appliques sur les lments utilisant des couleurs
(fond, bordures, dgrad...). Cet outil vous permettra de choisir des couleurs qui se marient bien ensemble et
de crer un site aux couleurs homognes.
Harmonie
1. Choix de couleurs.
Cliquez sur le menu "Site Web" - "Harmonie des couleurs".
Choisissez premirement votre mode composition des couleurs: analogue, monochromatique, triade,
complmentaires, compos ou dgrad.
Dplacez ensuite les curseurs dans la palette pour choisir vos nuances. Paramtrez ensuite la luminosit de
vos couleurs et le paramtre des harmonies dans le mode analogue.
Une fois votre choix effectu, cliquez sur OK pour sauvegarder vos nuances de couleur.
Vous pouvez aussi sauvegarder plusieur harmonies. Une fois votre harmonie de couleurs cre, cliquez sur
le bouton "+" en bas de la fentre pour l'ajouter vos harmonies. Vous pouvez aussi supprimer une
harmonie en cliquant sur le bouton "-".
Utilisation de Webacappella 4
Vous pouvez tout moment crer une nouvelle harmonie ou changer de nuance en cliquant sur le bouton
.
-dialogue
Fentres de l'interface
Ces option vous permettront de choisir les couleurs des fentres de votre interface. Choisissez ici les
couleurs qui apparatront sur les diffrentes fentres en superposition sur votre site telles que les rsultats du
moteur de recherche ou le panier du e-commerce. La fentre d'aperu vous permet d'aprcier le rendu visuel
en temps rl.
Ces paramtres sont accessibles depuis l'inspecteur de proprits des lments utilisant ces types de fentres
et depuis le menu "Site Web" - "Paramtrage des fentres de dialogue du site".
Utilisation de Webacappella 4
Dossiers:
Web Acappella vous permet dorganiser vos pages dans des dossiers. Vous pouvez ainsi regrouper plusieurs
pages dans un mme dossier afin de les classer par thme et dy accder rapidement.
Par exemple: Dossier Pages photos , Dossier Pages produits , Dossier Pages achat ...
Renommer:
Vous pouvez renommer vos pages et vos dossiers. Les noms donns dans l'explorateur n'ont aucune
influence sur le nom de vos pages en ligne.
Pour renommer une page ou un dossier:
- Slectionnez une page ou un dossier.
- Effectuez un simple clic dessus ou ouvrez le menu
- Attribuez un nom de votre choix.
-Les maquettes
Vous dsirez appliquer un style visuel uniforme sur lensemble des pages de votre site?
Grce aux maquettes, la mise en page sera simplifie et votre site aura un visuel global homogne (pas
de dcalage dans les menus ou les lments rcurrents de vos pages).
De plus, si vous dsirez effectuer des changements graphiques ou contextuels, modifiez seulement la
maquette. Les changements seront alors effectifs sur toutes les pages utilisant cette maquette.
Crer une maquette:
Utilisation de Webacappella 4
- Dans longlet Arrire-plan , section Pied de page , cliquez sur Choisir un pied de page .
Utilisation de Webacappella 4
- Slectionnez votre pied de page dans la liste des maquettes puis cliquez sur OK .
Note: Le pied de page napparat pas lors de la cration. Vous pourrez le voir seulement en pr visualisation ou en
ligne.
Le pied de page sadapte automatiquement la hauteur de votre page et vient se placer juste aprs le dernier
lment, en bas de la page.
Attention: Si vous utilisez une maquette, appliquez directement le pied de page la maquette. Il est
impossible dappliquer une maquette et un pied de page en mme temps.
Lors de la publication, Web Acappella envoie les fichiers de votre site (fichiers systme, code
HTML, images, vido...) sur votre espace Web. Le gestionnaire despace Web vous donne un accs
direct aux fichiers prsents sur cet espace. Menu Outils , Organiser votre espace Web
(effacement, etc...) .
Utilisation de Webacappella 4
Grce au gestionnaire despace Web, vous pouvez naviguer travers votre espace Web pour visualiser
lemplacement de vos sites et supprimer dventuels fichiers inutiles.
Vous pouvez aussi effacer votre site directement depuis le gestionnaire. Pour ce faire, il vous suffit de
supprimer le dossier contenant votre site, par exemple acappella1 ou acappella4 si vous avez activ la
gestion multisite. Si la gestion multisite est dsactive, supprimez simplement lensemble des lments
prsents sur votre espace Web.
-Insrer des balises Meta dans votre site
Dans les Proprits du site Web ou les Proprits de la page, une zone est ddie linsertion de
code dans la section HEAD du code HTML de votre site. Cette zone ditable va vous permettre dinsrer
des outils du type Google webmaster Tools:
Ce service ddi aux Webmasters vous permettra de faire un diagnostic de votre site, de dterminer les liens
entrants et sortants, de consulter les statistiques de frquentation et daccder diffrents outils trs utiles.
Il vous suffit simplement de vous connecter ce service grce votre compte Gmail. Ensuite, entrez
ladresse de votre site.
La manipulation suivante, qui permettra de vrifier que vous tes bien le propritaire du site, consiste en
lintgration dune balise META. Une ligne de code est gnre.
Ce code est donc coller dans la fentre de longlet Avanc, et sera intgr dans le code HTML de votre
page.
Nous vous conseillons de copier ce code dauthentification dans les proprits de la page
daccueil de votre site.
Utilisation de Webacappella 4
Utilisation de Webacappella 4
Dans le cas o votre travail ne vous conviendrait pas ou que vous dcidiez de tout refaire, vous avez la
possibilit de reprendre votre site zro en cliquant sur Recommencer votre site .Attention! Cette
opration effacera de manire dfinitive le site courant.
Utilisation de Webacappella 4
L'icne
Cet onglet contient les images intgres dans votre site Web Acappella. Vous pouvez les renommer, les supprimer ou
bien encore les classer dans des dossiers.
Pour ajouter des images la bibliothque de ressources et y avoir accs facilement, cliquez sur le bouton Ajouter
des images depuis votre ordinateur .
Le boutons "Nettoyer les images inutilises" supprime les images non intgres aux pages de votre site. Web
Acappella reconnat automatiquement les images inutilises.
L'icne
Cet onglet contient les fichiers ajouts votre site Web Acappella. Vous pouvez les renommer, les supprimer ou bien
les classer dans des dossiers.
Utilisation de Webacappella 4
Pour ajouter des fichiers la bibliothque de ressources et y avoir accs facilement, cliquez sur le bouton Ajouter
des fichiers depuis votre ordinateur .
Le bouton "Nettoyer les fichiers inutiliss" supprime les fichiers non intgrs ou lis aux pages de votre site. Web
Acappella reconnat automatiquement les fichiers inutiliss.
Si vous effectuez des modifications sur un fichier, slectionnez-le puis cliquez sur Rafrachir le fichier pour le
mettre jour (importez la dernire version de votre fichier depuis votre ordinateur).