Vous êtes sur la page 1sur 54

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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!

Configurer la publication de votre site


de publier votre site sur Internet, vous devez saisir les informations ncessaires l'envoie des donnes
vers votre espace Web.
Pour accder aux paramtrages de publication, cliquez sur le bouton "Paramtres de publication".

Vous pouvez tout moment accder aux paramtrages de publication depuis le menu "Fichiers" "Paramtres de publication".

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

Publier via un logiciel de transfert FTP (ex: FileZilla):


Il ne vous reste plus qu publier tous les fichiers et dossiers contenus dans ce dossier avec votre logiciel de
transfert FTP (par exemple FileZilla).
Si la gestion multi-site est active, vous pouvez transfrer directement le dossier intituls acappella1 ou
acappella2, ...
Si la gestion multi-site est dsactive, transfrez directement les fichiers et sous-dossiers de votre site.

Utilisation de filezilla (voir tuto.prsent sur le site)

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

-Informations sur l'hbergement


Gnralits:
Afin de mettre votre site en ligne et la disposition de tous, vous devez choisir un hbergeur qui mettra
votre disposition ses serveurs. Ces serveurs, appels serveurs FTP, vous permettront dhberger votre site.
Web Acappella est compatible avec TOUS les hbergeurs!
Bien choisir son hbergeur!
En fonction de la finalit de votre site Internet (personnel ou professionnel), vos besoins seront diffrents.
En effet, il existe de nombreuses solutions dhbergement (gratuites ou payantes) et chacune delles possde
ses propres particularits pour sadapter au mieux vos attentes et votre budget.
Nous vous conseillons par consquent de bien rflchir la solution la mieux adapte vos besoins. Des
recherches sur Internet sont fortement conseilles.
Les diffrents types dhbergement:
Intgr votre abonnement Internet:
En vous abonnant un fournisseur daccs Internet, ce dernier met en gnral votre disposition un espace
Web personnel. Renseignez-vous auprs de votre fournisseur daccs pour connatre les conditions daccs
et dutilisation de ces espaces Web.
La plupart du temps, ce service est gratuit et compltement intgr votre abonnement.
Cette solution dhbergement est trs utile pour publier votre premier site Web Acappella et pour vous
familiariser avec la gestion de sites Internet mais prsente des limites dutilisation (lenteur de la connexion,
publicit, faible espace de stockage...).
Payant:
Choisir un hbergeur payant est souvent la solution la plus efficace et la plus stable.
Avec des tarifs commenant 1 ou 2 par mois, choisir un hbergement payant vous vitera bien des soucis
de publication et daccessibilit.
Un hbergement payant vous donnera aussi accs plus de fonctionnalits et davantages.
Un hbergement payant vous permettra de choisir votre propre nom de domaine (ex: http://www.monsite.fr),
de crer des comptes emails associs votre site (ex: contact@monsite.fr), de bnficier de plus despace de
stockage...
Nous vous recommandons fortement ce type dhbergement qui vous donnera certainement entire
satisfaction dans la majorit des cas.
Gratuit:
En effectuant des recherches sur Internet, vous pourrez trouver de nombreux hbergeurs qui vous proposent
des solutions dhbergement gratuit. La gratuit de ces solutions nest pas sans contrepartie. En effet, ces
solutions sont la plupart du temps limites en fonctionnalits, intgrent des publicits, sont limites en
espace de stockage et la connexion nest pas toujours dune grande qualit. Le seul avantage des hbergeurs
gratuits est donc tout simplement la gratuit du service ;-)

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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 du multi-langage


Web Acappella permet de grer des sites Internet multilingues.

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:

-L'explorateur de pages et de maquettes


Grce lexplorateur de pages, vous avez accs toutes les pages de votre site Web Acappella en un
clin dil.
Vous pouvez renommer les pages votre guise, les classer dans des dossiers, les supprimer ou bien encore
ajouter une nouvelle maquette pour faciliter la cration de votre site.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

-Le plan de travail


Le plan de travail est le principal lieu de votre composition.
Il se prsente sous la forme dun espace vide ou prdfini (voir la partie sur les maquettes ). Cet espace (dont vous
aurez dtermin les caractristiques : taille, fond) vous permet dajouter o bon vous semble les lments mis
votre disposition par Web Acappella.
Les lments intgrs dans le plan de travail sattirent grce au magntisme lorsquils sont mis proximit. Vous
pouvez dsactiver cette option via le menu "Affichage".
La grille magntique vous permet de placer les lments par rapport des points de repre. Ces points de repre
attirent les lments et les alignent avec prcision. Cette option est trs utile pour placer rapidement vos lments de
manire homogne. Cette grille peut tre dsactive tout moment (menu Affichage ).

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

Prfrences de Web Acappella


-Prfrences gnrales
Cet onglet des prfrences de Web Acappella vous permet de modifier le dossier dans lequel vos
travaux seront enregistrs.

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.

-Prfrences des images de votre site


Vous pouvez ici choisir le taux de compression des images du site Web.
Par dfaut il est 80%, ce qui donne un bon compromis entre la qualit visuelle et le poids dimage (pour
aucune dtrioration de la qualit des images, mettez 100%). Dterminez aussi la taille maximum quune
image peut avoir sur votre site.

COMPRESSION DES IMAGES (JPEG)


Lorsque vous publiez vos images JPEG elles sont compresses suivant les paramtres que vous avez dfinis
dans les options (exemple: une image dorigine est importe sans compression, si vous lenvoyez avec la
qualit 70% son poids sera diminu et sa qualit baisse).
Vous pourrez dterminer le rglage optimal en effectuant diffrents essais.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

TAILLE MAXIMALE DES IMAGES


Vous pouvez aussi rgler la taille maximale des images qui seront intgres dans votre site (par dfaut en
1024x1024 pixels).
Lorsque vous importez des images dans votre projet Web Acappella, si leur taille est suprieur la taille
dfinie dans cette option, elle seront automatiquement redimentionnes. Cette option n'a pas d'influence sur
l'apparence des images sur votre site.
Ce paramtrage est utile pour optimiser la taille de votre projet Web Acappella et de votre sauvegarde. Nous
vous conseillons de laisser 1024x1024 par dfaut.

FORMAT DES IMAGES IMPORTES EN GLISS/DEPOS


Par dfaut, Web Acappella importe vos images glisses/dposes (par exemple depuis votre navigateur
Internet) au format JPEG.
Cependant, vous pouvez choisir dans cette fentre le format PNG comme format par dfaut.
Si vous cochez la case "Toujours montrer la fentre de choix", chaque import d'image Web Acappella vous
demandera quel format vous souhaitez utiliser.

-Navigateur Internet de votre site


Vous pouvez choisir le navigateur Internet quutilisera Web Acappella pour effectuer la prvisualisation de votre site et la navigation sur Internet.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Proprits du site Web


-Rfrencement de votre site Web
Web Acappella vous propose de grer automatiquement le rfrencement de votre site.
Un bon rfrencement permet une bonne visibilit de votre site Web sur Internet. De plus, avec de la
patience, votre site pourra apparatre dans les rsultats des moteurs de recherche. Remplissez pour cela les
champs destins au rfrencement et cochez la case "Gestion automatique du Site Map" si vous le ne
grez pas vous mme.
Le rfrencement de vos pages va aussi servir l'affichage des rsultats du moteur de recherche.
Le rfrencement de votre site peut se faire soit via les proprits de votre site Web soit via les proprits de
la page:
- Site Web: Accessible depuis le menu Site Web - Proprits du site Web .

- 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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

-Activer et utiliser le multi-langage


Si vous le souhaitez, vous pouvez rendre votre site multilingue en activant la gestion du multilangage.
Lactivation du multi langage sur un site Web Acappella se fait en deux tapes:
1. Activer la gestion du multi-langage sur lintgralit de votre site.
Cliquez dans le menu Site Web - Proprits du site Web - Onglet Gestion du multi-langage .
Ensuite cliquez sur la case Activer la gestion du multi-langage . Choisissez les langues que vous voulez
utilisez (vous pouvez en ajouter, en enlever et dterminer leur priorit).

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).

2. Activer le multi langage sur les pages.


A vous de dcider si vous voulez quune page soit multilingue ou non.
Dans la page en cration, cliquez sur le premier icne de la barre du multi-langage pour ouvrir la fentre du
multi-langage de la page. En cochant la case Activer le multi-langage sur la page courante , le multi-

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

-Grer la protection de vos pages


Web Acappella vous permet de protger l'accs aux pages de votre site Web grce un mot de
passe. Vous pouvez aussi bloquer le clic droit sur votre site Web.

La protection dune page par un mot de passe se fait en deux tapes:


1. Affichez les proprits du site Web ( Site Web - Proprits du site Web . Dans longlet
Protection des pages , remplissez le champ avec un mot de passe de votre choix. Vous pouvez tout
moment changer ce mot de passe mais noubliez pas den informer vos visiteurs.
2. Affichez les proprits de la page que vous dsirez protger par un mot de passe. Dans longlet
Protection de la page cochez la case Cette page est protge par un mot de passe . Lorsque votre
site sera mis en ligne ou en mode aperu, une fentre de dialogue apparatra vous demandant de saisir votre
mot de passe. Remplissez le champ avec le mot de passe que vous avez choisi et cliquez sur OK .

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

La protection du contenu de vos page par le blocage du clic droit:


Si votre site comporte du texte ou des images protges par des droits dutilisation, avec Web Acappella
vous pouvez empcher le clic droit de la souris et la slection de texte sur vos pages.
Affichez les proprits de votre site Web et dans longlet Protection des pages cochez la case
Bloquer le clic droit de la souris sur vos pages .
-Fonctions avances des proprits du site Web
Section "Code HTML":
Cet onglet vous permet lajout de code dans la partie Head de la page HTML gnre par Web
Acappella (rserv aux utilisateurs expriments). Cette zone ditable va vous permettre dinsrer des outils
du type Google webmaster Tools:

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Gestion du screenshot de votre site Web:


Cet onglet vous permet de grer la capture dcran qui pourra tre utilise lors de linscription de votre site
sur les annuaires et sites utilisant le systme Ascreen.
Web Acappella utilise par dfaut une capture dcran automatique de la page daccueil de votre site. En
dcochant la case Gestion automatique et en cliquant sur le bouton Choisir un screenshot vous
pourrez choisir votre propre image. Cette image est enregistre au format ascreen.jpg.

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.

Vous pouvez modifier la taille de votre page.


Changez simplement la hauteur et la largeur grce aux menus droulants (les dimensions sont exprimes en
pixels).
Si vous cochez la case "Plan de travail centr lors de la publication", votre site sera automatiquement
centr dans votre navigateur Internet et dans votre espace de travail. Si vous dcochez cette case, la page
sera alligne gauche.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

-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.

Le mot de passe est dterminer dans les proprits du site Web

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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 .

-Copier Couper Coller Dupliquer


Les lments (texte, images, album photo...) peuvent tre copis ou coups, puis colls sur la page en
cours de cration, sur une autre page du site courant ou bien encore sur un autre site Web Acappella.
- Pour copier un lment, slectionnez-le et appliquez les raccourcis clavier usuels (touche CTRL + C
puis CTRL + V ) ou faites un clic droit copier et de nouveau un clic droit coller .
- Pour couper un lment, effectuez la mme manipulation en changeant les raccourcis : CTRL + X puis
CTRL + V . Ou clic droit couper et de nouveau clic droit coller .
Vous pouvez copier ou couper un ensemble dlments slectionns (cf. Slectionner et dplacer un
lment ).
- Enfin, si vous dsirez dupliquer un lment, via le clic droit (Commande + clic sur mac) cliquez sur
"Dupliquer" pour qu'un lment identique au premier soit cr.
Note: Lorsque vous copiez ou coupez / collez un lment dans une mme page, l'lment sera
lgrement dcall par rapport l'lment d'origine.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

- Un mouvement vers la gauche ou la droite modifiera la largeur de llment.


- Un mouvement vers le haut ou le bas modifiera sa hauteur.
- Un mouvement diagonal modifiera la fois la hauteur et la largeur de votre lment.
L'inspecteur de l'lment, onglet "Proprits gomtriques" de l'lment, vous permet d'ajuster
manuellement la taille de votre lment.
Si vous voulez rtablir les dimensions initiales dune image (par exemple dans le cas dune image dforme
suite un redimensionnement), faites un clic droit sur llment et cliquez sur Remettre limage ses
dimensions initiales .
De mme si vous ne voulez pas que limage soit dforme, cochez la case de l'inspecteur Conserver les
proportions dans la rubrique "Proprits gomtriques" de l'lment".

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

-Ajouter une page


Suivant vos besoins, vous aurez crer plusieurs pages pour votre site.
Par dfaut, Web Acappella ouvre votre premire cration sur la page Accueil. Cette page est obligatoire et
ne peut pas tre supprime. Elle est la base de votre site et lors de la mise en ligne elle sera la premire page
(page daccueil) de votre site Web.
Ajoutez simplement vos pages grce au bouton Ajouter une nouvelle page (icne + dans lexplorateur de
page) ou par lintermdiaire du menu Pages / Maquettes - Ajouter une nouvelle page.
Nimporte quelle page cre peut tre mise en page daccueil grce au menu Pages/Maquettes - Mettre
la page courante en Page daccueil.

-Annuler une modification


Chaque action (modification, dplacement, supression...) effectue sur une page ou un lment peut
tre annule. Trois mthodes sont disponibles:
Via le menu "Edition":
Cliquez sur le menu "Edition" - "Annuler (....)" pour revenir la dernire action effectue. Le nom de
l'action est automatiquement report dans ce menu.
Via l'historique des actions:
L'historique des actions est accessible via le menu "Affichage" - "Afficher l'historique des actions". Pour
revenir une tape antrieur de cration, slectionnez simplement une action dans la liste pour revenir
cette tape. Toutes les modifications apportes entre la dernire action et l'action selectionne seront
annules.
Vous pouvez sans problme revenir la dernire modification effectue.
Via les raccourcis clavier:
Les modifications effectues peuvent aussi tre annules via le raccourci clavier "Commande + Z" (ou "Ctrl
+ Z" sous Windows).
Pour rtablir les modifications, tappez le raccourci clavier "Commande + Maj + Z" (ou "Ctrl + Maj + Z"
sous Windows).

-Enregistrer vos modifications


Pour enregistrer les dernires modifications effectues dans votre page courante, cliquez simplement sur le
bouton Sauver .

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

Source : http://www.webacappella.com/ www.univ-informatique.com

automatiquement dans un dossier destin au stockage des sites Web Acappella. Ce dossier est enregistr sur votre
ordinateur ladresse suivante: C://Mes documents/WebAcappella

Proprits gnrales des lments

Proprits gomtriques des lments

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

Proprits du fond des lments

Ces paramtrages vous permettent d'appliquer une couleur ou une image de fond vos lments pour
personnaliser leur apparence.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

Transparence des lments

Chaque lment peut tre rendu plus ou moins opaque.


Par dfaut, llment est opaque 100% mais vous pouvez rgler sa transparence en bougeant le curseur
vers la gauche ou la droite.

Options de bordures des lments

Vous pouvez attribuer chaque lment une bordure.


Vous avez le choix entre diffrentes options: coin, bordure et ombre porte. Ces options vous
permettent de varier lapparence des lments pour leur donner un aspect graphique agrable.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Exemple 1 :

Les lments de votre page


-Zone de texte riche
Ajoutez une zone de texte grce licne Texte ou par le menu Insertion - Ajouter du texte .

Saisissez votre texte en double cliquant dans la zone.


Appliquez ensuite divers procds de traitement de texte tels que: lcriture en gras, italique et soulign,
lalignement de votre texte gauche, droite ou centr, le changement de couleur et de taille ainsi que de
l'ombre porte (non disponible si le texte est transform en image).
De plus vous avez la possibilit de crer, de modifier ou de supprimer des liens hypertexte (liens internes ou
externes) sur une partie ou sur lensemble de votre texte.
Si vous voulez quune zone de texte garde une certaine taille mais que votre texte est plus long, la zone cre
automatiquement une barre de dfilement verticale. Cette barre peut tre en permanence visible ou
uniquement prsente lors du survol du texte (cochez la case "Cacher automatiquement" pour cette
visualisation).
Le dfilement du texte (vertical ou horizontale) est aussi possible. Paramtrez les options de dfilement
directement dans l'inspecteur.
L'inspecteur vous permet aussi d'diter d'autres caractristiques de la zone de texte:

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

- 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.

Utiliser Google web fonts


Google web fonts est un service propos par Google. Il vous permettra d'utiliser des polices personnalises
sur votre site Web et fera 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

Source : http://www.webacappella.com/ www.univ-informatique.com

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

cliquant sur le bouton "Dimensions d'origine".


Survol de limage
Web Acappella vous donne aussi la possibilit de crer un changement dimage au survol de limage
principale, donnant ainsi du dynamisme vos pages.
Cliquez simplement dans le deuxime cadre et choisissez une image. Cette image de survol peut tre enleve
tout moment en cliquant sur la croix rouge.
Note : le survol de l'image est dsactiv si vous utilis l'effet de reflet.

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

Pour ajouter un article votre catalogue, cliquez simplement sur le bouton


bouton

. Cliquez sur le

pour renommer votre article et accder l'dition de ses proprits.

> Onglet "Gnral":


Cet onglet vous permet de saisir toutes les informations relatives votre article (Titre, sous-titre, description,
prix, poids, disponibilit et lien vers une page de description plus dtaille) et de choisir une image.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

Si vous avez ajout plusieurs articles votre catalogue, vous pouvez naviguer d'un article l'autre grce aux
boutons "Article prcdent" et "Article suivant".

> Onglet "Options":


Cet onglet vous permet d'ajouter jusqu' 3 options diffrentes sur chaque article intgr au catalogue.
Par exemple, si vous vendez des T-shirts, vous pouvez ajouter une option "Taille" et saisir les diffrentes
tailles dans la liste correspondante (S, M, L, XL). Toujours avec l'exemple des T-Shirt, vous pouvez ajouter
une deuxime option qui correspondra aux couleurs disponibles (jaune, blanc, noir, rouge, ...).

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Mode pleine page

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:

Aspect gnral du bouton:


Dans cette partie choisissez la forme gnrale de votre bouton (vous pouvez paramtrer le % du coin). Vous
pouvez dcider dappliquer ou non un effet 3D (cases cocher).

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

Aspects graphiques du bouton:


Il est possible de dterminer laspect du bouton sur 3 tats :
- tat normal : bouton inactif.
- tat survol : lorsque la souris passe dessus.
- tat actif : lorsque le bouton correspond la page en cours de visualisation.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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:

Proprits gnrales du texte:


Entrez le texte qui apparatra sur votre bouton. Pensez adapter la taille du bouton la taille de votre texte.
Vous pouvez aussi faire apparatre une Info bulle. Lors du survol de votre bouton, le texte que vous aurez
saisi apparatra dans une bulle. Cette option est pratique lorsque vous dsirez dcrire quoi correspond le
bouton.
Choisissez une police de caractre, sa taille et ses attributs (gras ou italique) et dterminez lalignement de
votre texte ( gauche, centr ou droite).
La marge intrieure dtermine lemplacement du texte dans le bouton. Plus le pourcentage est lev, plus le
texte sera loign des bords du bouton. La marge intrieure est inefficace si le texte est centr.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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.

L'inspecteur du formulaire de contact est divis en trois principales catgories:


- Les champs du formulaire
- Le style visuel des champs
- Les boutons de votre formulaire

Les champs du formulaire:


- Ajoutez, supprimez ou dplacez vos champs grce aux boutons disponibles sous l'intitul "Gestion des
champs".
- La liste droulante Champ en cours d'dition vous permet de naviguer entre les diffrents champs de
votre formulaire.
- Attribuez ensuite une hauteur (exprime en pixels, 25 pixels par dfaut) et le nombre maximum de
caractres insrables la zone en cours ddition.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

- 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 .

Le style visuel des champs:


Vous pouvez appliquer une couleur darrire-plan et une bordure vos champs et modifier lapparence de
votre texte (dans le nom des champs).

Les boutons de votre formulaire:


La couleur des boutons et du texte peut tre modifie en mode normal et survol. Choisissez aussi le style de
texte de vos boutons.
Vous avez enfin le choix de faire apparatre ou non le bouton Effacer qui sert supprimer tout le
contenu saisi dans les champs ditables du formulaire.

Fond
Paramtrez enfin le fond de votre formulaire: couleur/image de fond, bordure, ombre porte et transparence.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

-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 .

Vido au format .flv

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

L'inspecteur de l'lment vido vous permet de:


- Choisir le lien vers votre vido (format .flv impratif) depuis la bibliothque de ressources (grce au
bouton "+") ou depuis une adresse Internet.
- Paramtrer les options de lecture ("Lancer au dmarrage", "Rpter" et "Volume par dfaut").
- Paramtrer le visuel (boutons de navigation et barre de progression) depuis le menu "Personnalisation".
Notes:
- Ce lecteur vido est un lecteur open source. Toute la documentation relative son paramtrage est
accessible depuis le lien "Documentation" de l'inspecteur de proprits.
- Votre vido est lue en streaming. Cela signifie quelle na pas besoin dtre compltement charge pour
que la lecture commence.
Pour en savoir plus sur les logiciels qui vous permettront de convertir vos vidos au format .flv, rendez vous
sur cette page: http://www.webacappella.fr/crbst_16.html
Vido en ligne (Youtube...)
Vous pouvez aussi insrer des vidos hberges en ligne sur les sites Youtube, Dailymotion ou Myspace.
- Slectionnez simplement "Vido en ligne" dans le menu droulant.
- Collez ensuite l'adresse Internet de la vido ou le code HTML gnr par un des trois sites cits ci-dessus.
A propos de la taille de la vido dans le mode "Vido en ligne":
Les sites de partage de vido proeuvenrt vous proposer diffrentes tailles de vido. Web Acappella vous
permet d'adapter automatiquement la taille de votre vido. En effet, les valeurs "hauteur" et "largeur"
dtermines par les sites de partage sont transforme en "1OO%" afin de s'adapter la taille choisie pour
votre lment.
-son
Pour intgrer un son votre site, cliquez sur le menu Insertion puis sur Elment sonore .

L'inspecteur de l'lment sonore vous permet de:


- Choisir le lien vers votre son (format .mp3 impratif) depuis la bibliothque de ressources (grce au
bouton "+") ou depuis une adresse Internet.
- Paramtrer les options de lecture ("Lancer au dmarrage", "Rpter" et "Volume par dfaut").
Note: Votre lment sonore est lu en streaming. Ceci signifie qu'il na pas besoin dtre compltement
charg pour que la lecture commence.
Pour en savoir plus sur les logiciels qui vous permettront de convertir vos sons au format .mp3, rendez vous
sur cette page: http://www.webacappella.fr/crbst_16.html

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

-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

Lorsque vous tes sur un lment ou sur du texte, l'onglet


diffrents types de liens hypertexte.

de l'inspecteur vous permet d'accder aux

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Lien vers un fichier :


Lien vers un document de votre choix.
Choisissez un document dans lexplorateur ou importez-en un de votre ordinateur grce au bouton
Ajouter un nouveau fichier . Si vous avez effectu des modifications rcentes sur un fichier,
slectionnez-le dans votre liste de fichiers et cliquez sur le bouton Rafrachir , enfin choisissez le fichier
et cliquez sur ouvrir .
Lors du clic sur ce lien, le fichier sera:
- soit ouvert dans le navigateur Internet (ex: Pdf)
- soit ouvert par le logiciel appropri (ex: document Word, vido QuickTime...).

Lien vers une adresse Internet :


Le lien dirige les visiteurs vers un autre site Internet.
Un champ apparat vous demandant de Taper une adresse Internet [...] . Remplissez le champ avec
ladresse Internet vers laquelle le lien hypertexte pointera. Noubliez pas de mettre http:// au dbut de
votre adresse pour quelle soit correctement prise en compte. Si vous choisissez douvrir le lien dans une
nouvelle fentre, une info-bulle gnre par Web Acappella vous permettra douvrir cette fentre sans tre
gn par le systme anti-popup de votre navigateur Internet.

-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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Diffrents types de liens peuvent tre appliqus une frame:


Lien vers une page de ce site Web :
Slectionnez dans le menu droulant Lien vers une page de ce site Web . Choisissez une page de votre
site qui apparatra alors dans la frame.
Lien vers un fichier :
Ce lien ouvrira le fichier slectionn lintrieur de la frame condition que votre navigateur Internet soit
quip des fonctionnalits ncessaires sa lecture (Adobe PDF Reader, images, fichiers en .txt (texte
simple)...). Dans le cas contraire, le fichier sera ouvert de manire externe (en dehors de votre navigateur
Internet) par le logiciel correspondant au fichier (Word, Excel, vido, musique...).
Slectionnez Lien vers un fichier dans le menu droulant. Cliquez ensuite sur Ajouter un fichier et
slectionnez le fichier voulu.
Lien vers une adresse Internet :
Votre frame aura pour contenu un site Internet dont vous aurez dtermin ladresse. Ce type de frame est
pratique lorsque vous dsirez afficher un autre site Internet tout en permettant vos visiteurs de rester sur
votre site Web Acappella.
Note: pensez adapter la taille de votre frame au site Internet mis en lien.
Slectionnez Lien vers une adresse Internet puis tapez ladresse Internet dans le champ correspondant.

-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.

-zone de code html


La zone de code HTML permet daccrotre les fonctionnalits de Web Acappella.
Certaines fonctionnalits ne sont pas dveloppes dans Web Acappella (compteur live, date, horloge...).
Moyennant quelques notions dencodage, vous avez la possibilit de saisir vous-mme du code HTML et de
lincorporer dans la page en cours de cration.
Dans le menu Insertion , cliquez sur Ajouter une zone de code HTML .
Saisissez votre code dans la fentre prvue cet effet dans l'inspecteur et gardez la case Activer le code
HTML ci-dessous coche. Placez votre zone dans votre page (dans certains cas pensez adapter la taille
de la zone au contenu de votre code).

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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 "-".

2. Utilisation de la palette de couleurs.


Sur tous les lments qui vous donnent le choix dans les couleurs (zones de couleur, formulaire, boutons,
menu dynamique, bordures...), cliquez sur le bouton de choix de couleur.

Choisissez enfin une couleur pour l'appliquer sur votre lment.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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".

-Organisation des pages


Lorsque vous crez un site contenant de nombreuses pages, il nest pas forcment vident de sy
retrouver. L'explorateur de page facilite l'organisation et la gestion de vos pages.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

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 ...

Cliquez simplement sur l'icne


pour accder au menu. Cliquez ensuite sur "Crer un nouveau
dossier". Ensuite, faites glisser simplement les pages dans le dossier.

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.

et cliquez sur "Renommer".

Changer la page d'accueil:


La page affiche par dfaut lors de l'ouverture du site est la page d'accueil de votre site. Cependant, vous
pouvez choisir une autre page qui sera mise en page d'accueil.
Pour cela, slectionnez la page dsire et cliquez sur le menu
. Cliquez ensuite sur "Dfinir comme
page d'accueil du site Web". La page slectionne sera alors automatiquement place en page d'accueil.

-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:

Pour crer une nouvelle maquette, cliquez sur licne


de l'explorateur de maquette puis sur "Ajouter
une nouvelle maquette" ou cliquez sur le menu Pages / maquettes puis Ajoutez une nouvelle
maquette .

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

Une nouvelle page vide souvre dans l'explorateur de maquettes.


Crez votre maquette comme n'importe quelle page. Elle peut par exemple se composer dimages, de zones
de couleur, de menus dynamiques et de boutons. Cette composition sera enregistre comme maquette et
pourra servir de base homogne la cration des pages de votre site.
Un repre de couleur sera automatiquement attribue votre maquette. Lorsque vous utiliserez cette
maquette sur une page de votre site, ce repre de couleur sera report sur votre page, vous permettant ainsi
d'identifier facilement la maquette utilise.
Intgrer une maquette votre page:
Une fois votre maquette cre, vous pouvez lappliquer vos pages.
Dans la page en cration, affichez les proprits de la page. Dans longlet Arrire-plan cochez la case
Utiliser une maquette comme arrire-plan . Slectionnez ensuite votre maquette et cliquez sur OK
.
La maquette sera intgre larrire-plan de votre page. Un symbole de couleur correspondant votre
maquette apparat alors sur la gauche du nom de votre page.
Vous ne pouvez pas directement modifier la maquette lors de la cration des pages. Vous devez
imprativement retournez dessus pour la retravailler.
Toutes les modifications effectues sur votre maquette seront alors automatiquement prises en compte
sur les pages utilisant la maquette.

-Les pieds de page


Les pieds de page fonctionnent de la mme manire que les maquettes.
Les pieds de pages sont utiles pour terminer une page Web (bas de page). Des liens vers les mentions lgales, les
contacts, le copyright.... peuvent y tre intgrs. Libre vous de choisir!
Pour crer un pied de page:
- Crez une nouvelle maquette (que vous pouvez renommer pied de page pour la reconnatre plus facilement) et
crez votre pied de page.

- Dans longlet Arrire-plan , section Pied de page , cliquez sur Choisir un pied de page .

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

- 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.

-Rafrachir votre site


Menu Site Web , Rafrachir le site Web .

Rafrachir votre site Web Acappella vous permettra de le rgnrer entirement.


Cette fonction est particulirement utile lorsque le site a t effac ou modifi en dehors de Web Acappella (via un
FTP par exemple). Rafrachissez aussi votre site aprs une publication si des problmes ont t constats (par
exemple si il manque des fichiers ou que laffichage est incomplet).
De mme, le changement des options dimage ne sera pris en compte quaprs avoir rafrachi votre site.

-Gestionnaire d'espace Web

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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

Source : http://www.webacappella.com/ www.univ-informatique.com

Sauvegarder et importer votre site


-Sauvegarder votre site
Sauvegarder depuis Web Acappella.
Web Acappella enregistre automatiquement votre travail dans le dossier /Mes documents/WebAcappella
(Documents/WebAcappella sur Mac). Mais afin de conserver une sauvegarde supplmentaire de votre
travail dans un dossier ou un support de votre choix, vous pouvez effectuer une sauvegarde manuelle de
votre site Web Acappella.
Une sauvegarde est trs importante! En effet, nous avons pu constater quun certain nombre dutilisateurs
avait perdu leur site situ sur leur PC suite diverses maladresses.
De plus, il nest pas possible de rcuprer votre site install sur votre espace Web mme via un client FTP.
Les fichiers en ligne ne sont pas ceux qui ont servi la cration du site.
Pour sauvegarder votre site Web Acappella:
- Ouvrir Web Acappella et choisir site 1 (ou 2, ou... selon votre cas) dans le menu droulant situ en haut.
- Cliquez sur le menu Fichiers - Sauvegarder le site Web dans une archive . Choisissez ou crez
(crer un dossier vous permet de personnaliser votre sauvegarde et dviter tout problme de compression
des donnes) un dossier de destination et cliquez sur OK (nous vous conseillons de choisir un support
amovible tel quune cl USB ou un CD-Rom).
- Vous pouvez ensuite choisir d'incorporer ou non votre sauvegarde vos paramtres de publication. Cochez
ou dcochez la case "Intgrer les paramtres de publication dans cette sauvegarde". Cliquez ensuite sur
"Oui" ou "Non".

- Un fichier .zip contenant votre site sera alors cr l'endroit slectionn.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

Sauvegarde depuis votre systme dexploitation.


Vous pouvez aussi sauvegarder lensemble de vos sites directement depuis lexplorateur de votre systme
dexploitation. Il vous suffit de copier le dossier WebAcappella (situ dans le dossier Mes documents
sur Windows et Documents sur Mac) et de le coller sur un support amovible (cl USB, DVD...) ou sur
une partition de votre disque dur.
Cette mthode est particulirement utile dans diffrentes situations: pour importer vos sites sur un nouvel
ordinateur, pour transfrer vos sites vers votre ordinateur portable ou tout simplement pour conserver une
sauvegarde de lensemble de vos sites. Pour rintgrer vos sites dans Web Acappella, il suffit dcraser le
dossier WebAcappella avec votre sauvegarde.

-Rcuprer votre site depuis une sauvegarde Web Acappella


Cliquez sur Restaurer le site Web depuis une archive et slectionnez le fichier .zip de votre site (
lendroit o vous avez cr la sauvegarde depuis Web Acappella). Cette manipulation peut seffectuer
depuis votre site en construction ou depuis un site vierge (dans le cas dun formatage / rinstallation de votre
systme).
Note : il est IMPOSSIBLE de rcuprer votre site dans Web Acappella depuis Internet (fichiers et dossiers
de travails diffrents des fichiers et dossiers publis). En cas de problme sur votre ordinateur, pour
reprendre votre travail une sauvegarde ralise depuis Web Acappella est imprative. Nous vous conseillons
d'effectuer rgulirement des sauvegardes sur un support externe (tel une cl USB).

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.

-Importer un dossier de site Web Acappella (version 3 ou 4)


Un dossier de site Web Acappella (3 ou 4) peut tre import sans difficult dans Web Acappella 4.
Web Acappella vous donne la possibilit d'importer vos dossiers de travail.
Cliquez sur Importer un dossier de site Web Acappella et slectionnez le dossier de votre site. Cette
manipulation peut seffectuer depuis votre site en construction ou depuis un site vierge.

Utilisation de Webacappella 4

Source : http://www.webacappella.com/ www.univ-informatique.com

Gestion des ressources de votre site


-Bibliothque des images de votre site

L'icne

vous permet d'accder la bibliothque d'images.

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.

-Bibliothque des fichiers de votre site

L'icne

vous permet d'accder la bibliothque de fichiers.

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

Source : http://www.webacappella.com/ www.univ-informatique.com

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).