Artisteer2 Manuel 2

MANUEL DE LUTILISATEUR
Ce manuel est une traduction non officielle et personnelle de lutilisation dArtisteer. Elle est ralise pour les membres de la communaut francophone dArtisteerHelp France. Cette traduction ne parle pas de tout, mais des principales fonctionnalits dArtisteer, les choses simples sont porte de souris (soyez curieux, cliquez) La version dArtisteer voque dans ce manuel est la 2.3.0.23023 du 31 dcembre 2009 pour Window. La version pour Mac nest pas dveloppe ici, mais les fonctionnalits sont pratiquement les mmes, la structure du programme restant la mme sur les deux plateformes. Je travaille sous Mac Snow lopard, et avec Parallel Desktop pour Window (il faut bien juste pour les tests) et jutilise les deux versions dArtisteer. Ce manuel sera mis jour (en fonction de mes disponibilits) au fur et mesure des nouvelles versions, que les ingnieurs dExtensoft ne manqueront pas de nous proposer, par des additifs. Cette traduction reprsente beaucoup de travail et de temps. Elle est votre disposition pour que vous puissiez profiter de cet excellent outil quest Artisteer dans les meilleures conditions. Le forum artisteerhelp http://forum.artisteerhelp.fr est votre disposition pour toutes les questions dintgration (parfois pas trop simples, car on en veut toujours plus) de vos uvres. Vous pouvez utiliser la bonne volont de ladministrateur pour que lon remonte vos suggestions et problmes vers Extensoft. Ce forum est l pour vous aider, que vous soyez sous Window, Mac et que vous travailliez avec Joomla, Wordpress, Visual Studio, Blogger, Dupral, en HTML ou PHP, avec des tutoriaux sympas, trucs et astuces, ou tout simplement autres discussions Je vous souhaite beaucoup de plaisir avec Artisteer
Jeff
Artisteer est une marque dpose dExtensoft Artisteer.com Forum dentraide http://forum.artisteerhelp.fr Traduction non officielle
Jf Patris 2009 1
Table des Matires

1. Configuration requise .................................................................................................................... 5 1.1 Environnement de dveloppement: ............................................................................................................................................ 5 1.2 Navigateurs pris en charge: ........................................................................................................................................................... 5 1.3 Technologies supportes: ................................................................................................................................................................ 5 1.4 Standards supports:......................................................................................................................................................................... 5 2. Installation d'Artisteer................................................................................................................... 6 2.1 L'activation du logiciel ..................................................................................................................................................................... 6 3. Comment travailler avec l'interface Artisteer .............................................................................. 7 3.1 Menu Accs Rapide............................................................................................................................................................................. 7 3.2 Accessibilit clavier ............................................................................................................................................................................ 7 4. Cration d'un design de base ......................................................................................................... 8 4.1 Design sur mesure............................................................................................................................................................................... 8 4.2 Botes de dialogue............................................................................................................................................................................... 8 4.3 Boite de dialogue du slecteur de couleurs........................................................................................................................... 10 5. Travailler avec les couleurs .......................................................................................................... 11 6. Structure des blocs ...................................................................................................................... 12 7. Barre de navigation principale Artisteer....................................................................................... 13 8. Ides............................................................................................................................................ 13 8.1. Cration de votre design .............................................................................................................................................................. 13 8.2. La ralisation d'ajustements...................................................................................................................................................... 13 9. Exporter le Design........................................................................................................................ 13 9.1 Description des options ................................................................................................................................................................. 14 9.2 Options d'export, boite de dialogue ......................................................................................................................................... 14 9.2.1 Onglet proprites dexport ....................................................................................................................................................... 15 9.2.2 Onglet WordPress......................................................................................................................................................................... 15 9.2.3 Onglet Filigrane ............................................................................................................................................................................ 15 10. Exportation d'un design WordPress: .......................................................................................... 15 Trucs et astuces:....................................................................................................................................................................................... 16 11. Exportation d'un modle en tant que thme Joomla.................................................................. 16 Trucs et astuces:....................................................................................................................................................................................... 17
Jf Patris 2009 2
12. Exportation d'un design pour Drupal ......................................................................................... 17 12.1 Les standards de nommage ...................................................................................................................................................... 17 13. Exportation d'un design comme un modle HTML ..................................................................... 18 14. Exportation d'un design comme un projet ASP.NET ................................................................... 18 15. Exportation d'un design en tant que CodeCharge Studio Project................................................ 19 16. Couleurs et Polices..................................................................................................................... 20 16.1. Couleurs............................................................................................................................................................................................ 20 16.2. Peintures .......................................................................................................................................................................................... 20 16.3 Polices................................................................................................................................................................................................. 21 17. Mise en forme de page .............................................................................................................. 22 17.1 Page / colonnes .............................................................................................................................................................................. 22 17.2 Colonnes ............................................................................................................................................................................................ 22 18. Arrire-plan ............................................................................................................................... 23 18.1 Rgler les Options de la page. .................................................................................................................................................. 23 18.1.1 Filtre ................................................................................................................................................................................................ 24 18.1.2 Image ou texture........................................................................................................................................................................ 24 18.1.3 Dgrad.......................................................................................................................................................................................... 24 19. Feuille........................................................................................................................................ 25 19.1 Adapter la feuille ........................................................................................................................................................................... 25 19.2 Onglet Feuille .................................................................................................................................................................................. 25 19.3 Onglet Ombre .................................................................................................................................................................................. 26 20. En-tte....................................................................................................................................... 26 20.1 Mise en forme : ................................................................................................................................................................................ 26 20.2 Arrire-Plan ..................................................................................................................................................................................... 27 20.2.1. Image darrire plan ............................................................................................................................................................... 27 20.2.2. Position de limage darrire plan ..................................................................................................................................... 27 20.2.3. Effets dimage darrire-plan............................................................................................................................................... 28 20.3. Photo de premier plan................................................................................................................................................................ 29 20.3.1. Position.......................................................................................................................................................................................... 29 20.3.2. Effets............................................................................................................................................................................................... 29 20.4. Titre.................................................................................................................................................................................................... 30 20.5. Style de titre.................................................................................................................................................................................... 30 21. Menu......................................................................................................................................... 31 21.1. Styles et coloriage du menu. .................................................................................................................................................... 31 21.2. Barre de Menu ............................................................................................................................................................................... 32 21.3. Element ............................................................................................................................................................................................. 33
Artisteer est une marque dpose dExtensoft Artisteer.com Forum dentraide http://forum.artisteerhelp.fr Traduction non officielle Jf Patris 2009 3
21.4. Sous lment................................................................................................................................................................................... 34
22. Articles ...................................................................................................................................... 35 22.1. Forme style...................................................................................................................................................................................... 35 22.1.1. Forme ............................................................................................................................................................................................. 36 22.1.2. Ombre ............................................................................................................................................................................................ 36 22.1.3 Puces............................................................................................................................................................................................... 37 22.2. Formatage du texte ..................................................................................................................................................................... 37 22.3. Autres lments............................................................................................................................................................................. 37 22.4. En-tte et pied de page .............................................................................................................................................................. 38 23. Blocs.......................................................................................................................................... 39 23.1. Style des Blocs ................................................................................................................................................................................ 39 23.1.1. Disposition ................................................................................................................................................................................... 39 23.1.2. Mise en forme ............................................................................................................................................................................. 40 23.1.3. Arrire-plan................................................................................................................................................................................. 40 23.1.4. Ombre ............................................................................................................................................................................................ 41 23.1.5. En-tte ........................................................................................................................................................................................... 41 23.1.6. Contenu ......................................................................................................................................................................................... 43 23.2. Contenu du Bloc ............................................................................................................................................................................ 44 24. Boutons ..................................................................................................................................... 45 24.1 Styles de boutons ........................................................................................................................................................................... 45 24.2 Forme de bouton............................................................................................................................................................................ 46 24.2.1 Gnral ........................................................................................................................................................................................... 46 24.2.2 Arrire-plan.................................................................................................................................................................................. 47 24.2.3 Ombre ............................................................................................................................................................................................. 47 25. Pied de page .............................................................................................................................. 48 26. Dpannage ................................................................................................................................ 49 Glossaire ......................................................................................................................................... 50
Jf Patris 2009 4
1. Configuration requise
Cette section dcrit la configuration systme minimale requise pour le logiciel Artisteer.
1.1 Environnement de dveloppement:

1. Intel ou AMD 1500 MHz ou plus 2. 100 Mo d'espace disque libre 3. 512 Mo de RAM ou plus 4. Microsoft Windows 2000, XP, Vista 5. Microsoft. NET Framework 2.0 +. Peut tre obtenu auprs du site Web de Microsoft l'adresse: http://www.microsoft.com/downloads/details.aspx?familyid=0856eacb-4362-4b0d8edd- aab15c5e04f5 & displaylang = fr 6. Mac OS 10.5 et plus
1.2 Navigateurs pris en charge:

1. 2. 3. 4. 5. Internet Explorer 6 + Firefox 2 + Opera 9 + Safari 1 + Google Chrome 1 +
1.3 Technologies supportes:

1. 2. 3. 4. CodeCharge Studio 4 WordPress (2.5-2.7) systme de gestion de contenu Joomla 1.5 Gestion de contenu Drupal (5.x, 6.x) systme de gestion de contenu
1.4 Standards supports:

1. 2. 3. 4. XHTML 1.0 Transitional CSS 2 Section508 (partiellement) PNG avec transparence
Jf Patris 2009 5
2. Installation d'Artisteer
Ce chapitre dcrit comment installer Artisteer sur votre ordinateur. Note: Avant de procder veuillez vous assurer que votre ordinateur rpond aux exigences numres. Ouvrez une session dans Windows comme utilisateur en tant qu'administrateur principal. Double-cliquez sur le fichier d'installation ArtisteerInstall.exe. Cela permet de lancer une installation standard. Slectionnez la langue que vous souhaitez utiliser lors de l'installation, puis cliquez sur le bouton Suivant. Suivez les instructions fournies par l'Assistant dInstallation. Lire attentivement le Contrat de Licence. Si vous acceptez les conditions, cochez "J'accepte les termes de la licence et passez l'tape suivante. Si vous ne les acceptez pas, vous pouvez quitter. N'hsitez pas nous contacter si vous avez des problmes ou des inquitudes avec la licence. Slectionnez le dossier de destination. Indiquez si vous voulez crer des icnes de raccourci sur le bureau, panneau Quick Launch, ou les deux. Cliquez sur le bouton Installer pour dmarrer l'installation. Cliquez sur le bouton Terminer lorsque l'installation est termine.
2.1 L'activation du logiciel

Une fois que vous avez achet Artisteer vous recevrez un numro de srie utiliser pour activer le logiciel. Lactivation supprime les filigrannes gnrs par les modles de version d'essai. Pour activer le produit cliquez sur l'icne de palette pour ouvrir le dialogue d'activation et entrez votre numro de srie dans la premire case. Si votre ordinateur est connect l'internet, vous pouvez cocher "Auto-activation par l'Internet" et cliquez sur le bouton Activer. Cela simplifiera le processus d'activation. Si vous travaillez hors ligne ou ne souhaitez pas utiliser la mthode d'auto-activation, vous pouvez utiliser le lien suivant pour obtenir la cl d'activation partir de n'importe quel autre ordinateur connect au web: http://www.artisteer.com/?p=a Dans ce cas, dsactivez l'option "Auto-activation par l'Internet" et entrez la cl d'activation obtenue directement dans la bote de cl d'activation. Vous aurez besoin de redmarrer Artisteer aprs avoir termin le processus d'activation.
Jf Patris 2009 6
3. Comment travailler avec l'interface Artisteer

L'interface d Artisteer est assez simple. Il ya plusieurs items principaux: Menu principal, Accs Rapide au Menu, la barre de navigation par onglets et la visualisation Le Menu principal contient les commandes de fichiers de base, documents rcents et d'autres articles standards du menu Fichier. Le Menu Accs Rapide (1) contient annuler, refaire, enregistrer et raccourcis douverture. La Barre de navigation (2) contient tous les outils d'dition disponibles. La Visualisation (3) vous permet de voir votre conception. Tous les liens et les boutons dans la conception sont non cliquables.
Menu principal
1 3
3.1 Menu Accs Rapide

Le Menu Accs Rapide est une barre d'outils personnalisable qui offre la possibilit de crer un raccourci aux commandes frquemment utilises et de rapidement effectuer les tches les plus courantes. Par dfaut, le Menu Accs Rapide contient Ouvrir, Enregistrer, Annuler, Rtablir et Exportation, mais vous pouvez personnaliser le contenu de la barre d'outils en ajoutant ou supprimant les lments que vous voulez par clic droit. Par dfaut, le Menu Accs Rapide est situ au-dessus de la barre de navigation. Pour le placer sous la Barre de navigation, cliquez sur la petite flche l'extrmit droite de la barre d'outils (ou tout simplement un clic droit dans la barre d'outils ou le ruban de zone) et slectionnez dans le menu droulant.
3.2 Accessibilit clavier

De nombreuses options disponibles dans Artisteer peuvent tre consultes l'aide des touches du clavier au lieu de la souris. Appuyez sur la touche Alt pour voir les Astuces pop up pour chaque onglet.
Jf Patris 2009 7
4. Cration d'un design de base

Cration d'un design de base avec Artisteer est facile: Slectionnez Ides Ajustez votre template avec les boutons "suggrer" Cliquez sur Exporter vers Word Press, Joomla, Html ou autres formats.
Cela cre un modle alatoire qui permet de travailler et vous pouvez cliquer nouveau pour avoir une autre suggestion de conception.
4.1 Design sur mesure

Artisteer est un outil puissant avec des grandes capacits de personnalisation . Aprs avoir trouv une bonne ide de conception, vous pouvez aller dans un onglet spcifique et adapter la conception en fonction de vos besoins. Sur chaque onglet, il y a plusieurs options pour la personnalisation des lments spcifiques. Remarque: Certaines options peuvent ne pas tre disponibles selon les rglages et les choix de mise en page que vous avez faits dans d'autres onglets. Ce n'est pas tout! Lors de l'utilisation Artisteer Standard Edition si vous ne trouvez pas l'option que vous voulez dans une liste spcifique cliquez sur "Plus ..." afin d'obtenir les capacits de personnalisation compltes.
4.2 Botes de dialogue

De nombreuses options et paramtres sont inclus dans les botes de dialogue. On peut y accder en cliquant sur la petite flche du bouton la droite de la lgende du groupe.
L'interface pour une bote de dialogue typique comprend les parties suivantes: Lgende de dialogue qui indique quel type d'options sont disponibles dans le dialogue La liste des groupes d'options situ dans le volet gauche de la bote de dialogue. Cliquez sur le groupe pour largir les options. Options et rglages disponibles pour le groupe slectionn. Case Aperu pour visualiser les rsultats automatiquement lorsqu'ils sont modifis. Bouton Aperu pour afficher les rsultats de ces paramtres sur la page.
Jf Patris 2009 8

Bouton OK pour appliquer les paramtres et fermer la bote de dialogue. Le bouton Annuler pour ignorer les modifications et fermer la bote de dialogue.
Un exemple d'une bote de dialogue vous est montr dans l'image ci-dessous.
La plupart des botes de dialogue contiennent des paramtres qui peuvent tre modifis l'aide de barres de dfilement. Habituellement, ce sont des paramtres pour la largeur, la hauteur, l'opacit, la transparence et d'autres valeurs. Pour apporter des modifications, slectionnez le curseur et faites-le glisser vers la droite ou la gauche pour augmenter ou diminuer la valeur d'une option spcifique. Les valeurs slectionnes seront affiches dans la bote ct de la barre du glisseur. Vous pouvez galement entrer directement la valeur dsire dans ce texte. Utilisez le bouton "Aperu", disponible au bas de la fentre de dialogue, pour afficher les changements. Si Aperu est coch, les changements seront immdiatement affichs sur la page quand vous faites glisser le curseur. Si vous tapez la valeur directement dans la case d'option, cliquez hors de la case pour afficher la valeur applique la page. Si l'option Aperu nest pas coche, appuyez sur le bouton Aperu pour voir les changements sur l'cran. Enfin, cliquez sur les boutons OK ou Annuler pour mettre jour ou annuler vos modifications.
Jf Patris 2009 9
4.3 Boite de dialogue du slecteur de couleurs
Boite de dialogue du slecteur de couleurs s'affiche lorsque vous slectionnez "Plus de couleurs ..." dans l'une des botes de dialogue couleurs. Cette bote de dialogue vous permet de slectionner la couleur dsire de rgler la teinte, la saturation et la luminosit de la couleur. Les onglets Luminosit et Teinte sont disponibles dans la bote de dialogue. Les deux onglets ont une zone de slection des couleurs o vous pouvez dplacer un curseur jusqu' obtenir la couleur parfaite. Vous pouvez aller la palette de couleurs et faire glisser le slecteur en forme de cercle horizontalement et verticalement pour modifier la teinte et la saturation et la luminosit de la couleur. L'onglet Teinte contient un curseur de rglage droite. Dplacer du rouge (en bas) en passant par l'orange, jaune, vert, bleu violet vous permet de slectionner la teinte souhaite de la couleur. Vous pouvez galement dplacer le cercle de couleur de la palette de gauche droite et de haut en bas La saturation peut varier de 0% (compltement insaturs) 100% (compltement satur, couleur pure). La luminosit varie de 0 (noir) 100% (blanc). Les valeurs affiches dans les cases changeront pour indiquer les paramtres de couleur exacte. Ces valeurs peuvent aussi tre modifies manuellement ou directement dans les botes de texte. Ce peut tre pratique lorsque vous copiez l'exacte valeur de couleur partir d'autres logiciels de graphisme et que vous souhaitez l'utiliser dans Artisteer.
Teinte : La valeur teinte de couleur varie de 0 360 . Sat : La saturation de la couleur varie de 0% (compltement non saturs) 100% (compltement saturs). Lum : La luminosit de la couleur mesure en pourcentage de 0 (noir) 100% (blanc). Rouge : La valeur dcimale des nuances rouges. Vert : La valeur dcimale des nuances vertes. Blue : La valeur dcimale des nuances bleues. Hex : Un code de couleur hexadcimal (habituellement utilis dans le code HTML). L'option Aperu permet de voir la page avec la couleur choisie qui lui est applique. Ok et Annuler permettra de soumettre ou rejeter les modifications apportes.
Jf Patris 2009 10
5. Travailler avec les couleurs

Les couleurs sur les crans d'ordinateur sont composs de diverses couleurs de base rouge, vert et bleu. En fonction de la quantit absorbe de chaque couleur de base, vous pouvez crer toutes les couleurs. Par exemple, un mlange de rouge et vert donne une couleur jaune, un mlange de rouge et bleu produit un Magenta et ainsi de suite. Mlanger les trois couleurs de base avec pleine intensit produit du blanc tandis que l'absence de couleurs donne du noir. Les valeurs des couleurs de base rouge, vert et bleu sont gnralement spcifies en utilisant une chelle de 0 255 (dcimal), o 255 reprsente 100% d'intensit de la couleur. RVB est un modle de couleur pratique pour l'informatique graphique, car le systme visuel humain fonctionne de mme. Cependant, l'homme ne voit pas les couleurs sous forme de triplets de nombres: rouge, vert et bleu. Donc il est trs pratique de dcrire les couleurs en tant que compos de teinte, saturation et luminosit. Ce schma dfinit les couleurs HSL plus naturellement et peuvent tre visualises sous forme d'un cylindre dont l'axe central varie de noir au fond blanc au sommet, avec des couleurs neutres entre eux, o l'angle autour de l'axe correspond "teinte", la distance de l'axe correspond saturation, et la distance le long de l'axe correspond la "luminosit". La teinte spcifie une couleur pure, spectrale. Elle est mesure sur la roue des couleurs, exprime en degrs entre 0 et 360 . La teinte est identifie par le nom de la couleur comme le rouge, orange ou vert.
La saturation est la puret de la couleur. Elle reprsente le montant en proportion de gris. Ceci est mesur en pourcentage, de 0% (pas de teinte grise du tout) 100% (compltement saturs de couleurs). Sur la roue de couleurs standard, la saturation augmente du centre vers le bord. Luminosit : l'intensit relative de la couleur, gnralement mesure en pourcentage de 0% (noir) 100% (blanc). Artisteer vous permet de travailler avec les deux schmas de couleurs HSL et RGB. La couleur dsire peut tre spcifie dans la bote de dialogue Slecteur de couleurs.
Jf Patris 2009 11
6. Structure des blocs

Les blocs sont une partie importante d' Artisteer et sont compatibles avec tous les navigateurs web modernes, y compris Microsoft Internet Explorer 6. Tous les lments de disposition d'Artisteer utilisent des blocs pour crer une structure optimale . Avec Artisteer, le bloc est utilis comme un contenu universel qui est facilement redimensionnable dans n'importe quelle direction. L'arrire-plan et le contenu du bloc sont diffrents niveaux. Au niveau infrieur, ou fond, on utilise plusieurs lments pour contourner la limitation CSS2 d'une seule image de fond par lment. Le Niveau suprieur se trouve au sommet et contient le contenu rel. Les niveaux se composent comme suit. Le niveau infrieur: 1, 3, 7, 9 - les segments de l'image d'angle. 2, 4, 6, 8 - les segments de l'image de ct. 5 - l'image d'arrire-plan central. Le niveau suprieur: 10 - le texte avec son indentation. Ce qui suit dcrit la structure HTML. <div class="box"> <div class="box-tl"> 1 </ div> <div class="box-tc"> 2 </ div> <div class="box-tr"> 3 </ div> <div class="box-cl"> 4 </ div> <div class="box-cc"> 5 </ div> <div class="box-cr"> 6 </ div> <div class="box-bl"> 7 </ div> <div class="box-bc"> 8 </ div> <div class="box-br"> 9 </ div> <div class="box-body"> 10 </ div> </ div> Les marges dans l'objet 10 comprennent le rayon d'angle et les tailles des ombres pour afficher le contenu correctement dans les limites et l'ombre de l'arrire-plan. Lorsque le rayon n'est pas spcifi, les marges sont crs par les bords graphiques des ombres du fond. Le niveau suprieur est fluide et redimensionnable dans n'importe quelle direction, et la taille du plus bas niveau correspond toujours avec la taille du niveau suprieur. Quelle que soit la taille des objets de 1, 2, 3, 4, 6, 7, 8, et 9, la partie 5 se redimensionne automatiquement Notez que si la couleur de fond est rgle pour l'objet 10 (niveau suprieur) et que la couleur de fond n'est pas fixe pour l'objet 5, le niveau infrieur sera recouvert. Le niveau infrieur des lments tels
Jf Patris 2009 12

que des coins ronds, bords, et les ombres ne seront pas visibles car ils seront couverts par le niveau suprieur.
7. Barre de navigation principale Artisteer

Elle est divise en onze catgories distinctes pour personnaliser votre design. Se dplaant de gauche droite, on commence avec l'ide gnrale et la disposition sur le site. En allant vers la droite, nous avons les parties spcifiques du site, telles que les blocs et les boutons.
8. Ides
L'onglet Ides est une excellente faon de commencer rapidement.
8.1. Cration de votre design

Laissez Artisteer crer votre design pour vous. La fonctionnalit Suggerer la conception est recommande au dbut. Elle permet de voir les diffrents modles disponibles et vous aide dterminer les styles et les thmes que vous aimez.
8.2. La ralisation d'ajustements

Vous pouvez apporter des ajustements aux nombreux lments lorsque vous tes en phase de recherche d'ides pour votre site Web. Parfois, la police ne correspond pas la mise en page du site. Par ces ajustements, vous pouvez vous rapprocher de l'apparence que vous souhaitez raliser.
9. Exporter le Design
Une fois que vous tes satisfait de l'aspect de base de votre site, vous pouvez l'exporter sous forme d'un modle qui est compatible avec le type de blog, CMS ou de l'application que vous souhaitez utiliser. Il y a trois tapes qui doivent tre suivies pour l'exportation du modle: Tout d'abord, slectionnez un modle qui sera appliqu et utilis lorsque vous affichez la page dans Artisteer. Actuellement, les modles suivants sont disponibles: conception de sites Web, WordPress, Joomla, Drupal, Visual Studio et CodeCharge Studio. Ensuite, slectionnez l'option d'exportation de ce que vous voulez utiliser lors de la gnration du modle slectionn. Dans la fentre d'exportation, prciser le nom du modle dsir et le dossier d'exportation de vos fichiers de modle. Si ncessaire, compressez le dossier du modle en utilisant "Exporter sous forme d'archive ZIP".
Jf Patris 2009 13
9.1 Description des options
Nom : Identifie le nom de votre thme. Il est recommand que le nom soit conforme aux conventions de nommage du CMS . Chemin : indique le chemin du dossier o les fichiers exports doivent tre placs. L'exportation comme un dossier : Lorsque le modle est export, un dossier portant le nom spcifi contenant tous les fichiers de thme est cr dans l'emplacement spcifi. Exporter sous forme d'archive ZIP: Quand le template est export, une archive zip contenant tous les fichiers de thme est cr dans l'emplacement spcifi.
9.2 Options d'export, boite de dialogue

La bote de dialogue d'exportation s'affiche lorsque vous slectionnez Exporter> "Options d'exportation ..." partir du menu principal. Les options disponibles sont expliques ci-dessous.
Jf Patris 2009 14
9.2.1 Onglet proprites dexport
L'onglet est utilis pour dcrire les informations devant tre utilises par Artisteer pour gnrer la feuille de style, len-tte et les informations de mtadonnes pour le thme. Ces informations seront utilises par la suite par le CMS, si votre CMS prend en charge une telle fonctionnalit. Nom de l'auteur: Identifie le nom de la personne. URL de lauteur : fournit la rfrence au concepteur du site Version du modle : Identifie le numro de version du modle. URL du modle : Spcifie l'emplacement du modle sur le web. Balises : spcifie les mots cls associs au thme. Description : Fournit une description du thme.
9.2.2 Onglet WordPress

L'onglet WordPress spcifie si Artisteer doit crer un lment de menu spcial pointant vers la page d'accueil (premire page) du site. Show home item : Si cette option est coche, Artisteer cre un lment de menu pour une page d'accueil spciale qui est mis en vidence sur le site. Si la page de couverture n'est pas dfinie, cela pointe sur la liste des posts. Si cette option n'est pas coche, aucun lment de menu nest cr. Le menu entier est construit partir de la liste des pages WordPress. Si la premire page est spcifie dans les paramtres de WordPress, vous verrez le menu correspondant cette page ajout et mis en vidence dans le menu. Si la page de couverture n'est pas dfinie, aucun lment de menu nest slectionn par dfaut lorsque la liste des posts est affiche dans un navigateur. Nom de l'item Spcifie la lgende de l'lment de menu pointant vers la page d'accueil.
9.2.3 Onglet Filigrane

Afficher le filigrane : Si coch, le texte du filigrane sera rpt tout au long de la page. Texte du filigrane : texte qui sera affich sur la page lorsque l'option "Afficher filigrane" est active.
10. Exportation d'un design WordPress:

Slectionner un modle> WordPress. Slectionnez Exporter> " Thme WordPress ". Prcisez le nom voulu et le chemin d'accs au dossier exporter. Si ncessaire, vous pouvez compresser le dossier en utilisant "Exporter sous forme d'archive ZIP".
Jf Patris 2009 15

Aprs l'exportation, vous obtiendrez les fichiers de WordPress qui peuvent tre facilement appliqus aux sites web WordPress. Le chemin vers le dossier du thme est gnralement: WordPressFolder \ wp-content \ themes \ ThemeName. Il suffit de tlcharger le thme export dans ce dossier. Pour appliquer le nouveau thme votre site Web, connectez-vous ladministration, accdez l Onglet Prsentation (WordPress version 2.6) ou l'apparition> Thme (WordPress version 2.7) et activez ce thme. Les thmes WordPress gnrs sont widget ready et compatibles avec la version 2.5 de Wordpress et plus.
Trucs et astuces:
Lors de lexportation, Artisteer inclut automatiquement la langue de plusieurs fichiers obtenus partir du site WordPress: http://codex.wordpress.org/WordPress_Localization. Plus prcisment, franais, allemand, les traductions italiennes et espagnoles sont exportes par Artisteer dans le nommage de fichiers compatible avec WordPress <country> _ <LANG>. mo. Par exemple, un fichier de langue allemande est: de_DE.mo. Pour inclure diffrentes langues additionnelles dans votre thme WordPress, trouvez et copiez les fichiers de langue souhaits dans votre dossier spcifique. Vous trouverez les fichiers de langues supplmentaires dans votre dossier de thme par dfaut "<WordPressFolder> \ wp-content \ themes \ default", ou sur le site WordPress http://codex.wordpress.org/WordPress_Localization. Pour slectionner une autre langue que lactuelle changez l la fonction "dfinir" dans le fichier wpconfig.php. Par exemple: define ( 'WPLANG', 'fr_FR')
11. Exportation d'un modle en tant que thme Joomla

Pour exporter votre conception en tant que Joomla template, suivez les tapes ci-dessous: 1. Slectionner un modle> Joomla. 2. Utilisez l'exportation> "Joomla". 3. Prcisez le nom et slectionnez le dossier o vous souhaitez exporter le modle. Vous pouvez choisir de compresser le modle l'aide du menu Exporter sous forme d'archive ZIP. Aprs l'exportation, vous obtiendrez un ensemble de fichiers Joomla-spcifiques qui sont faciles appliquer aux sites web Joomla. Le chemin vers le dossier du thme dans le systme Joomla est gnralement: JoomlaFolder \ Templates \ ThemeName. Vous pouvez simplement copier / tlcharger le thme exports dans ce dossier. Si votre thme est export sous forme d'archive ZIP, connectez vous au back-end, allez Extensions> Installer / Dsinstaller, cliquez sur "tlcharger ", tapez le chemin d'accs ou cliquez sur le bouton "Parcourir ..." pour slectionner votre fichier zip et cliquez sur "installer" pour tlcharger et installer le thme. Une fois le thme correctement install, vous pouvez l'activer en slectionnant Extensions> gestion template partir du menu droulant et en attribuant votre modle par dfaut Note: Les thmes Joomla gnrs sont compatibles avec Joomla version 1.5 et suprieures.
Jf Patris 2009 16
Trucs et astuces:
Joomla fournit une fonctionnalit de l'internationalisation et soutient actuellement 50 langues du monde. Les paquets sont disponibles pour tlchargement : http://joomlacode.org/gf/project/jtranslation/frs/ Pour appliquer le style de menu, vous devez mettre votre module de menu dans la position User3 Il y a trois tapes pour crer un menu plusieurs niveaux dans Joomla: 1. Activation d'un menu multi-niveaux de votre modle dans Artisteer (Menu> Sous item> Niveaux> Multiniveaux). 2. Localisez votre menu dans la position user3 dans Joomla. 3. Aller Extensions Joomla> Module, slectionnez le menu (par exemple Top Menu), cliquez sur l'icne Modifier sur la barre d'outils, et rglez "Toujours afficher les sousmenus" dans le dialogue des paramtres. Au besoin, vous pouvez galement spcifier le nombre de sous-niveaux en utilisant "Start Level" et "End Level"
12. Exportation d'un design pour Drupal

Slectionner un modle> Drupal. Utilisez la commande Exporter> "Drupal ". Prcisez le nom du modle et slectionnez le dossier o vous souhaitez exporter le. Si ncessaire, appliquer la compression zip en utilisant "Exporter sous forme d'archive ZIP.
Aprs l'exportation, vous obtiendrez un ensemble de fichiers. Le chemin vers le dossier du thme de Drupal ressemble gnralement : DrupalFolder \ Themes \ ThemeName. Vous aurez besoin de tlcharger le thme export dans ce dossier. Si votre thme est export sous forme d'archive ZIP, extraire l'archive dans le dossier thmes sur le serveur. Aprs cela, vous pouvez activer votre thme dans l'administration de Drupal. Pour cela, ouvrez une session dans la zone d'administration, accdez administrer> Chantier> Thmes, cochez la case "Activ" ainsi que "Dfaut" ct de votre modle, puis cliquez sur "Save configuration".
12.1 Les standards de nommage

Utilisez seulement des lettres (minuscules de prfrence), des chiffres et caractres de soulignement dans le nom du thme. Pas de caractres spciaux, espaces, des tirets sont accepts. Si vous travaillez avec la version Drupal 5, tre sr de ne pas renommer votre modle de dossier aprs l'exportation. Sinon, certaines fonctions ne seront pas dclares et la conception sera corrompue. La fonction de localisation est dcrite dans la documentation Drupal ici: http://drupal.org/node/133977
Jf Patris 2009 17
13. Exportation d'un design comme un modle HTML

Slectionnez n'importe quel modle dans la liste Modle. Slectionnez Exporter> "HTML". Prcisez le nom voulu et le dossier de destination o votre modle HTML doit tre cr.
Vous pouvez compresser le dossier des modles en format. Zip en utilisant "Exporter sous forme d'archive ZIP" Le modle obtenu contiendra des balises, des styles et des graphismes qui sont ncessaires pour appliquer la conception n'importe quelle page web.
14. Exportation d'un design comme un projet ASP.NET

Pour exporter un design en tant que projet ASP.NET qui peut plus tard tre ouvert dans Visual Studio, suivez les tapes suivantes: Slectionner un modle> ASP.NET Application. Utilisez la commande Exporter> "Visual Studio C # Project". Prcisez le nom du modle et slectionnez le dossier pour stocker les fichiers de modle. Si ncessaire, appliquer une compression en utilisant "Exporter sous forme d'archive ZIP".
Quand l'exportation est termine, un nouveau projet C # est cre dans l'emplacement spcifi. Ouvrez-le dans Visual Studio en utilisant la commande Fichier> Ouvrir l'option Site Web afin d'examiner les fichiers crs. Vous verrez: Page matre qui dfinit plan d'ensemble d'un site et contient un ensemble d'espaces rservs de contenu tels que les HeaderContentPlaceHolder, TitleContentPlaceHolder, SheetContentPlaceHolder, etc Le contenu de la page appele Default.aspx qui a plusieurs blocs de contenu et des pages par dfaut (DefaultHeader, DefaultMenu, et DefaultSidebar1) inclus. Cette page est gnre en tant quexemple pour vous permettre de voir une page de contenu termine. Les fichiers CSS qui dfinissent la conception des pages. Une srie d'autres fichiers ncessaires au projet Visual Studio. N'hsitez pas modifier le projet de fichiers comme vous le voulez et amusez-vous!

Jf Patris 2009 18
15. Exportation d'un design en tant que CodeCharge Studio Project

Pour crer un modle qui pourra tre appliqu aux projets de CodeCharge Studio, les tapes suivantes doivent tre effectues: Slectionnez un modle> CodeCharge. Slectionnez Exporter Design> "CodeCharge Project Studio". Naviguez jusqu'au dossier o vous souhaitez localiser le projet CodeCharge Studio et cliquez sur OK pour exporter les fichiers. Quand l'exportation est termine, un nouveau projet de CodeCharge Studio va tre cr l'emplacement spcifi. Les pages suivantes seront ajoutes au projet: PageTemplate/ Header/ Footer/ Principal/ propos de
PageTemplate est une page essentielle qui sera utilise comme base pour crer toutes les nouvelles pages dans le projet. Cette fonctionnalit est ralise en utilisant les paramtres du projet> Gnral> Nouvelle page. PageTemplate comprend l'en-tte et bas de pages qui sont utiliss pour ajouter une page d'arrire-plan, feuille, en-tte, et les styles de menu pour les pages. Ainsi, toutes les pages nouvellement cr par CodeCharge Studio auront fond de page, feuille, en-tte et les styles de menu appliqus. Toutefois, les styles gnrs par Artisteer ne peuvent tre automatiquement appliqus aux formes CodeCharge Studio, boutons, et autres blocs sur la page. Pour ajouter du style ces composants, vous pouvez envisager l'une des solutions suivantes: Ouvrez le CodeCharge Studio Style Builder (Outils> Styles) et ajouter un nouveau style qui ressemble au style gnr par Artisteer. Utilisez ce nouveau style pour les formulaires CodeCharge Studio et contrles. Modifiez une page de CodeCharge Studio afin d'ajouter les styles Artisteer manuellement. Dans ce cas, ne pas choisir de style lors de la cration de formulaires et de contrles dans le CSC. Puis passez en mode HTML et modifiez votre modle de page manuellement, en ajoutant les classes Artisteer et les balises HTML ncessaires. Un exemple de code html est fourni sur la page principale afin que vous puissiez l'examiner en consquence. L'exemple de code ci-dessous montre comment appliquer les styles Artisteer un document d'enregistrement sur une page CodeCharge Studio. Le code HTML est affich inchang en noir, les lignes de code supprimes biffes et soulignes en rouge, et les lignes ajoutes au code sont surlignes en bleu.
Jf Patris 2009 19
16. Couleurs et Polices

Cet onglet permet de modifier les couleurs et les polices du modle.
16.1. Couleurs
Pour changer le thme du site, choisissez un thme partir des thmes de couleurs disponibles. En outre, chaque couleur peut tre modifie. Ayant choisi les couleurs, vous pouvez les affiner en ajustant le contraste global . Vous pouvez enregistrer ou effacer des thmes (utile quand votre oeuvre le mrite ).
16.2. Peintures
Dans ce bloc vous avez la possibilit d'ajuster la couleur thme. Vous pouvez slectionner l'un des rgimes prdfinis ou personnaliser le thme de la couleur en choisissant les couleurs souhaites. Cliquer sur "Ajuster les options va ouvrir la liste des options de couleurs: Luminosit Saturation . Entrez les valeurs ou faites glisser les curseurs vers la droite ou la gauche pour augmenter ou diminuer les valeurs d'option. La luminosit fait rfrence la blancheur et l'intensit d'une couleur. La luminosit pour une couleur donne variera de blanc pur jusqu'au noir. Les valeurs prises en charge sont de -100% 100%, o 100% et -100% rfrent la plus haute et la plus faible des composantes RVB. La saturation correspond la quantit de gris dans une couleur. Les valeurs supportes sont de -100% 100%, o 100% signifie grande quantit du gris.
Jf Patris 2009 20
16.3 Polices
La section des polices comprend les fonctions suivantes: Jeux de polices,Typographie et Echelle.
Jeux de polices vous permet de changer le texte et la position des polices. Vous pouvez choisir l'un de nos ensembles standard de police ou crer votre propre jeu de polices. Il suffit de cliquer sur le jeu de polices... dans la liste des jeux de polices. Typographie vous permet de slectionner l'un de nos styles de typographie ou de crer votre propre style de conception. Il suffit de cliquer sur Editer ... dans la liste de la typographie. Dans la zone de dialogue de typographie, vous pouvez modifier n'importe quelle balise texte en slectionnant la balise et en cliquant le bouton "Modifier". La bote de dialogue Modifier permet d'ajuster les paramtres de police
Pour le texte du pied de page, des blocs de texte, des titres d'articles, et le texte en-tte de l'article, vous pouvez galement modifier les paramtres tels que: Alignement Indentation Espacement Echelle permet de changer l'chelle de la police gnrale.
Jf Patris 2009 21
17. Mise en forme de page

L'onglet mise en forme de page est l'endroit o vous pouvez rapidement changer le positionnement global des lments sur la page.
17.1 Page / colonnes

Vous pouvez rapidement changer le positionnement de l'en-tte et les barres de navigation. Artisteer vous permet de placer la navigation dessus ou en dessous de l'en-tte ou choisir de ne pas utiliser une barre de menu du tout. En plus, si votre page doit avoir plus de contenu, vous pouvez dvelopper votre site en deux ou plusieurs colonnes.
17.2 Colonnes
Quand une mise en page multi-colonne est utilise, les options de disposition dans la bote de dialogue affichent des curseurs vous permettant de dfinir la largeur des colonnes. Vous pouvez entrer les valeurs en pourcentage de la largeur de la feuille.
Jf Patris 2009 22
18. Arrire-plan
Le fond de la page est tout aussi important que la page elle-mme. Vous pouvez modifier les effets d'arrire-plan pour obtenir l'aspect dsir.
Vous pouvez choisir d'avoir: Image darrire plan : Slectionnez l'une de nos images ou insrez les vtres L'image ou texture. Vous pouvez choisir ou insrer votre propre texture. Dgrad : Vous pouvez choisir et utiliser les options. Filtre : Vous pouvez choisir ou incorporer votre filtre
18.1 Rgler les Options de la page.

Ouvrez "Options ..." pour amliorer la conception de l'arrire-plan.
Jf Patris 2009 23
18.1.1 Filtre
Option aligner : gauche ou centre. Option Transparence : de 0 100%
18.1.2 Image ou texture

Rptition de texture : Dfinit si / comment une image d'arrire-plan ou la texture sera rpte. Les valeurs prises en charge: - Remplir : L'image de fond sera rpte verticalement et horizontalement - Horizontalement (par dfaut) - L'image de fond sera rpte horizontalement - Verticalement - L'image de fond sera rpte verticalement - Aucune rptition Limage ne sera affiche qu'une seule fois. Cette option n'est pas disponible lorsque "pas de texture" est slectionn dans image ou texture. Position: Dfinit la position de dpart d'une image de fond. Cette option n'est pas disponible lorsque pas de Texture" est slectionn dans "image ou texture". Dfilement : Dfinit si une image de fond est fixe ou dfile avec le reste de la page. Cette option n'est pas disponible lorsque "pas de texture" est slectionn dans "image ou texture". Effet mirroir : vertical ou horizontal Effet rotation : horaire ou anti-horaire. Transparence : Dfinit la transparence de fond d'image. Les valeurs supportes sont de 0 100%, 0% signifie "sans transparence". Cette option n'est pas disponible lorsque "pas de texture" est slectionn dans "image ou texture". Mode de fondu : Dfinit comment la couleur de fond et les couches de texture de fond se mlangent. Il existe 3 options disponibles:
Normal - Pas d'effet sur les couches sous-jacentes. Superposition - fusionne les deux couches ensemble en changeant l'opacit, la luminosit de la couche suprieure. Lumire douce - Ce mode de fusion claircit ou assombrit l'image en fonction de la couleur de la couche suprieure. Cette option n'est pas disponible lorsque "pas de texture" est slectionn dans image ou texture"
Contraste : modifie le contraste lumineux de la page de -100% +100%
18.1.3 Dgrad
Hauteur : Dfinit la hauteur pour le type de dgrad slectionn. Les valeurs prises en charge vont de 1 1000 pixels. Cette option n'est pas disponible lorsque "pas de dgrad" est slectionn dans la liste de dgrads. Contraste : Augmente ou diminue diffrence de luminosit entre le dbut et la fin des couleurs dans le dgrad. Cette option n'est pas disponible lorsque "pas de dgrad" est slectionn
Jf Patris 2009 24
19. Feuille
L'onglet Feuille offre la possibilit de changer le positionnement global et le look de la feuille ou la page. Vous pouvez prfrer une feuille avec des bords arrondis, au lieu des bords carrs. Vous pouvez galement dplacer la feuille partir du haut de la page, mettre un effet d'ombre, modifier la largeur des bords de la feuille, la transparence du fond, ou la couleur de la feuille.
19.1 Adapter la feuille

La feuille peut tre personnalise en cliquant sur le bouton appropri dans la liste. Par exemple, si vous souhaitez modifier le remplissage, cliquez sur la valeur RemplissagePlus de remplissage. Lorsque vous ouvrez le menu Options" (bas droite), vous allez pouvoir modifier la conception entire de la feuille. Les paramtres incluent la largeur de la feuille, le remplissage, les valeurs de rayon, la largeur de bordure et la transparence. En cliquant ombre, vous pouvez contrler la taille, langle et l'opacit de l'ombre ainsi que sa distance du bord de feuille. Entrez les valeurs ou faites glisser les curseurs vers la droite pour augmenter les valeurs des options ou vers la gauche pour les diminuer.
19.2 Onglet Feuille

Largeur : Dfinit la largeur de feuille en pixels. Valeurs supportes: 500 px (la largeur minimum) 1500 px (la largeur de feuille maximal). Dcalage haut : Dfinit le dcalage haut de la feuille en pixels. Valeurs supportes: 0 px 200 px. Cette option est remis 0 si "sans dcalage" est slectionn dans dcalage du haut. Remplissage : Dfinit le remplissage pour le contenu de la feuille en pixels. Valeurs supportes: 0 px 50 px, o 0 signifie pas de remplissage. Cette option est dsactive lorsque "pas de remplissage" est slectionn dans remplissage. Rayon : Dfinit le rayon d'angle de la feuille en pixels. Valeurs supportes: 0 px 200 px, o 0 px est quivalent "pas de rayon" dans Rayon.
Jf Patris 2009 25

Largeur de bordure : Fixe la largeur des bordures pour la feuille en pixels. Les valeurs supportes sont: 0 px 20 px, o 0 px est quivalent "pas de bordure" dans la Bordure. Transparence : Dfinit la transparence de la feuille. Les valeurs supportes sont: 0% 100%, 0% est quivalent "Aucune transparence" slectionn dans Transparence.
19.3 Onglet Ombre

4. Taille : Dfinit la taille de l'ombre de la feuille en pixels. Les valeurs supportes sont de 0 px 50, o 0 signifie "aucune ombre". Cette option est dsactive lorsque "aucune ombre" est slectionn dans Ombre. 5. Opacit : Dfinit l'opacit de l'ombre de la feuille. Valeurs prises en charge varient de 0% (entirement transparent) 100% (compltement opaque). Cette option est dsactive lorsque "aucune ombre est slectionn dans Ombre. 6. Distance : Dfinit le dcalage de l'ombre en pixels. Valeurs supportes: 0 px 60 px,. Cette option est dsactive lorsque "aucune ombre" est slectionn dans Ombre 7. Angle : sens de dcalage de l'ombre. Les valeurs supportes sont de -180 180 . Cette option est dsactive lorsque "aucune ombre" est slectionn dans Ombre.
20. En-tte
L'onglet en-tte de contrle tous les aspects de l'en-tte, y compris la taille, les couleurs, les polices, , et les images de fond. Vous pouvez utiliser l'onglet en-tte pour apporter des modifications tout en tant capable de mettre des images en darrire et de premier plan.
20.1 Mise en forme :

Rappel : Les deux options de mise en forme peuvent tre configures dans l'onglet Gnral des Options (flche bas droite). Hauteur : Fixe la hauteur de l'en-tte en pixels. La valeur peut varier de 50 500 px. Largeur : Fixe la largeur de 500px 1500px Bloc de texte : Dfinit la largeur du bloc de texte en tant que pourcentage de la largeur den tte, la porte s'tend de 0% (pas de bloc de texte) 100% (bloc de texte couvre len-tte complet et limage de premier plan si prsente).
Jf Patris 2009 26
20.2 Arrire-Plan 20.2.1. Image darrire plan

Vous pouvez choisir parmi une grande varit d'images de fond professionnelle. Vous pouvez galement insrer votre propre image d'arrire-plan. Cliquez sur partir du fichier .. dans les options, et slectionnez l'image que vous souhaitez utiliser.
20.2.2. Position de limage darrire plan

N'hsitez pas modifier la position de l'image. La bote de dialogue vous permet galement d'appliquer les modifications suivantes : Redimensionner len-tte selon limage, linverse et utiliser la taille originale de limage
Jf Patris 2009 27

Les paramtres de fond peuvent tre ajusts manuellement dans les Options arrire-plan Ceci dfinit les paramtres de base de l'arrire-plan de len-tte. Selon les images slectionnes, certaines options d'arrire-plan sont dsactives.
1. Pondration de couleur : Fixe le montant de la couleur de base applique l'image d'entte. La couleur de base pour l'en-tte est slectionne sous Arrire-plan> Effets> Couleur. Les valeurs supportes sont de 0% 100%. 2. Saturation de couleur : Spcifie l'intensit des couleurs de base. Les valeurs vont de 0 (compltement insaturs, gris) 100% (compltement satur, couleur). 3. Flou : Dfinit le rayon de flou de 0 30 pixels. Le flou touche tous les pixels dans le rayon dtermin. 4. Mode de fondu : Dfinit comment l'image d'en-tte est mlang la couleur den-tte. Cette option est active uniquement pour les images d'arrire-plan abstraites. Les valeurs supportes sont les mmes quau chapitre prcdent. 5. Image format : Le choix entre jpeg et png. Le png supporte la transparence, et a une compression non destructive. 6. Qualit jpeg : Dfinit un niveau de qualit pour la compression JPEG. La gamme va de 0 100%.
20.2.3. Effets dimage darrire-plan

Vous pouvez ajouter des effets visuels l'arrire-plan pour faire de votre conception une oeuvre unique : Couleur de l'en-tte - Si vous slectionnez "Pas de photo",l'en-tte sera remplie avec la couleur choisie. Si vous slectionnez l'image de fond, cette couleur sera utilise pour la colorisation.
Jf Patris 2009 28
Recolorier limage : change la teinte de limage. Pour les autres items, se reporter aux chapitres prcdents, les options tant les mmes et dj tudies.
20.3. Photo de premier plan

Cette section offre la possibilit d'ajouter une photo qui viendra en complment de votre en-tte. Vous avez la possibilit de choisir la photo partir d'une varit de photos professionnelles et de nombreux types de sujets. Vous pouvez galement insrer votre propre photo.
20.3.1. Position
N'hsitez pas modifier la position de la photo de premier plan dans la position de la bote de dialogue Objet. Faites simplement glisser la photo la place ncessaire. En outre, cette bote de dialogue vous permet de changer la taille de la photo. Il suffit de dplacer le curseur ou cliquer sur le "100%" pour appliquer la taille de la photo.
20.3.2. Effets
Vous pouvez ajouter des effets visuels la photo de premier plan. Les Options incluent les effets
Jf Patris 2009 29

suivants : Recolorier, Lueur et effet mirroir.
Ces effets peuvent tre rgls manuellement sur longlet en-tte (Options flche bas droit) Essayer les diffrentes options et leurs effets vaut mieux quun long texte.
20.4. Titre
Cette section offre la possibilit de modifier le texte de titre et le texte slogan de votre conception. Vous pouvez galement spcifier les options ncessaires de la police, et en cliquant sur le menu Options Police ..." vous ouvrez la bote de dialogue o vous pouvez ajuster les paramtres.
20.5. Style de titre

Cette section offre la possibilit de modifier les paramtres de style de titre pour complter votre titre. Le style de titre comprend les fonctions suivantes: Position Taille Aligner. Sans commentaires.
Jf Patris 2009 30
21. Menu
L'onglet "Menu est utilis pour contrler la position et l'apparence du menu de navigation principal. Il se compose de la barre de menu et des options de menu. Le menu peut tre comme un menu de site web standard ou sous forme d'onglets ou boutons.
21.1. Styles et coloriage du menu.

Vous pouvez changer l'ensemble des boutons du menu, y compris les formes, les couleurs, les bords et l'espacement entre les lments. Vous pouvez modifier les paramtres suivants: Forme Marge Aligner Distance Separateur (ce dernier en fonction du type de menu)
Forme : choisissez Marge : Spcifie l'espace autour du menu. Valeurs supportes: 0 20 pixels. Note: Pour le menu onglets les marges du haut semblent doubles, alors que le menu est align en bas.
Jf Patris 2009 31

Aligner : aligner le menu sur la marge gauche, centr ou marge droite. Distance : Spcifie la distance horizontale entre les lments du menu. Valeurs supportes: 0 30 pixels. Sparateur : vous donne le choix dun graphisme de sparation entre les items de menu. Actif en fonction du type de menu choisi.
Vous pouvez amliorer votre menu avec loption coloriage. En gardant la forme originale, vous changez laspect. A utiliser bien sr.
21.2. Barre de Menu

Vous pouvez affiner encore la barre de navigation (seule) en choisissant barre de menu. Une texture et un dgrad vous sont proposs , ainsi que Remplir et Bordures.
En cliquant sur Option de Menu (flche), vous accdez toutes les options.
Jf Patris 2009 32
Largeur bordure : Spcifie la largeur des bordures. Valeurs supportes: 0 5 pixels. Texture : Mirroir, Rotation, Fondu, Transparence et contraste rgler en fonction de vos choix Dgrad : Applique un contraste dgrad sur votre barre de menu
21.3. Element
Loption lment offre la possibilit de choisir quoi les lments individuels de la barre de navigation devraient ressembler lorsque vous survolez ou cliquez les items de menu.
Remplissage Horizontal : distance horizontale entre le texte et le bord, de 0 50 pixels.
Jf Patris 2009 33

Remplissage vertical : remplissage haut et bas du menu. Valeurs: 0 50 pixels. Rayon : rayon d'angle de l'lment de menu. Valeurs supportes: 0 100%. Largeur Bordure : Valeurs supportes: 0 5 pixels. Dsactive lorsque les lments du menu n'ont pas de bordure. Effet Mirroir et Rotation, mode fondu, transparence et contraste : fonctionnent avec le dgrad choisi.
21.4. Sous lment

Cette section porte sur la capacit de contrler l'apparence des lments de sous-menus.
Les options sont dsactives si "aucun sous-lment"est slectionn dans Sous-lment> Niveau. Notez galement que l'option de dgrad est dsactive si "aucun dgrad" est slectionn dans sous-lment >> Dgrad. Le menu sous-lment vous permet de choisir si vous voulez des sous-niveaux, la taille et le dgrad de ceux-ci.
Largeur : largeur du sous-menu, de 150px 400px (ajoute un padding au texte). Hauteur : hauteur de votre ligne de sous-menu, de X 50px. X correspond la hauteur de ligne minimale en fonction de la taille de la police choisie pour le sous-lment.
Jf Patris 2009 34

Largeur Bordure : comme son nom lindique de 0 5 pixels. Contraste dgrad : Indique le contraste entre le dbut et la fin des couleurs dans le souslment de -100 (couleur unie) 100%.
22. Articles
L'onglet article vous permet de contrler la mise en forme de l'article. Vous pouvez choisir la forme de l'article (avec ou sans bloc), le formatage du texte, des polices den-tte, hyperliens, citation, puces, images, tableaux, ou modifier l'en-tte et pied de l'article.
22.1. Forme style

Dans cette section, vous pouvez choisir la forme de contenu d'article (avec ou sans bloc). Vous pouvez choisir : la forme de votre article dfinir les marges droites et gauches par rapport la feuille le remplissage (padding) du texte remplir avec une couleur dfinir une bordure et sa couleur dfinir le rayon du bloc si besoin appliquer une ombre ou une lueur votre forme
Jf Patris 2009 35
22.1.1. Forme
Si les paramtres par dfaut ne rpondent pas vos besoins, vous pouvez utiliser la fonction "Plus ..."
Marge : Spcifie la marge du contenu de l'article en pixels, de 0 50 pixels. Remplissage : Indique l'espacement du texte du bord de l'article en pixels. Valeurs supportes: de 0 50 pixels. Rayon : Indique le rayon d'angle du contenu du bloc en pixels, de 0 40 pixels. La largeur de la bordure du contenu du bloc en pixels de 0 10 pixels. 0 correspond sans bordure. Cette option est disponible uniquement si vous utilisez la forme de bloc.
22.1.2. Ombre
En cliquant sur les "plus dombres ..." dans le style> Ombre, vous pouvez ajuster les options d'ombre. Ces options sont disponibles seulement pour les formes de bloc.
Jf Patris 2009 36
Taille : Spcifie la taille de lombre du bloc article en pixels, de 0 20 pixels. Opacit : Spcifie l'opacit de l'ombre du bloc article, 0 100%. Distance : Spcifie le dcalage de l'ombre en pixels de 0 20 Angle : Spcifie l'angle sous lequel l'ombre est projete, de -180 180 .
22.1.3 Puces
Vous pouvez modifier quelques lments de puces de liste ici, le dcalage par rapport au texte et le recoloriage (la puce prendra la couleur de votre thme).
22.2. Formatage du texte

Cette section vous permet de modifier le formatage du texte comme: Marge gauche, Marge droite, Hauteur de ligne , espacement de caractres, polices et alignement du texte.
Ces options sutilisent comme tout traitement de texte. Noubliez pas les Plus doptions
22.3. Autres lments

Cette section offre la possibilit de contrler et changer les options de police, hyperliens, citations, des puces graphiques, bordures de tableau et d'image.
En-ttes : de H1 H6, couleur, taille, style et alignement
Jf Patris 2009 37

Hyperlien : lien, lien visit et survol dans la couleur, la police, la taille, le style et le soulignement. Citation : Vous pouvez remplir la zone, mettre une bordure, choisir un icne et toutes les options de police. Puces : Vous pouvez choisir la couleur et limage. Vous pouvez intgrer votre propre image de puce et la formater comme en 22.1.3 Image : Cest ici que vous dclarez la bordure et sa couleur, le style de bordure et sa largeur. Toutes les images intgres dans votre article auront ce formatage. Tableau : De mme que pour les images, vos tableaux seront formats.
22.4. En-tte et pied de page

Vous pouvez personnaliser l'en-tte et le pied de l'article, ajuster le style, le texte, et le titre en choisissant des icnes des images prdfinies ou en utilisant vos propres images.
Vous pouvez afficher ou non la date, l'auteur, les modifications Editez des icnes situes dans la section en-tte de l'article, les tiquettes de la catgorie et les icnes situes en bas de page des commentaires de l'article (si le thme le permet). Mettez en forme votre en-tte, Colorisez, mettez une bordure, installez une icne, changez le texte, les liens et les mta-donnes. Artisteer vous donne toutes les possibilits davoir un thme unique et original.

Jf Patris 2009 38
23. Blocs
Les blocs sont les composants individuels importants qui forment le contenu de la page.
23.1. Style des Blocs

Les options de type bloc vous permettent de choisir le style que vous voulez.
Vous avez accs au rayon, espacement latral et vertical des blocs.
23.1.1. Disposition
En cliquant sur "Plus ...." dans les listes ou la flche options, vous ouvrez la bote de dialogue o vous pouvez ajuster les options de disposition.
Jf Patris 2009 39
23.1.2. Mise en forme

Rayon : Spcifie le rayon des angles du bloc, de 0 40 pixels. Espacement de bloc : Indique l'espacement autour des blocs en pixels, de 0 40. Distance : Spcifie la distance verticale entre len-tte et le texte du bloc.
23.1.3. Arrire-plan
Si votre modle le permet, vous pouvez changer et appliquer diffrents effets vos blocs.
En cliquant sur "Plus ...." dans les listes ou la flche options, vous ouvrez la bote de dialogue o vous pouvez ajuster les options.
Jf Patris 2009 40

Remplissage : espace entre les bords extrieurs et la zone l'intrieur du bloc de 0 50 pixels. Largeur de bordure : la largeur de bordure de bloc de 0 10 pixels. Effets mirroir et rotation Transparence : transparence de la texture de fond de 0 (opacit totale) 100% (totalement invisible). Mode de fondu : Prcise le mlange de la texture avec la couche sous-jacente du bloc. 1. Normal - Pas d'effet sur les couches sous-jacentes. 2. Lumire douce - claircit ou assombrit l'image en fonction de la couleur de texture. 3. Superposition - mlange les couches en modifiant l'opacit, le contraste et la luminosit de l'image de texture.
23.1.4. Ombre
Vous pouvez modifier et prciser les options de l'ombre. Les options sont dsactives pour aucune ombre slectionn dans >arrire-plan>ombre.
4. Taille : paisseur de l'ombre. Valeurs supportes: 0 20 pixels. 5. Opacit : opacit de l'ombre de 0 (entirement transparent) 100% (compltement opaque). 6. Distance : dcalage de l'ombre en pixels. Valeurs supportes: 0 20 pixels. 7. Angle : Spcifie l'angle de l'ombre partir des bords du bloc. Valeurs d'angle: -180 180 .
23.1.5. En-tte
Chaque bloc a un en-tte individuel. Vous pouvez choisir la couleur de len-tte ainsi que la police, la couleur du texte, remplir, mettre une bordure, une texture et un dgrad. Vous pouvez mme choisir une icne partir d'une varit propose ou insrer votre propre image personnalise.
Jf Patris 2009 41
Les valeurs se rglent comme pour larrire-plan
Jf Patris 2009 42
23.1.6. Contenu
Vous pouvez ajuster le remplissage (padding) du texte, remplir, mettre une bordure et des effets.
Les valeurs se rglent comme pour larrire-plan
Jf Patris 2009 43
23.2. Contenu du Bloc
Cette section vous permet de modifier les paramtres comme: Marge gauche, Marge droite, Hauteur de ligne, espacement de caractres, Polices, Hyperliens et choisir vos images de puces de liste. Le tout comme un traitement de texte.
Pour complter votre bloc, vous pouvez changer les paramtres dee icnes et puces.
Jf Patris 2009 44
24. Boutons
L'onglet Boutons est utilis pour choisir la forme et le style des boutons.
24.1 Styles de boutons

Vous pouvez choisir parmi une grande varit de styles de boutons.
Jf Patris 2009 45
24.2 Forme de bouton
En cliquant sur le bouton option (carr flche bas droit de ce menu ) vous accdez aux options supplmentaires.
24.2.1 Gnral
Remplissage horizontal : distance horizontale entre le texte et les bords du bouton Remplissage vertical : mme chose verticalement. Rayon : met en forme le rayon des coins du bouton. Valeurs supportes: 0 100%. Largeur de bordure : comme son nom lindique, de 0 10 pixels.
Jf Patris 2009 46
24.2.2 Arrire-plan
Cette option se rgle comme les autres.
24.2.3 Ombre
Cette option se rgle aussi comme les autres. Pour terminer la conception du bouton, vous pouvez modifier le remplissage global des boutons ou modifier les paramtres de texte. Ces option vous permettent de changer la couleur des boutons, ainsi que de rgler les paramtres de police.
Jf Patris 2009 47
25. Pied de page

L'onglet pied de page est utilise pour spcifier le style de pied de page du site. Les options incluent les effets suivants: Couleur, Dgrad ,Texture, Aligner ,Remplissage du texte, Transparence, Police de texte ,formatage des Hyperliens et des Icne RSS .
Dans la bote de dialogue Options de pied de page, vous pouvez personnaliser les effets appliqus au pied de page.
ces options sutilisent comme prcdemment.
Jf Patris 2009 48
26. Dpannage
Erreur NET Framework n'est pas install". Artisteer exige NET Framework 2.0 ou suprieur doit tre install sur votre ordinateur. Solution Microsoft NET Framework peut tre obtenu et install partir de: http://www.microsoft.com/downloads/details.aspx?familyid=79BC3B77-E02C-4AD3-AACF- A7633F706BA5 & displaylang = fr
PHP Fatal error dans WordPress PHP Fatal error: Seules les variables peuvent tre passes par rfrence dans ... \ wordpress \ wpincludes \ query.php la ligne 2548. Cela se produit lorsque la page de posts est configure une page statique diffrente de la page d'accueil Solution Vous pouvez soit mettre jour votre version de PHP, ou bien utilisez la solution suivante: Ouvrez le query.php et remplacer cette ligne de code: $ this-> queried_object = & get_page (get_option ( 'page_for_posts')); Avec ces deux lignes: tmpPageVariable get_option = $ ( 'page_for_posts'); $ this-> queried_object = & get_page ($ tmpPageVariable);
Jf Patris 2009 49
Glossaire
CMS Le Content Management System (CMS) est un logiciel conu pour crer, diter, publier et grer le contenu de site web en utilisant un simple navigateur bas sur l'interface. La teneur peut inclure du texte, des photos , musique, vido et autres types de fichiers informatiques. Ces systmes fournissent gnralement un certain nombre de solutions toutes faites et des modles standards pour la plupart des applications courantes. Le principal avantage d'un CMS est qu'il ne ncessite quasiment pas de comptences ou de connaissances techniques pour crer le site et grer ses contenus. Blog Un blog (contraction de "Web log") est un type particulier de site web avec une srie d'entres habituellement affects une seule page dans l'ordre inverse chronologique. Les blogs sont souvent entretenus par une personne et reprsente la personnalit de l'auteur. WordPress WordPress est une application open source blog d'dition. C'est un outil de blogging de pointe avec accent sur l'esthtique, les standards du Web, et la convivialit. Le site internet officiel est http://wordpress.org Joomla Joomla est un logiciel gratuit, open-source de gestion de contenu crit en PHP. Il est utilis pour la publication et la gestion de contenu sur le Web et les intranets et vous permet de crer de puissantes applications en ligne. Le site officiel Joomla est http://www.joomla.org. Drupal Drupal est un logiciel gratuit qui permet un individu ou une communaut d'utilisateurs de publier facilement, de grer et d'organiser une grande varit de contenu sur un site Web. Il s'agit d'un projet open-source crit en PHP et distribu sous GPL. Le site web officiel de Drupal est http://drupal.org. Visual Studio Visual Studio est un environnement de dveloppement intgr (IDE) de Microsoft. Le site officiel est http://www.microsoft.com/visualstudio/en-us/default.mspx. CodeCharge Studio CodeCharge Studio (CCS) est une Rapid Web Application Development Tool d'YesSoftware Company. C'est une suite logicielle conue pour la cration visuelle de bases de donnes dynamiques axes sur les applications Web. Le site officiel de l'entreprise est http://www.yessoftware.com.
Jf Patris 2009 50

HTML HyperText Markup Language (HTML) est le langage de balisage pour les pages web qui fournit un ensemble de symboles ou codes pour spcifier la structure des documents pour la recherche sur Internet en utilisant les programmes de navigation Web. HTML est crit sous la forme de balises, entour de chevrons. Le document peut contenir des liens, titres, paragraphes, listes et le texte complt par des formulaires interactifs, des images et tout autres objets. Cest la base du web CSS Cascading Style Sheets (CSS) est un langage de style qui dfinit la prsentation d'un document rdig dans une langage spcial. CSS contrle la disposition d'ensemble, la taille du texte, le style et le formatage, la conception et d'autres proprits pour permettre aux dveloppeurs de sparer le contenu de la conception (contenu-contenant). RGB RVB pour les trois couleurs primaires de la lumire: rouge, vert et bleu. La combinaison de ces couleurs dans des proportions diffrentes produit une autre couleur dans le spectre visible. Le systme RVB est utilis pour reprsenter les couleurs sur un cran d'ordinateur. HSL HSL ( Hue, Saturation, Lightness) pour la Teinte, Saturation, et la luminosit. C'est une mthode pour dcrire les couleurs telles qu'elles sont perues par l'il humain. HSL est considr comme une faon plus intuitive que RGB de traiter la couleur.
Jf Patris 2009 51

Langue

Artisteer2 Manuel 2

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Artisteer2 Manuel 2

Transféré par

Droits d'auteur :

Formats disponibles

MANUEL DE LUTILISATEUR

Table des Matires

21.4. Sous lment................................................................................................................................................................................... 34

1.1 Environnement de dveloppement:

1.2 Navigateurs pris en charge:

1.3 Technologies supportes:

1.4 Standards supports:

2.1 L'activation du logiciel

3. Comment travailler avec l'interface Artisteer

3.1 Menu Accs Rapide

3.2 Accessibilit clavier

4. Cration d'un design de base

4.1 Design sur mesure

4.2 Botes de dialogue

4.3 Boite de dialogue du slecteur de couleurs

5. Travailler avec les couleurs

6. Structure des blocs

7. Barre de navigation principale Artisteer

8.1. Cration de votre design

8.2. La ralisation d'ajustements

9.1 Description des options

9.2 Options d'export, boite de dialogue

9.2.1 Onglet proprites dexport

9.2.2 Onglet WordPress

9.2.3 Onglet Filigrane

10. Exportation d'un design WordPress:

11. Exportation d'un modle en tant que thme Joomla

12. Exportation d'un design pour Drupal

12.1 Les standards de nommage

13. Exportation d'un design comme un modle HTML

14. Exportation d'un design comme un projet ASP.NET

15. Exportation d'un design en tant que CodeCharge Studio Project

16. Couleurs et Polices

17. Mise en forme de page

17.1 Page / colonnes

18.1 Rgler les Options de la page.

18.1.2 Image ou texture

Contraste : modifie le contraste lumineux de la page de -100% +100%

19.1 Adapter la feuille

19.2 Onglet Feuille

19.3 Onglet Ombre

20.1 Mise en forme :

20.2 Arrire-Plan 20.2.1. Image darrire plan

20.2.2. Position de limage darrire plan

20.2.3. Effets dimage darrire-plan

20.3. Photo de premier plan

20.5. Style de titre

21.1. Styles et coloriage du menu.

21.2. Barre de Menu

Remplissage Horizontal : distance horizontale entre le texte et le bord, de 0 50 pixels.

21.4. Sous lment

22.1. Forme style

22.2. Formatage du texte

22.3. Autres lments

En-ttes : de H1 H6, couleur, taille, style et alignement

22.4. En-tte et pied de page

23.1. Style des Blocs

Vous avez accs au rayon, espacement latral et vertical des blocs.

23.1.2. Mise en forme

Les valeurs se rglent comme pour larrire-plan

Les valeurs se rglent comme pour larrire-plan

23.2. Contenu du Bloc

24.1 Styles de boutons