Home

Web Creator Pro 5

Contents

1. 3Y 2 2 A xter dterle HTML etle Javascript Visualisation avec a MI c E v a EM Img3 d O m Jaune a g M Magenta gen Ima a E Cy A Text36 ae E Rouge fonce La z EE veii nc GNew sl a al GBanner s E Mauve GMe CA D EM Cyan fonc GContainer 5 gt lt 77 GTo gt d EH Gris fonc e I Fa GBotiom E gt ES Pag g Cf lt at Es P A LE Pos Y m D se si y rd f Q a Pi L A A y D o pr LE L Fi 5 D couvrez la nouvelle gamme de produits de notre compagnie dans notre nouveau catalogue en ligne H pa ix 332 Y 2 555 417 418 279 Image 15 Les modifications ne s appliquent qu au bloc de texte s lectionn Attribuer une couleur de fond au texte D couvrons maintenant une autre fonction int ressante la modification de la couleur de fond du texte Pour attribuer une couleur de fond au texte dans les propri t s de la Barre des l ments d roulez l option Arri re plan invisible et choisissez Non Image 16 El arri re plan couleu _ 192 192 i Figure 16 D cochez l option Transparent pour appliquer au texte une couleur de fond Cliquez ensuite sur l option Arri re plan couleur Image 16 1 puis sur l ic ne qui s affiche El Arri re plan couleur 192 192 IM Figure 16 1 D terminez ensuite la couleur de l arri re plan La fen tre Couleurs s affiche figure 17 Choisissez une couleur Le r s
2. Aper u D cochez la case cocher correspondante pour acc der aux options pour les positions cliqu et survol Web Creator Pro 5 Manuel de prise en main 35 Il est ainsi possible d utiliser une police diff rente en changer la taille la cou leur ou appliquer un d calage ou un effet grav ou emboss pour offrir une r troaction a vos boutons Prenez garde de ne pas abuser de toutes ces options a la fois pour ne pas cr er un effet bigarr qui risque de nuire a la navigation Attention Les boutons sont convertis en image lors de la diffusion vers le Web L application des algorithmes de compression sur des images contenant du texte peut produire une d gradation visuelle sensible des caract res typographiques Contr lez le r sultat en visualisant la page sur un navigateur Internet L avantage est que n importe quelle police de caract res peut tre utilis e puisque les lettres seront converties en images dans les boutons 2D Pour cr er un bouton en deux dimensions il suffit de choisir une couleur et son degr de transparence et l paisseur et la couleur de la bordure Entrez la valeur O pour l paisseur pour ne pas avoir de bordure Ergonomie vous pouvez choisir des r glages diff rents pour les positions Relev Cliqu et Survol pour signifier l utilisateur que quelque chose se passera s il clique dessus 3 Web Creator Pro 5 e Manuel de prise en main f
3. e Manuel de prise en main CA En mode dite cet onglet de la Barre de s lection montre toutes les pages situ es dans le dossier du projet Vous pouvez acc der directement chaque page en cliquant sur la vignette correspondante En cliquant sur la vignette d une page avec le bouton droit de la souris un menu contextuel s affiche ll permet de e dupliquer e renommer e supprimer la page Attention La suppression d une page est une op ration d licate En effet les liens provenant d autres pages qui y menaient tomberont dans le vide g n rant des messages d erreur lors de la pr paration pour le web Assurez vous donc d ef facer tous les liens pointant vers la page que vous voulez supprimer Onglet Biblioth que Cet onglet donne un acc s imm diat aux diff rents objets multim dias que vous pouvez ins rer dans votre projet Biblioth que Image Fl ches Cadres D grad s Divers Spots arch001 JPG 1536 x 2048 Arch002 jpg i x768 136 Arch003 jpg z x 768 197 1237 KO AutO1 jpg 1024 x 768 351 Aut02 jpg 1024x708 286 Aut03 jpg 1024x 768 265 Len zl ko zl Tuiles d arri re plan Mosaique Titres Boites flottantes Zones color es Bannieres Bo tes Blog Boites flottantes 2 Cadres 2 Macarons D s que vous cliquez sur un dossier son contenu appara t en aper u ou un symbole pour les sons Un double clic sur un objet l ins re dans la page courante Une fois l
4. 70 123 x Survol EM 233 164 1 S lection E 146 146 146 a E Blanc Lo 255 255 255 Noir E 0 0 0 Annuler CO 214 214 214 OK EJ 201 141 1 Kaki D 254 198 67 Transparent E5 0 0 0 4 m b Nom du projet Projet4 Dossier projets Documents Teminer Annuler Aide Vous pouvez choisir parmi un grand nombre de styles de palettes pr d fi nies ou composer la v tre Pour cr er une palette cliquez sur palette manager et attribuez lui un nom Modifiez les couleurs primaires secon daires etc de votre palette personnelle Pour chaque couleur modifier cliquez sur son nom pour la s lectionner par exemple Couleur primaire D s lors le Bouton s affiche Cliquez dessus La fen tre Couleur s affiche S lectionnez une couleur soit e parmi les couleurs de base e en s lectionnant une couleur particuli re dans la mire e en extrayant une couleur En faisant sortir le curseur de la souris de la fen tre Couleur celui ci se transforme en pipette Cliquez n importe o dans l cran sur la couleur de votre choix Celle ci s affiche dans la zone Couleur Unie Vous pouvez enregistrer cette couleur en cliquant sur le bou ton Ajouter aux couleurs personnalis es Vous pourrez ainsi la r utiliser d s que vous ouvrirez nouveau la fen tre Couleur Cette fonction est fort utile pour agencer votre site aux couleurs de votre organisation en vous per mettant de cr er une palette agenc e parfaitement au
5. Actions Lien Xx Lien automatique apr s O secondefs Cr er un lien C une nouvelle page ou une page existante 3 un fichier ex MP3 PDF ZIP etc a un site Web ou une adresse URL Un courrier lectronique cz un lien pr d fini retour au d but page pr c dente g un l ment figure 19 La fen tre des propri t s de l hypertexte donne acc s plusieurs options de gestion des liens Dans notre cas en cliquant sur Nous crire l internaute pourra envoyer un email pour demander des renseignements Nous allons choisir dans la fen tre des Propri t s de l hypertexte Un courrier lectronique La fen tre Adresse du courrier lectronique s affiche Saisissez l email dans le champ associ figure 20 Adresse du courrier lectronique EJ Ex test lmsoft com Cancel linfo business plan com Figure 20 Saisissez l adresse email Remarque Pour supprimer un lien hypertexte cliquez sur l ic ne en forme de croix droite du champ Lien figure 21 ES Web Creator Pro 5 e Manuel de prise en main Lien malltocinfofabusinez plan com x Figure 21 Suppression d un lien Cliquez sur OK pour retourner la fen tre des propri t s du texte Puis dans celle ci encore sur OK pour retourner en mode Edition Int grer des l ments Excel Int grer des cellules Vous avez des tableaux ou des graphiques qui proviennent d Excel ou de Powerpoint
6. Ce tout nouvel outil vous permet de cr er facilement des menus de navi gation sans limites horizontaux ou verticaux avec sous menus Vingt mod les de base sont propos s qui peuvent bien entendu tre personna lis s ensuite Line Creator Avec Line Creator cr ez d l gantes lignes de s paration entre les sections d une page avec ou sans pointill s ombres port es d grad s de couleur Box Creator Cr ez rapidement des banni res ou bo tes pour bien isoler les l ments et mettre en valeur les plus importants Les possibilit s sont nombreuses e Bordures et coins arrondis de taille variable e Zone de texte avec d grad s de couleurs et transparence ajustables pour chaque bo te e En t tes et pieds de page galement personnalisables e Ombre ajustable en intensit transparence hauteur et angle de lumi re Et tous ces effets se redessinent instantan ment quand vous modifiez em placement ou la taille des bo tes sur votre page C est magique Ce que vous pouvez cr er en quelques minutes avec Box Creator deman dait autrefois des heures de travail avec de complexes outils d infographie Flash Video Creator Toutes les vid os et animations peuvent tre converties en Flash la norme qui s est impos e pour la transmission de vid os sur Internet Finies les Web Creator Pro 5 e Manuel de prise en main MEN incompatibilit s de codecs et autres d sagr ments Vos visiteurs verront vos vid os
7. La fen tre Lier s affiche figure 34 3 Lien GADGET Suivante x Lien automatique apr s 0 seconde s Cr er un lien une nouvelle page ou une page existante 135 un fichier ex MP3 PDF ZIP etc g un site Web ou une adresse URL 1 un courrier lectronique cz un lien pr d fini retour au d but page pr c dente un l ment OK Annuler Aide Figure 34 La fen tre Lier a Cliquez sur le bouton L1 Lier une nouvelle page ou une page existante Dans la fen tre S lection d une page existante s lectionnez Fage duok quee figure 35 Web Creator Pro 5 e Manuel de prise en main MEA m S lection d une page existante Page 2 Page 2pag Page 3 Page 3 pag OK Ammuler Aide l a Figure 35 S lectionner la page d accueil Validez en cliquant sur OK puis refermez la bo te de dialogue en cliquant galement sur OK EN Web Creator Pro 5 Manuel de prise en main Cr er un formulaire et service Dataform Ins rer un formulaire Pour ins rer un formulaire soit e Menu Insertion Formulaire e Cliquez sur le bouton de la barre d outils Formulaire Form1 LX Formulaire Options R glages Type d action Utiliser le service DATAFORM de LMSOFT C Envoyer le formulaire par courier lectronique avertissement C Envoyer le formulaire une page web Appeler une fonction javascript DATAFORM captera les donn es so
8. es Dataform offert par LMSOFT Important Pour envoyer le contenu d un formulaire il faudra dans tous les cas ne pas oublier d inclure un bouton Envoyer dans la page C est au moment ou Putilisateur va cliquer sur ce bouton que l information va tre transmise Champs de formulaire Un formulaire peut contenir toutes sortes de donn es L option champ per met de les d finir et de les associer au formulaire dont ils font partie Pour ce faire il faut avoir cr un formulaire avant de d finir ses champs R glages e Formulaire Il faut associer les champs un des formulaires e Nom de variable Pour chaque champ il faut sp cifier un nom de variable qui permettra d y associer le contenu du champ rempli par le visiteur e Initialement actif Cette option permet de montrer le champ en gris sur la page mais sans qu on puisse le s lectionner Vous pourrez le rendre actif partir d un autre l ment avec la phrase v nements Actions ou avec de la programmation EL Web Creator Pro 5 e Manuel de prise en main Type de champ Les divers types de champs possibles sont e Saisie de texte Ligne simple Valeur initiale contenu qui sera affich dans le champ avant que lusa ger y entre ses donn es Nb caract largeur en caract res du champ affich sur la page Champ Champl sm Champ Options R glages Formulaire Fom1 h Nom de variable v Wo Initialement actif Type de champ
9. Button Creator Butl Ea Bouton Options Actions Liens Type de bouton 2D Design 3D Image Invisible Propri t s Texte Envoyer A Relev Press Survol _ R olages de couleur de la position relev e Am re plan gt Bordure Es paisseur 1 i Aper u Relev Press _Survol OK Annuler Ade Design Choisissez les propri t s parmi les menus d roulants pour cr er une vari t de boutons au design avanc en quelques clics seulement Les boutons Design comportent des milliers de variations de styles et dimensions avec ou sans effets graphiques d ombre et de transparence des pictogrammes et m me des bandes de couleur Type Standard Les boutons standards sont des boutons g om triques auxquels sont appliqu s des effets d ombre et de relief Combinez la forme et la taille du bouton puis un effet de texture pour cr er un bouton La hauteur du bou ton d crit son apparence plat ou sur lev bomb Donnez du relief au bouton en ajoutant un effet emboss ombrag Choisissez une couleur unique ou deux couleurs pour avoir un bandeau sur le bouton Web Creator Pro 5 e Manuel de prise en main Ea Changez ces r glages selon la position relev cliqu survol pour rendre le bouton plus dynamique Type Pictogramme Le bouton pictogramme utilise une image pour repr senter une action Accepter Annuler etc ou une destination Accueil Pr c dent etc
10. Ces boutons sont tr s utiles puisqu ils reposent sur des conventions visuelles et permettent d all ger la navigation dans vos pages Le pictogramme correspond l ic ne que vous choisissez dans une liste d roulante dans la section du bas Choisissez la forme la texture et la hau teur de votre bouton pictogramme dans la section du haut Button Creator Butl Bouton Options Actions Liens Type de bouton 2D e Design e 1 Image Invisible Propri t s Texte A Type Standard le Pictogramme Forme Rond v Texture Plastique Hauteur Sur lev x Relev Press Survol Effet Normal IN Utiliserlicone relev Couleur 1 Er e Couleur 2 y 7 Aper u Relev Press Survol OK Annuler Ade Donnez du relief au bouton en ajoutant un effet emboss ombrag Choisissez deux couleurs une pour le fond du bouton et l autre pour le pictogramme Changez ces r glages selon la position relev cliqu sur vol pour rendre le bouton plus dynamique en d cochant la case Utiliser l ic ne relev 38 Web Creator Pro 5 e Manuel de prise en main Note Compte tenu de la taille des boutons pictogrammes il est difficile d entrer un texte en libell puisqu il ne sera pas lisible ou nuira a l apparence du bouton lui m me Pour identifier un bouton pictogramme l id al est de lui ajouter une info bulle dans l onglet Actions Vous pouvez simple men
11. au rendez vous et vous pourrez mettre des Mo et des Mo de donn es en ligne C est une d pense qui en vaut la peine vous VOUS assurerez ainsi de la disponibilit de votre site et de pouvoir obtenir de l assistance technique si besoin est LMSOFT propose des prestations et des tarifs tudi s pour les utilisateurs de Web Creator Pro Pour plus de d tails consultez le site de LMSOFT www Imsoft fr com hhebergement html Une fois ces quelques consid rations profess es et que vous vous tes inscrit aupr s de l h bergeur de votre choix nous allons utiliser l assistant de mise en ligne FTP fourni avec Web Creator Pro Le transfert sur le web Appelez la commande Outils Optimisation du site afin de pr parer au mieux les pages avant leur envoi notamment en supprimant des l ments qui ne sont plus utilis s La dur e de l optimisation varie bien s r en fonc tion de l importance du site web consid r et du nombre d l ments qu il contient Une fois cette op ration termin e appelez la commande Outils T l charger vers l h bergeur La bo te de dialogue LMSOFT FTP Site Uploader appara t alors NN Web Creator Pro 5 e Manuel de prise en main 4 LMSOFT FTP Site Uploader Informations fournies par votre h bergeur Addresse Usager Mot de passe Le site web que vous d sirez mettre en ligne Dossier local Type de mise a our le Tous les fichiers CC Fichiers cr s ou modif s apr s Options avanc
12. cliquez sur l ic ne Dupliquer ou passez par le menu contextuel et choisissez Dupliquer figu re 31 Web Creator Pro 5 e Manuel de prise en main Ma Pages du projet 1x D mij Accueil 1 Nouvelle mi Renommer A A Supprimer figure 31 Dupliquer une page partir du menu contextuel Web Creator Pro demande ensuite d enregistrer la page La fen tre Enregistrer sous s affiche Pour cet exemple nous nommons cette page Page duplqu e Cette op ration effectu e la page dupliqu e s affiche dans l onglet des pages du projet figure 32 1 ES RT Accueil z Ti np Pages Page dupliqu e pag figure 32 La page dupliqu e s affiche dans les pages du projet Cr er un lien d une page l autre Un site web est constitu de pages et de liens entre ces pages Nous allons d sormais lier deux pages Depuis la page d accueil nous allons cr er un lien vers la page fra chement dupliqu e Depuis l onglet Pages du projet double cliquez sur la page Accuel afin de l afficher dans la fen tre d dition Puis s lectionnez l ic ne 2 en forme de fl che Depuis l onglet El ments cliquez sur l option e7 puis Z er a Puis cliquez sur l ic ne El figure 33 ESS Web Creator Pro 5 e Manuel de prise en main j v nement Action al Info bulle E Lien GADGET Accueil Lien automatique 0 Lier GADGET Accueil Figure 33 Param trage d un lien depuis la Barre de s lection
13. coller NES Web Creator Pro 5 e Manuel de prise en main Pour d marrer Principe du logiciel Un site web est constitu de pages reli es entre elles Le principe du logi ciel consiste d finir un projet cr er les pages qui le constituent et ajouter des l ments graphiques et de navigation dans ces pages L originalit de Web Creator Pro r side dans sa technologie de layering superposition unique R alisez des effets graphiques avanc s en super posant des l ments et en leur ajoutant des effets de transparence Organisez les l ments par niveaux hi rarchiques et en groupes dans la liste des l ments Voici une premi re d marche de prise de contact qui vous aidera com prendre rapidement le principe du logiciel Vous trouverez galement un mini tutoriel sur ce sujet dans l option Aemers pas du menu 42 1 Commencez par cr er un nouveau projet avec l option de ce nom du menu chier Suivez les onglets et choisissez un style un mod le de page un th me et une palette de couleur et faites Terminer m Nouveau projet Template Creator 0 3 Suivant tape 1 de 4 Style Page Th me Couleur Style Page Th me Couleur Aper u Projet vide Panama 3 il Liverpool Honolulu Imprimerie dition e BTF a E a Nom du projet Projet Dossier projets Documents Annuler Aide Web Creator Pro 5 e Manuel de prise en main
14. comme sur les sites les plus performants Galerie Am lior e La galerie photo am lior e permet de cr er rapidement une galerie photo partir d une liste d images Une nouvelle frise facilite la navigation dans le diaporama Nouveaux dossiers Projets Les l ments d un projet sont maintenant inclus DANS le projet ce qui per met de copier coller les dossiers de projets facilitant leur d placement d un ordinateur a un autre et les sauvegardes de s curit Ces nouveaux outils d dition s ajoutent a la d ja longue liste de fonctions de Web Creator notamment e diteur de texte WYSIWYG r sultat conforme ce qui appara t l cran permettant d crire et de visualiser votre texte tel qu il appara tra dans votre page finale e Prise en compte des langues non latines arabe chinois japonais etc e Compatible avec le correcteur orthographique et grammatical Antidote e Int gration de cellules issues de tableurs comme Excel sous forme de tableaux modifiables e Biblioth que d acc s rapide permettant d avoir continuellement a port e de souris les l ments incorporer dans vos pages tels qu images ani mations Flash boutons sons et vos l ments personnels favoris e Nouveaux mod les au look moderne cr s par un graphiste web pro fessionnel galeries photos vid o musique vacances entreprises asso ciatifs artisanat etc e G n rateur de blog facile utiliser Les articles son
15. e Cach Comme on le devine cet l ment ne sera pas visible sur la page La valeur sera transmise en m me temps que les autres ce qui peut tre fort utile pour reconna tre de quelle page ou quel site provient un formu laire recu par mail ou sur le serveur e Bouton Envoyer le formulaire ou r initialiser Il est indispensable de d finir un bouton pour envoyer le formulaire et c est ce que cette option permet de faire On peut aussi cr er un bou ton r initialiser pour effacer ce qu on est en train d crire dans le formu laire et le remettre comme au chargement de la page Le bouton sera ici gris On peut aussi cr er ces actions partir de n importe quel bouton en utili sant la phrase v nements actions et en faisant un lien vers les propri t s ou m thodes disponibles pour un formulaire qui sont justement envoyer et r initialiser Dataform Dataform est un service gratuit de retransmission des donn es de formu laire offert par LMSOFT tous les d tenteurs de la version la plus r cente de Web Creator Vous n avez qu fournir votre adresse de courrier lectronique et vous recevrez instantan ment les donn es saisies par vos visiteurs dans vos for mulaires Web Creator Pro 5 e Manuel de prise en main 83 Tester votre site avec Internet Explorer Un premier test Bravo Vous savez cr er un nouveau projet ins rer des l ments multim dias et cr er un lien hypertexte Maintenant vous
16. es en cas de doute laissez tel quel Dossier distant Information Cet outil gratuit powil gie la simplicit en offrant des options de base Pour plus d options et de contr le veuillez utiliser FTP Site Manager Celui ci s int gre parfaitement Web Creator rempla ant cet outil Envoyer le site Fermer Figure 39 Remplissez les champs Adresse Usager et Mot de passe avec les informations fournies par votre h bergeur Chaque champ dispose d une aide contextuelle pour vous aider Cliquez ensuite sur le bouton Envoyer le site Note importante Certains h bergeurs exigent que le site web soit plac dans un sous dossier particulier du FTP le dossier distant Si le site n appara t pas apr s le transfert v rifiez aupr s de votre h bergeur s ils ont ce genre d exigences Web Creator Pro 5 e Manuel de prise en main EA 88 Attention On peut galement copier le site manuellement Dans ce cas on trouvera les fichiers transf rer dans le sous dossier Web dans le dossier du projet ATTENTION C est le CONTENU du dossier Web qui doit tre transf r et non pas le dossier lui m me Vous devez voir plusieurs fichiers et dossiers dont Index html qui est la page d accueil qui s ou vrira quand les visiteurs vont aller vers votre site A partir du moment o un site est pr par et mis en ligne une premi re fois il est possible d acc l rer la mise jour en ne transf rant que les changemen
17. ez une deuxieme page Voil c est ainsi qu on b tit son site page par page ll vous reste d cou vrir toutes les options pour le rendre plus attrayant et dynamique ce qui se fait en explorant les diverses options des pages et des l ments NS Web Creator Pro 5 e Manuel de prise en main Nom de projet Vous pouvez accepter le nom propos par le logiciel ou en donner un autre Le logiciel cr era automatiquement des sous dossiers pour contenir les fichiers n cessaires au projet De fa on g n rale vous n avez pas inter venir dans cette structure Nom du projet Projet5 Dossier projets Documents Nom des pages Un projet est constitu de pages reli es entre elles Il faut donner un nom chacune des pages Web Creator Pro en attribue un par d faut Sinon cli quez avec le bouton droit de la souris sur la page depuis l onglet Pages du projet de la Barre de s lection Dans le menu contextuel choisissez Renommer Attention On ne peut changer les noms de pages dans un projet sauf pour la premi re d un site Web voir section renom mer la premi re page dans les FAQ En effet si vous chan gez le nom d une page les liens pointant vers celle ci seront bris s Il est recommand d utiliser des noms significatifs comme Index Page_formulaire Page_accuell etc pour faciliter la gestion de vos pages Web Creator Pro 5 e Manuel de prise en main MEN Cr er un lien vers une autre page Un pro
18. int grer Allons y Web Creator Pro propose une fonction d int gration tr s simple utiliser Ceci permet une int gration tr s propre Bien entendu Web Creator se charge de cette conversion et le tout se passe selon un simple copier coller Commencez par cr er votre tableau sous Excel Normalement a vous savez le faire figure 22 Microsoft Excel Classe EN Eichier Edition Affichage Insertion DH EeERT mas Arial 10 Y G B5 x 250 A B 1 Calcul du point mort 2 3 Co ts en euro Unit s produites 4 3000 300 5 2000 2501 6 1000 200 7 0 150 8 1000 100 9 2000 50 Figure 22 Cr ez d abord le tableau que vous voulez importer sous Excel Puis s lectionnez les cases que vous allez importer suffit de pointer le curseur de la souris dessus puis de maintenir le bouton de la souris enfon c jusqu ce que toutes les cases soient s lectionn es Les cellules s lec tionn es apparaissent en gris image 23 Web Creator Pro 5 e Manuel de prise en main 69 Co ts en euro Unit s produites Figure 23 Les cellules s lectionn es du tableau Excel apparaissent avec un fond gris Puis vous devez copier cette s lection Vous avez trois possibilit s e Taper la combinaison de touches CTRL C e Appeler le menu dition Copier e Cliquer sur le bouton droit de la souris Le menu contextuel s affiche Il ne vous reste qu s lectionner la fonction Copier Quelle que soit
19. ligne e Choisissez un trait plein pointil ou une alternance de traits et de points Donnez une forme carr e triangulaire ou arrondie aux traits et points e Ajoutez une forme g om trique une ou aux deux extr mit s de votre ligne Line Creator Linel0 Ligne Options Actions Link R glages paisseur 15 Stye de ligne Continue v Forme du tiret Plat v eu e e E Ombre Couleur Angelumi re 135 l vation 4 Fou 5 Gradient D pat B ane No Aper u EU Web Creator Pro 5 e Manuel de prise en main Ombre Choisissez la couleur langle la hauteur et Pestompage de l ombre L ombre permet de mettre les l ments en relief de leur donner une impor tance relative pour cr er une hi rarchie visuelle et ainsi facilement une touche professionnelle au design de votre site D grad Choisissez une couleur de d part et d arriv e pour cr er une ligne avec un d grad Vous pouvez r gler la transparence au moment de choisir les couleurs Pour une ligne de couleur unie choisissez la m me couleur de d part et d arriv e Box Creator Ajoutez des banni res et bo tes de formes vari es et faites sur mesure pour encadrer des images ajouter du relief mettre des l ments en valeur Utilisez l ombre le d grad et la transparence pour obtenir des effets visuels int res sants dans votre site Boite e Forme Choisissez d abord la forme de la bo te ovale ro
20. menu cliquez sur l ic ne diter ce qui ouvrira le Menu Style Creator Menu Style Attention Ces fonctions avanc es sont r serv es aux utilisateurs ayant de bonnes connaissances en informatique Pour cr er un nouveau style de menu configurez d abord le menu princi pal dans l onglet Top Menu Choisissez l orientation du menu horizontale verticale puis la dimension des items e Plus grand donne la taille du plus grand des items tous les items e Fixe choisissez une taille d item fixe e Variable la taille des items s ajuste au contenu texte Ajoutez une bordure au menu principal ligne simple ou ombrage 3D NES Web Creator Pro 5 e Manuel de prise en main e Cliquez sur l ic ne palette pour choisir la couleur de la bordure choisis sez une couleur de la palette du projet ou d finissez une nouvelle cou leur en cliquant sur couleur RGB puis les bandes droite Validez le choix de couleur en cliquant sur le crochet e Choisissez la largeur de la bordure en pixel m Menu Style EE Menu Principal Sous menus Orientation Style des items e Horizontal C Vertical kr Survol Police Dimension des items Cond Cle F Variable Famille Verdana v 2 Taille 9 X T Gras Align x is E I Soulign gt Style Aucune y 2 italique Ari re plan El cat um Image Composite Mask gt xX Premier item Composite Mask gt X Demier tem Composite Mask gt X Bord
21. mod les apparaissent Cliquez sur une vignette pour choisir un Style pour cet exemple nous prendrons le Style Stockholm NS Web Creator Pro 5 e Manuel de prise en main gt A Nouveau projet Template Creator a Feree Suivant tape 1 de 4 Style Page Th me Couleur Style Page Th me Couleur Aper u a Nom du projet Projet7 Dossier projets Documents Annuler Ade Ye Figure 02 La fen tre Nouveau projet affiche la liste des mod les disponibles S lectionnez le mod le Stockholm Conseil Menu Dans la zone Nom du projet attribuez un nom votre projet Par d faut Web Creator Pro en attribue un Mais vous pouvez modifier ce nom Cliquez sur l onglet Page et choisissez le format de page Accueil moyen ne puis le theme repr sent par le t l phone cellulaire image 3 Ceres Pr c dent Suvant temo tape 2de4 Styie Page Th me Couleur Accueil courte Figure 03 Onglet Page de l assistant de cr ation de nouvelle page Web Creator Pro 5 e Manuel de prise en main MES Changez la palette de couleur de votre projet dans le dernier onglet pour la palette Gris fonc puis cliquez sur Terminer Les onglets d dition et de pr visualisation Lorsque votre projet est int gr Web Creator Pro affiche trois onglets qui correspondent trois modes de travail Editer Editer le HTML et le Javascript Pr visuali
22. re page de votre site pr te tre modifi e selon vos besoins Commencez par enlever avec la commande dition gt Effacer les l ments dont vous n aurez pas besoin boutons de symboles boutons de la barre verticale boutons du menu d roulant textes titres etc Puis placez votre logo l endroit pr vu a cet effet et remplacez au besoin les textes des criptifs des boutons de navigation et des boutons de la barre verticale Vous pouvez aussi assigner les liens des boutons de navigation courrier lectronique info accueil Les liens des boutons Page suivante et Page pr c dente devront tre assign s manuellement pour chacune des pages afin de cr er une navigation simplifi e Vos visiteurs pourront ainsi naviguer sur votre site tout simplement en appuyant sur Page sui vante assurez vous de leur offrir un parcours agr able Ces liens pour ront tre assign s la toute fin lorsque votre site sera compl t tape 3 Ajout de pages et de liens En suivant le plan de votre site ajoutez des pages en leur donnant le nom de la section correspondante Catalogue Contact Historique etc Vous pouvez cr er des pages identiques avec la fonction Dupliquer ou cr er un nouveau type de page en repassant par l assistant de cr ation de nouvel le page Afin d optimiser votre m thode de travail il est judicieux de monter d s le d part les mod les de pages dont vous aurez besoin Ainsi pour le
23. sinstallation Installation Ins rez le c d rom dans le lecteur L interface de navigation Mindscape devrait d marrer automatiquement Si ce n est pas le cas acc dez votre unit de c d rom dans l Explorateur ou le Poste de Travail de Windows et double cliquez sur autorun exe situ la racine du disque ce qui char ge la page d enregistrement de Mindscape Cet enregistrement est gratuit et n est pas obligatoire ll vous permet de b n ficier d offres sp ciales et d tre tenu au courant r guli rement de l ac tualit de nos produits Une fois cette page referm e vous acc dez l interface du navigateur Mindscape permettant d installer le programme de consulter le manuel en format num rique et ventuellement d acc der des didacticiels de pr sentation ou des informations en liaison avec nos partenaires Cliquez donc sur le premier bouton pour lancer l assistant d installation Dans la bo te de dialogue choisissez le dossier de destination o les com posants du logiciel seront install s Ces composants sont e Le logiciel son aide et ses biblioth ques e NET Framework de Microsoft l environnement de programmation de Microsoft Si vous Pavez d j install notre logiciel ne vous demandera pas de le refaire puisque NET est utilis par un nombre grandissant d applications Si vous avez d j NET assurez vous que votre version est au moins aussi r cente que celle incluse avec not
24. tous les droits non express ment accord s Ainsi vous devez traiter le logiciel comme n importe quel produit prot g par des droits d auteur Vous ne pouvez louer ou donner en cr dit bail le logiciel mais vous pouvez c der vos droits d apr s cette convention et de mani re d finitive si vous c dez la licence accord e par cette convention le logiciel et toutes les documentations qui y sont associ es si vous ne gardez aucune copie de ce logiciel et si l acqu reur s engage respecter les termes de cette convention Vous ne pouvez reconstituer la logique du programme d compiler ou d sassembler le logiciel sauf dans la mesure o la restriction cit e pr c demment est express ment interdite par les dispositions applicables 3 Date limite de garantie Dans les 90 jours suivant la date d acquisition Mindscape garantit que le support sur lequel le logi ciel est distribu est exempt de vice de fabrication Mindscape de son propre gr ne remboursera la somme d pens e pour l achat du logiciel ne le r parera ou ne le remplacera que si le logiciel d fectueux lui est retourn ou est retourn un vendeur agr dans les 90 jours suivant la date d ac quisition ticket de caisse faisant foi Ce sont les seuls recours votre disposition pour n importe quelle rupture de garantie Mindscape n assume aucune autre garantie implicite ou explicite en rap port avec le logiciel et les documentations accompagnant notamment mais
25. trer une nouvelle page Cr er une nouvelle page Cliquez sur l ic ne L pour ouvrir l assistant de cr ation de nouvelle page Vous trouverez l ic ne nouvelle page plusieurs endroits dans l interface pour plus d ergonomie e Dans l onglet Pages figure 27 Pages du projet Ax Ld X 2i Section 1 i Pages 33ALs1 pag 12 Section 2 Pages 334Ls2 pag Section 3 xl l ments M Couleurs du O Pages du pr Figure 27 Affichage de toutes les pages du projet en cours Cliquez avec le bouton droit de la souris n importe o dans l onglet Pages du projet pour acc der rapidement au menu contextuel figure 28 ou cli quez sur les ic nes droite de l onglet Pages Dans le menu contextuel qui s affiche choisissez Nouvelle Web Creator Pro 5 e Manuel de prise en main MEE mi Renommer 4 Dupliquer e Supprimer Aller Figure 28 Menu contextuel e Dans la barre d outils d insertion gauche e Dans le menu Insertion Page e Depuis un l ment multim dia double cliquez sur celui ci pour afficher la bo te de ses propri t s figure 29 Image Img15 Lien automatique apr s O seconde s Cr er un lien 1 une nouvelle page ou une page existante un fichier ex MP3 PDF ZIP etc un site Web ou une adresse URL 2 un courrier lectronique CE un lien pr d fini retour au d but page pr d un l ment ipsum dolor sit amet Lorem ips
26. web ou m me d ou vrir une application comme Word S lectionnez la partie de votre texte sur laquelle vous voulez appliquer un lien hypertexte Dans l exemple que nous cr ons ensemble il s agit de la partie de texte Nous crire en cliquant dessus linternaute pourra envoyer un email pour demander des renseignements ES Web Creator Pro 5 Manuel de prise en main Nous vous conseillons dans un premier temps d appliquer le style Soulign cette s lection de texte En effet il est d usage sur le web que les liens hypertextes soient soulign s Puis dans la fen tre des propri t s du texte cliquez sur l ic ne Propri t s de l hypertexte amp S lectionnez la partie de texte laquelle vous voulez appliquer un lien hypertexte puis dans la barre d outils Edition juste sous la barre de menus cliquez sur l ic ne Lien Vous pouvez aussi passer par la commande de menu Edition Liens ou par un clic droit et la commande Lien La fen tre Propri t s de l hypertexte s affiche figure 19 Depuis l onglet Lien Web Creator Pro propose apr s avoir cliqu sur le texte pr alable ment s lectionn d ouvrir soit e une nouvelle page web e une page existante un programme ou un fichier e un site web ou une URL e un courrier lectronique e un lien pr d fini e un l ment Web Creator Pro 5 e Manuel de prise en main 67 Propri t s de l hypertexte i xf Lien
27. DEN 2 Personnalisez la gamme de couleurs Changez de palette et modifiez les couleurs qui la composent pour s agencer aux couleurs d une image du logo de votre entreprise 3 Habituez vous s lectionner des l ments les d placer et les sup primer Utilisez la fonction Annuler menu dition ou Ctr pour reve nir tape par tape l tat initial de la page 4 Ins rez ensuite une image pour vous apprendre comment ajouter des l ments la page Pour cela servez vous de l onglet Biblioth que qui donne un acces rapide tous les l ments multim dias int grables dans Web Creator Pro La biblioth que vous permet aussi de stocker vos l ments favoris dans la cat gorie Mes l ments simplement en cliquant sur un objet de la page en cours puis en cliquant sur le bouton situ en haut de la biblioth que Biblioth que Image Fl ches Cadres D grad s Divers Spots Tuiles d arri re plan Mosa que Titres Boites flottantes Zones color es Bannieres Boites Blog Boites flottantes 2 Cadres 2 Macarons arch001 JPG 1536 x 2048 Arch002 jpg 1024 x 768 136 Arch003 jpg 1024 x 768 197 KO KO AutO1 jpg 1024 x 768 351 AutO2 jpg o x768 286 AutO3 jpg o x 768 265 ll E z 5 Ins rez maintenant un bouton avec l outil Button Creator Allez onglet Liens et Cr ez un lien une nouvelle page Lassistant de cr ation de nouvelle page appara t Cr
28. Four deman een an lame o NERVERNA ORA 21 FICS CU IOOICIOIN EE Re corra rra el Nom OSOS cerraron e an a aa de 29 Nom des Pages ee ar be ce caen 23 Cr er un lien vers une autre page 24 COASIONES Re dd Ca ED lo oo ec os 25 M thode de travail et planification 26 Nouveaut s Web Creator Pro 5 29 Template SO a a e RS 29 PURON C ee a ca ec ccccu ce 34 MENU OO oc dd cd co core 41 A sperent sti eE ELET ET to denhos caioniee dd 46 Web Creator Pro 5 e Manuel de prise en main MEM BOXES cera ca e a a a dra A7 Flash Video Cr alor excreta 49 Galerie am lior e 50 Nouveau dossier Projet 52 Votre site web en 30 MN cried o vale ed de e erat 53 Pr sentation de l interface 53 Personnalisez le mod le 59 Ins rer des images du son de la vid o 60 Int grer des l ments Excel 69 Cr er et param trer une nouvelle page 73 Cr er un lien d une page l autre 76 Tester votre site avec Internet Explorer 84 Mettez votre site en ligne surcar 85 Sen ioe CEMIS isa sie ridad iia 89 MEN Web Creator Pro 5 e Manuel de prise en main Installation et mise a jour Installation et d
29. Saisie de texte ligne simple lignes multiples mot de passe Bouton radio Case cocher C Liste Menu d roulant Cach Bouton Envoyer ou R initialiser le formulaire Ligne simple Lignes multiples C Mot de passe Valeur initiale Largeur du champ car Caracteres maximum Obligatoire Non vide Chiffres Lettres Courier lectronique OK Annuler Aide Caract Max nombre maximum de caract res que l utilisateur pourra entrer Le texte se d place si cette valeur est sup rieure l espace d affichage Obligatoire permet une validation sommaire du contenu du champ Vous pouvez rendre obligatoire la pr sence de quelque chose Non vide de chiffres seulement Chiffres de lettres seulement Lettres ou de quelque chose ressemblant une adresse de courriel Courrier lectronique comportant un Si une des conditions n est pas res pect e un message appara tra en tentant d envoyer le formulaire et Web Creator Pro 5 e Manuel de prise en main 81 le curseur se replacera automatiquement dans le champ au contenu non conforme Lignes multiples Valeur initiale contenu qui sera affich dans le champ avant que lusa ger y entre ses donn es Col Largeur en caract res de la fen tre d entr e de texte Mot de passe Ce champ est semblable a ligne simple sauf que ce sont des points ronds qui s affichent lors de la frappe afin de pr server le secret du mot de pass
30. Type e Standard C Pictogremme Forme Rond Texture Vire Grandeur Grand v Hauteur Sur lev Le la Relev Press Survol Effet Normal Coloration Teinte unique Couleur 1 MN D Aper u Relev Press Survol Envoyer Envoyer aa Utilisez l aper u pour v rifier l apparence du bouton avec vos r glages dans les trois positions possibles relev cliqu et survol ER Web Creator Pro 5 e Manuel de prise en main Texte Tapez le texte qui doit appara tre sur le bouton dans l espace de saisie Cliquez sur l ic ne pour acc der aux propri t s de la police de caract re taille couleur police etc Propri t s Texte Envoyer A F Cliquez sur l i one Editer pour acc der aux fonctions d ditions avanc es du libell du bouton vous pouvez modifier l apparence du texte en fonction des positions relev cliqu et survol all Libell Relev Texte Envoyer Police 4 Position Effet Grav fe Aucun Emboss Aper u Press M Texte de la position relev e LAA M R glages de texte de la position relev e E Position relative a au texte relev r Horiz h Vet 1 Aperqu Survol M Texte de la position relev e V R glages de texte de la position relev e Position relative a au texte relev E Horiz 0 Vet 0
31. Web Creator Pro 5 Manuel de prise en main Convention de droits d utilisation Par l usage de ce CD ROM vous acceptez les conditions d utilisation de ce produit Cette convention concerne l utilisation des produits de Mindscape inclus dans cet emballage ainsi que les manuels disques programmes et documentations qu y sont associ s En ouvrant l embal lage scell qui contient les disques et ou en utilisant le logiciel vous acceptez de vous soumettre aux termes de cette convention Si vous n acceptez pas les termes de cette convention retournez le paquet intact chez Mindscape afin d obtenir un remboursement int gral 1 Concession de licence La pr sente convention vous permet d utiliser une copie du logiciel dont les droits d utilisation ne concernent qu un seul produit Le logiciel est en service sur un ordinateur quand il est install tem porairement dans la m moire vive ou RAM ou quand il est install dans la m moire permanente par exemple sur le disque dur ou sur tout autre support de m morisation de cet ordinateur Vous ne pouvez utiliser le logiciel en r seau que si vous avez achet une copie pour chaque utilisateur 2 Droits d auteur et Restrictions Le logiciel est la propri t de Mindscape ou de ses fournisseurs et est prot g par les r glementa tions en mati re de droits d auteur applicables en France et en Europe en la mati re et les disposi tions des trait s internationaux Mindscape conserve
32. Web Creator Pro 5 e Manuel de prise en main MEN l l ment puis d placez le Les ic nes de l onglet El ments permettent les op rations suivantes e affiche les l ments par ordre alphab tique e permet de d rouler chacune des propri t s d un l ment e permet de rendre invisible un l ment en mode dition Cette fonc tion est tr s pratique lorsque vous travaillez par exemple avec des images qui servent de bouton transparent e 1 permet de verrouiller les propri t s d un l ment Tr s utile pour vi ter par la suite toute fausse manipulation 2 L onglet Couleurs du mod le permet de modifier rapidement les cou leurs de la charte graphique de votre site Ces couleurs sont communes toutes les pages d un projet Elles peuvent ainsi tre personnalis es et s adapter aux couleurs de votre soci t Vous pouvez ne changer les couleurs que pour une page en particulier Vous pouvez galement per sonnaliser vos mod les en choisissant des couleurs particuli res 3 Longlet Pages du projet donne directement acc s chaque page ainsi qu a ses propri t s en cliquant sur la vignette correspondante En cli quant sur la vignette d une page avec le bouton droit de la souris un menu contextuel s affiche Il permet de dupliquer renommer ou suppri mer la page Attention La suppression d une page est une op ration d licate En effet les liens provenant d autres pages qui y menaient tom ber
33. aliser des projets de site web rivalisant avec ceux des professionnels En outre faci lit et cr ativit vont de pair Avec Web Creator Pro vous allez r aliser des projets aux caract ristiques dynamiques tr s pouss es sur le plan visuel domaine r serv jusque l aux programmeurs sp cialis s Quoi de neuf dans Web Creator Pro 5 Plusieurs nouveaux outils pour donner votre site un graphisme digne des meilleurs professionnels sans aucune programmation Template Creator Cr ez maintenant vous m me vos propres mod les enti rement person nalis s en 4 tapes faciles 1 Choisissez un style graphique puis 2 Un type de page accueil produit contact etc 3 Un th me repr sentant une activit conomique des l ments d cora tifs abstraits 4 une charte de couleurs qui peut m me tre ajust e exactement celle de votre organisation R p tez ensuite pour autant de pages souhait es Cr ez ensuite facilement des liens avec Button Creator ou Menu Creator Er Web Creator Pro 5 e Manuel de prise en main Button Creator Ce nouvel outil permet de cr er toutes sortes de boutons de navigation 2D 3D invisibles et Design Ces derniers comportent des milliers de styles et dimensions avec ou sans effets graphiques d ombres et de transparen ce des pictogrammes et m me des bandes de couleur Et oui ces cou leurs s agencent automatiquement la palette de couleurs de votre projet Menu Creator
34. allez tester votre site dans Internet Explorer Avec le Web Creator Pro vous pouvez visualiser la page gr ce a l onglet Visualisation dans Internet Explorer figure 37 f F Web Creator Pro 5 Projet8 Iwc Page 1 baas m Fichier Edition Affichage Insertion Format Outils Fen tre Aide EUX ar 23 a jziva a diter diter le HTML et le Javascript Visualisation avec Intemet Explorer La soci t Accueil Produits Galerie y l x Pr sentation x L quipe X 301 Y 0 Figure 37 Pr visualisation de la page depuis l onglet Pr visualisation dans Internet Explorer Visualiser dans Internet Explorer Pour v rifier le rendu exact sur Internet Explorer ou tout autre navigateur ins tall sur votre ordinateur appelez la commande Affichage Visualiser avec Microsoft Internet Explorer La page s affiche instantan ment dans Internet Explorer figure 38 NS Web Creator Pro 5 e Manuel de prise en main 0 9 A Page 2 Windows Internet Explorer L CA vit Xx Yahoo Search 2 4 NS w Page2 Dr Er rio Page y Outils La soci t Accueil Produits 1 d A f A Ef e d r y FS La soci t Bienvenue x Pr sentation L quipe Entrer Termin M Ordinateur Mode prot g d sactiv 100 figure 38 Visualisation de la page dans Internet Explorer Et si vous cliquez sur la fl che sur laquelle vous venez de param trer un l
35. auche de l cran Elle sert pr pa rer les pages de vos sites y ins rer des l ments et des fonctionnalit s et les visualiser avant de les mettre sur votre serveur web 2 Les menus et les barres d outils donnent acc s aux diff rentes fonctions et options de Web Creator Pro 3 Les onglets dition Couleurs Pages du projet et Biblioth que situ s droite ils permettent d acc der tous les l ments pr sents dans le pro jet et de modifier leurs propri t s Les mod les On vous l a promis vous allez cr er en 30 minutes votre site Avec quel secret En se reposant sur les nombreux mod les fournis avec Web Creator Pro qui constituent depuis la naissance de ce logiciel un de ses nombreux points forts Le principe consiste partir d un mod le existant et de conserver unique ment ce dont vous avez besoin en proc dant par soustraction En effet les mod les contiennent de nombreux l ments images logos textes mis en forme boutons effets d affichage fond d cran animations sonores etc Enlevez les l ments qui ne vous servent rien et adaptez ceux qui restent vos besoins Sans plus attendre nous allons cr er le site web d une entreprise de conseil qui commercialise des services Cliquez sur le menu Fichier Nouveau Projet ou bien pressez la combinaison de touches CTRL N La fen tre Nouveau projet Template Creator s ouvre image 2 Dans la zone Choix de l onglet Style de nombreux
36. aut fournir deux num ros un num ro de s rie accompagn d une cl d activation Chaque logiciel doit avoir une paire unique de ces num ros Ces num ros sont inscrits l arri re du manuel d utilisation de votre produit achet en bo te ou bien ils vous auront t fournis en m me temps que votre version t l charg e En activant le logiciel vos informations d enregistrement seront automati quement transmises a LMSOFT V rifiez l exactitude des donn es avant de confirmer puisque l enregistrement est requis pour profiter des mises jour gratuites pour avoir acc s au Service d assistance technique au Forum etc LMSOFT s engage a ne pas c der vos informations des tiers en conformit avec sa politique de confidentialit Si VOUS n avez pas pu pour une raison quelconque enregistrer le produit apr s l installation et que vous avez besoin de vous enregistrer aupr s de LMSOFT allez www Imsoft com enregistrement Vous pourrez proc der l enregistrement quand vous le voulez Important Le num ro de s rie et la cl sont personnels lls vous don nent droit des mises jour gratuites sur Internet ainsi qu des prix pr f rentiels pour les futures versions et les autres produits de LMSOFT comme l h bergement de votre site web Ces avantages ne sont conf r s qu une seule fois par paire de num ros si vous laissez une autre personne utili ser vos num ros il est possible que ce soit lui qui en b n f
37. caract ristiques dynamiques tr s pouss es sur le plan visuel domaine r serv jusque l aux programmeurs sp cialis s En vous inspirant des mod les de sites fournis par Web Creator Pro vous allez cr er votre premier site web en moins de 30 minutes Pr sentation de l interface G n ralit s Cette interface se compose de 4 parties Comme dans tous les logiciels la partie haute est consacr e aux menus et aux barres d outils Le cadre prin cipal affiche la page web que vous cr ez Le cadre de droite affiche les onglets l ments Couleurs Pages du projet et Biblioth que Ces diff rentes parties sont activables par le menu Affichage E Web Creator Pro 5 ProjetZ Iwc Accueil elo m Fichier Edition Affichage Insertion Format Outils Fen tre Aide Fx iSd onj Beas 6 8 DOO o HA z ol Hj Eel l allae A Ester dterle HTML etle Javascript Visualisation avec Intemet Explorer Biblioth que z Animation Flash nata El Image La soci t A Fl ches Bo tes flottantes Cadres Es Banniere 01 Banni re 03 Banni re 04 0058985005029 N0 Om UE gt Banni re 06 E E ID pages du El Biblioth X 197 Y 534 46 84 900 32 Figure 01 L interface de Web Creator Pro se compose de trois parties les menus la fen tre d dition et la Barre de s lection Web Creator Pro 5 Manuel de prise en main En 1 La fen tre d dition dans la moiti g
38. cer cette image en cliquant dessus avec le bouton de la souris et en maintenant celui ci enfonc Et pour modifier les dimensions de l image placez le curseur sur l un des bords ou des coins de l image et d placez les poign es de redimensionnement Remarque Pour modifier les dimensions d une image tout en mainte nant ses proportions saisissez l un des coins de l image avec le curseur de la souris et tout en maintenant la touche MAJ enfonc e d placez le curseur La proc dure pour ins rer une vid o ou un son est rigoureusement iden tique Pour une vid o cliquez dans la barre d outils sur l ic ne en forme de pellicule figure 13 ou bien appelez le menu Insertion Animation Vid o Et pour ins rer un son cliquez sur le bouton en forme de haut parleur figu re 13 ou appelez le menu Insertion Son M E Figure 13 Les boutons d insertion de vid o et de son Web Creator Pro 5 e Manuel de prise en main 63 Ins rer du texte Pour ins rer du texte cliquez sur l ic ne en forme de A dans la barre d ou tils ou bien ouvrez le menu Insertion Texte Des lors un cadre s affiche au milieu de la page web ainsi qu une fen tre affichant des propri t s du texte figure 14 E Web Creator Pro 5 Projet7 lwc Accueil Le ES E Fichier Edition Affichage Insertion Format Outils Fen tre Aide DX Sad oBAax 99 Fama z0 gt 8 z v E s s s 3 Y a a diter Edterle HTML et
39. e Page Th me Couleur Ste Page Th me Couleur Aper u Nom du projet Projet4 Dossier projets Documents gt Annuler Aide La biblioth que comprend des th mes repr sentant des activit s cono miques ainsi qu une grande vari t de th mes avec des l ments d cora tifs abstraits pouvant s adapter une foule de sujets Trouvez celui qui correspond le mieux au contenu du site que vous voulez monter 4 Onglet Couleur Apercu D finissez la charte de couleurs de votre projet gr ce aux options palette de couleur du mod le Plusieurs types d l ments bo tes lignes boutons etc sont rattach s la palette et s y agencent automatiquement pour une conomie de temps substantielle Par exemple si vous d cidez de chan ger de style de palette ou modifier une couleur de votre palette tous les l ments partageant cette couleur sur toutes les pages seront modifi s ins tantan ment la prochaine ouverture de la page Vous pouvez acc der aux options de la palette de couleur en tout temps en mode dition par l onglet palette de couleur Web Creator Pro 5 e Manuel de prise en main E m Nouveau projet Template Creator koks Pr c dent Teminer tape4de4 Style Page Th me Couleur Style Page Th me Couleur Aper u 4 r La soci t Fichier palette Impal E Primaire EM 0 142 185 Secondaire E 2
40. e L exploitation de cette caract ristique validation du mot de passe etc exige de la programmation e Bouton radio Valeur Ceci est la valeur qui sera envoy e si ce bouton est s lectionn lors de l envoi du formulaire Ce n est pas le descriptif du bouton qu il faut r a liser s par ment avec un l ment texte Remarque Sion veut faire une liste de boutons radio mutuellement exclusifs c est dire qu un seul peut tre choisi il faut uti liser le m me nom de variable pour tous les boutons radio concern s e Case a cocher Valeur Ceci est la valeur qui sera envoy e si ce bouton est s lectionn lors de l envoi du formulaire Ce n est pas le descriptif du bouton qu il faut r a liser s par ment avec un l ment texte e iste Permet d afficher une liste Vous pouvez ajouter des items la liste avec l ic ne qui appelle une bo te pour construire la liste Les autres ic nes permettent d effacer de modifier ou de d placer l item s lectionn dans la liste NS Web Creator Pro 5 e Manuel de prise en main L option S lection multiple permet de choisir plus d un item de la liste Vous pouvez aussi n afficher qu une partie de la liste qui pourra dans ce cas d filer verticalement e Menu d roulant C est la m thode qui fait appara tre le premier item de la liste dans un champ La fl che vers le bas fait appara tre l ensemble des l ments parmi lesquels on choisira avec la souris
41. e de O a 100 pour des effets de superpositions int ressants Cr ez un d grad de transparen ce en choisissant deux niveaux de transparence diff rents pour une m me couleur ou entre deux couleurs e En t te et pieds de page Ajoutez un bord de couleur et ou de transparence diff rente pour cr er un en t te ou un pied de page dans la bo te Ces zones peuvent per mettre d ajouter un titre une l gende ou simplement cr er du relief Cochez la case En t te ou Pied de page pour en ajouter un Configurez la hauteur en pixel Choisissez les couleurs e Aper u L aper u vous permet de visualiser le d grad l ombre et la forme g n rale de la bo te mais l apercu ne tient pas compte de la taille de la bo te voir onglet options puisque vous pouvez cr er des bo tes plus grandes que l aper u Lorsque la bo te est redimensionn e en mode dition elle est instantan ment redessin e afin d viter toute perte de qualit Flash Video Creator Conversion de vid os partir de la fen tre de propri t s Flash Video cliquez sur parcourir pour choisir une vid o dans un autre format que Flash Cliquez ok pour confirmer que vous voulez convertir la vid o en format Flash ce qui ouvrira l outil Flash Video Creator Web Creator Pro 5 e Manuel de prise en main 49 FlashVideo Creator O k 00 00 00 00 E senil L L L L J Convertir Qualit Haute v lc AUsersWwirginie Documents Pro
42. e sec tion essentielle dans telle ou telle partie Ce plan que l on peut repr senter sous forme d arbre ou fowchan vous servira dans toutes les tapes de la r alisation de votre site Puis en vous inspirant des mod les fournis ou en cr ant votre propre desi gn de site faites une esquisse des pages les plus importantes et disposez les boutons principaux Y aura t il plusieurs langues offertes Pr voyez vous des promotions des concours Peut tre que vos visiteurs pour raient s abonner un bulletin mensuel ou une liste d envoi Quels seront les l ments principalement affich s sur les pages textes images ou s quences vid o D terminez aussi la dimension de vos pages selon la quantit d information afficher peut tre pourrez vous utiliser la version courte des mod les Finalement rassemblez tous les textes photos vid os et sons n cessaires au montage de votre site et placez les dans un dossier sur votre disque Ce dossier sera votre dossier de travail ES Web Creator Pro 5 e Manuel de prise en main tape 2 Pr paration de la premi re page Vous pouvez maintenant cr er votre page d accueil qui contiendra les l ments principaux que l on pourra retrouver dans votre site Pour d buter cr ez un nouveau projet avec Web Creator Pro lien vers la section de l ai de correspondante choisissez le mod le de site voulu et entrez le nom de la premi re page Vous aurez devant vous la premi
43. emarquerez que le curseur se transforme en une double fl che Maintenez le bouton gauche de la souris enfonc et d pla cez les coins comme il vous pla t Vous pouvez galement saisir une des tranches du cadre Pour d placer l ensemble du cadre du tableau il suffit de pointer le curseur de la souris dessus de maintenir le bouton gauche enfonc nouveau et de d placer l ensemble du cadre Remarque 1 Le tableau ayant t import sous forme de tableau vous pouvez encore apporter des modifications au niveau de son contenu dans Web Creator Int grer un graphique La proc dure est identique celle de l int gration de cellules Cr ez votre graphique sous Excel S lectionnez le en appelant le menu contextuel et en choisissant dans ce dernier l option Coller figure 26 Web Creator Pro 5 e Manuel de prise en main MEA Emplacement Fen tre graphique Couper Copier Coller Effacer Mettre au premier plan Mettre en arri re plan Affecter une macro Figure 26 Cr ez votre graphique sous Excel et copiez le partir du menu contextuel Dans Web Creator cliquez sur le bouton droit de la souris pour appeler le menu contextuel Choisissez l option Coller Votre tableau s affiche l cran sous forme d une image non modifiable Remarque La proc dure est identique pour int grer des l ments issus de Powerpoint EN Web Creator Pro 5 e Manuel de prise en main Cr er et param
44. ffiche Cliquez dessus La fen tre Couleur s affiche S lectionnez une couleur soit EEN Web Creator Pro 5 e Manuel de prise en main e parmi les couleurs de base e en s lectionnant une couleur particuli re dans la mire e en extrayant une couleur En faisant sortir le curseur de la souris de la fen tre Couleur celui ci se transforme en pipette Cliquez n importe o dans l cran sur la couleur de votre choix Celle ci s affiche dans la zone Couleur Unie Vous pouvez enregistrer cette couleur en cliquant sur le bouton Ajouter aux couleurs personnalis es Vous pourrez ainsi la r uti liser d s que vous ouvrirez nouveau la fen tre Couleurs Style On peut remplacer la palette d un mod le par une de celles de la liste L application des nouvelles couleurs peut prendre quelques secondes On peut galement modifier chaque couleur individuelle en cliquant a droi te On verra appara tre un s lecteur de couleur classique doubl d une pipette qui permet d extraire une couleur n importe o l cran Cette fonction est tr s pratique pour harmoniser le site avec la charte de couleur de sa soci t ou le sujet trait De plus vous pouvez modifier la transparence de chaque couleur Cliquez sur l ic ne devant le nom de chaque couleur puis modifiez la valeur de la transparence Onglet Pages du projet Pages du projet y index l ments Couleurs du mod le D Pages du projet E Web Creator Pro 5
45. he et liens bris s lors de la construction des mises jour et une fois par mois automatique ment Web Creator Pro 5 e Manuel de prise en main MEA Consid rations g n rales sur l interface L interface du logiciel brille par sa simplicit Elle fait appel aux plus r centes technologies en mati re d ergonomie et permet l usager de personnaliser l interface en fonction de ses besoins ou habitudes Placez la souris sur les menus ou ic nes et cliquez dessus e Les menus comprend Fichier dition Affichage Insertion Format Fen tre et Aide e Barre d outils l interface de Web Creator Pro offre deux barres d outils qui permettent un acc s rapide aux principales fonctions du logiciel Vous pouvez disposer les barres d outils comme bon vous semble dans l interface de Web Creator Pro La premi re donne acc s aux fonctions de gestion des fichiers et des l ments multim dias La seconde donne acc s aux fonctions d insertion des l ments multim dias Onglets pour l dition et la visualisation La fen tre principale de Web Creator Pro donne acces 3 onglets diter diter le HTML et le Javascript Visualisation avec Internet Explorer e diter Pour cr er vos pages web y ins rer des l ments multim dias images texte boutons vid os etc modifier leurs propri t s e diter le HTML et Javascript Ce mode est r serv ceux qui ont cer taines connaissances en programmatio
46. icie a votre place De plus LMSOFT se r serve le droit de bloquer un couple num ro de s rie cl d activation en cas d activation excessive qui enfreindrait l entente d utilisation du logiciel En Web Creator Pro 5 e Manuel de prise en main Mise a jour sur le Web Il y a deux fa ons d obtenir les mises a jour sur le Web e Par l option V rifier pour une mise jour du menu Aide e En allant a htto www Imsoft com corrections Nous vous recommandons fortement d effectuer une mise jour par Internet apr s avoir install le logiciel partir du c d rom Pour ce faire cli quez sur l option V rifier pour une mise jour du menu Aide et installez la mise jour la plus r cente concernant votre produit Important Assurez vous que la langue de la page de t l chargement soit la m me que celle de votre logiciel Web Creator Pro 5 e Manuel de prise en main MEN Pr sentation g n rale Ce logiciel est le fruit d une longue lign e de produits dont la mission consiste offrir les avantages du multim dia pour la cr ation de sites web sans exiger de connaissances techniques particuli res Web Creator Pro est reconnu par la presse pour sa souplesse et sa facilit d utilisation Ainsi des outils d dition puissants et des fonctions gra phiques avanc es sont disponibles en effectuant simplement des choix dans des bo tes de dialogue ou de propri t s Nul besoin de conna tre un langage de programmation pour r
47. ien la page dupliqu e s affichera Mettez votre site en ligne L h bergement Pour mettre en ligne votre site vous devez d abord trouver un h bergeur Il existe des dizaines d entreprises qui offrent gracieusement ce service Wazanet Yahoo Hotmail de Microsoft etc Tapez H bergement gratuit dans Google et vous serez surpris du r sultat Nous n en conseillons pas un plus qu un autre Tant qu ils sont gratuits et qu ils offrent un bon d bit ces prestataires suffiront h berger quelques pages personnelles Par contre les solutions gratuites s accompagnent souvent de publicit qui se superpose vos pages Non seulement cela cr des distractions pas toujours souhaitables mais en plus il arrive que le code de ces pubs soit mal ficel et interf re avec le bon affichage de votre propre mat riel Testez bien avant de vous contenter de cette solution De plus les offres d h ber gement gratuites peuvent tre modifi es ou annul es sans pr avis au gr des compagnies offrant ces h bergements En conclusion les h berge Web Creator Pro 5 e Manuel de prise en main 85 ments gratuits peuvent tre acceptables pour des sites personnels ou r cr atifs pour autant qu ils ne nuisent pas a la navigation et ne d tournent pas vos visiteurs Pour des soci t s ou organisations il vaut mieux avoir recours a des solu tions plus fiables performantes et s curitaires Pour un co t annuel modique le d bit est
48. il vous faudra d abord cr er une premi re page la page d accueil de votre site web Vous pouvez d buter partir d une page vierge ou des mod les fournis dans la biblioth que du logiciel Pour cr er un projet partir d une page vierge Dans l onglet Style cliquez sur Projet Vide puis cliquez sur le bouton Terminer pour cr er votre projet Vous pourrez alors ajouter vos propres l ments image de fond boutons menus etc pour cr er un projet unique Pour cr er un projet partir d un mod le de la biblioth que Cr ez un mod le original en 4 tapes simples en suivant les onglets 1 Onglet Style Choisissez un style graphique parmi les mod les offerts Les vignettes thumbnails ne sont pas repr sentatives du r sultat final mais bien du style g n ral par exemple avec un bandeau large boutons carr s sections verticales F Nouveau projet Template Creator a Suivant tape 1 de 4 Style Page Th me Couleur Style Page Th me Couleur Aper u Nom du projet Projet4 Dossier projets Documents Annuler Aide Web Creator Pro 5 e Manuel de prise en main 29 2 Onglet Page Choisissez le type de page d accueil qui vous convient F Nouveau projet Template Creator o kalks Pr c dent Suivant tape 2 de 4 Style Page Th me Couleur Style Page Th me Couleur Aper u Nom de la page li
49. ire vive RAM types de carte son de carte graphique et marque du lecteur de CD ROM La garantie sur les c d roms Mindscape pr voit le remplacement sans frais de tout c d rom d fectueux dans les 90 jours suivant la date d acquisition ticket de caisse faisant foi Au dela et ou d faut de pouvoir justifier l achat de ce logiciel nous vous demanderons une participation aux frais d change ch que libell l ordre de Mindscape Pour proc der ce remplacement crivez l adresse ci dessous Mindscape Service Clients 73 77 rue de S vres 92514 Boulogne Billancourt CEDEX France Web Creator Pro 5 e Manuel de prise en main 89 Eu Web Creator Pro 5 e Manuel de prise en main Web Creator Pro 5 Manuel de prise en main MEN NES Web Creator Pro 5 e Manuel de prise en main
50. jet est g n ralement constitu de plusieurs pages Pour acc der a d autres pages cliquez sur des l ments dans la page On d signe par lien ou hyperlien l association entre un l ment et un changement de page ou autres actions que vous trouverez dans l onglet L an des bo tes de propri t s des l ments accessibles par un double clic Propri t s de l image Img10 x Image Options Actions Lien Lien services par Lien automatique apr s po seconde s Cr er un lien E une nouvelle page ou une page existante 13 un fichier ex MP3 PDF ZIP etc un site Web ou une adresse URL un courrier lectronique c un lien pr d fini retour au d but page pr c dente un l ment R glages de la fen tre D Ouvrir dans une nouvelle fen tre Nom de la fen tre V Bare de menus V Bare d outils JW Bare d tat 7 He dimensiont ble E T AlE Largeur 640 M Glissi res Hauteur 480 OK Annuler Aide O Ane ae Note Tout l ment image bouton vid o etc sur la page peut tre porteur d un lien Vous connaissez maintenant la base du logiciel des l ments sur une page pouvant mener d autres pages Es Web Creator Pro 5 e Manuel de prise en main Consignes Web Creator Pro a t concu pour vous faciliter la vie Cr ez vos pages et ins rez les l ments comme bon vous semble le logiciel se charge des op rations sous jacentes Toutef
51. jet8 Animations quatre saisons0110 JPG Fermer Choisissez la qualit de la r solution sachant que plus la qualit est lev e plus long sera le temps de chargement de la vid o dans la page Pour changer de fichier cliquez sur Ouvrir pour parcourir les dossiers Pour convertir la vid o en Flash cliquez sur Convertir pour d marrer le proces sus Lorsque la vid o est convertie cliquez sur fermer pour retourner la boite de propri t s de Flash Video Galerie am lior e L outil de galerie permet de cr er rapidement une galerie partir d une liste d images S lectionnez le mode de vue initiale mosa que ou diaporama ll s agit de l apparence initiale de la galerie lorsque la page sera charg e dans le navi gateur Mosaique Dans le mode mosa que des miniatures des images sont g n r es auto matiquement et organis es en liste L utilisateur peut agrandir les images de son choix en cliquant sur la miniature puis revenir au mode mosa que en cliquant sur l ic ne correspondante de la frise Es Web Creator Pro 5 e Manuel de prise en main Diaporama Le mode diaporama permet de faire d filer automatiquement vos images selon le d lai de votre choix Attention ce d lai doit tre assez grand pour permettre le chargement de l image qui variera selon le format d image choi si et la connexion de l utilisateur Frise de navigation La frise de navigation permet l utilisateur de passer d u
52. l option de copiage que vous avez choisie le cadre ext rieur des cellules s lectionn es scintille Ceci confirme que la s lection a bien t copi e Pour ensuite importer cette s lection dans Web Creator Pro ouvrez la fen tre de celui ci puis cliquez sur le bouton droit de la souris Dans le menu contextuel qui s affiche alors s lectionnez la fonction Coller figure 24 de Couper E Copier A Coller Supprimer Figure 24 S lectionnez la fonction Coller dans le menu contextuel de Web Creator Pro accessible en cliquant sur le bouton droit de la souris EN Web Creator Pro 5 e Manuel de prise en main Les concepts cl s Quelles sont les informations dont vous avez besoin pour construire un business plan solide Comment pr senter ces informations afin de convaincre vos auditeurs Un business plan est compos des l ments de base suivants introduction A A AAA aii pes la description du march Co t en euros Unit s produites l environnement industriel 2 3000 300 l analyse comp titive seno NE AR 2000 250 l analyse du march et TRE 1000 nn 200 le plan marketing le marketing mide O 150 le BIEN OORE ONA a naaa ji Be ERICR SSL S ae E Nous crire Figure 25 Les cellules Excel import es sous forme d un tableau Pour redimensionner ce tableau proc dez de la m me mani re qu avec une image Pour ce placez le curseur de la souris sur lun des coins du cadre du tableau Vous r
53. le Javascript Visualisation a vec Intemet Explorer 410 ora inate ong X9 Y 10 95 66 834 610 Figure 14 Cadre de saisie du texte et fen tre de ses propri t s Saisissez votre texte l int rieur du cadre Puis utilisez la barre d outils Texte situ e par d faut en haut de la fen tre pour appliquer des attri buts ce texte comme la justification la police la taille du corps et bien d autres Modifier les attributs du texte Web Creator Pro permet d appliquer des styles a tout ou une partie d un texte seulement S lectionnez par exemple une phrase de votre texte Puis modifiez les attributs en changeant la police la grosseur des caract res le style gras italique soulign ou bien la couleur de la police en cliquant sur le bouton rectangulaire noir par d faut et dot d une petite fl che Cette derni re permet apr s avoir cliqu dessus de choisir une autre couleur dans la palette qui s affiche alors Vous remarquerez que le style ne s ap plique qu au bloc de texte s lectionn et que les modifications s affichent en temps r el figure 15 O64 Web Creator Pro 5 e Manuel de prise en main TT Web Creator Pro 5 Projet Iwe Accueil SES M Fichier Edition Affichage Insertion Format Outils Aj ax Sus oiBax 39 Panal fe m7 v m is 2
54. les faites Fichier Nouveau projet La fen tre Nouveau projet Template Creator s affiche Choisissez un mod le dans l onglet Style puis un mod le de page et un theme dans les onglets correspondants Vous pouvez alors choisir une charte graphique dans la liste de styles dans le dernier onglet et v rifier le r sultat avec l aper u Cliquez sur Terminer Pour modifier les couleurs de toutes les pages du projet cliquez sur l on glet Couleurs du mod le Dans la fen tre Style d roulez la liste et choisis sez une autre charte graphique La modification est instantan e Personnaliser la charte graphique de votre site Pour adapter exactement la charte graphique de votre entreprise aux cou leurs de votre soci t vous pouvez cr er votre propre palette de couleurs Cliquez sur l onglet Couleurs du mod le Dans la zone Fichier cliquez sur le bouton S lection d une palette 1 La fen tre ponyme s affiche Cliquez sur le bouton Nouvelle pour cr er une nouvelle palette de couleurs Attribuez lui un nom Dans la fen tre S lection d une palette s lectionnez la puis cliquez sur le bouton OK De retour dans la Barre de s lection dans l onglet Couleurs du mod le vous pouvez modifier les couleurs primaires secondaires etc de votre palette personnelle Pour chaque couleur modifier cliquez sur son nom pour la s lectionner par exemple Couleur primaire D s lors le bouton El s a
55. ment dans la liste des l ments l l ment correspondant dans la page est entour d un cadre gris Vous pouvez d placer ce cadre volont pour positionner l l ment dans la page Inversement le fait de cliquer sur un l ment dans la page le s lectionne galement dans l onglet des l ments Web Creator Pro 5 e Manuel de prise en main MEX Quand vous effectuez une s lection multiple un cadre gris appara t et entoure tous les l ments Vous pouvez ensuite d placer tout le groupe en cliquant dans un des l ments du groupe et en glissant la souris Vous pouvez supprimer les l ments s lectionn s avec la touche supprime du clavier ou l outil X Le projet La m thode de d veloppement est la page Un projet est constitu d une ou plusieurs pages reli es entre elles par des liens Chaque page peut contenir des l ments multim dias tels que e Images e Textes e Sons e Animations et vid os e Boutons et menus de navigation e Formulaires e Menus personnalis s Un projet se construit en partant d une premi re page dans laquelle vous placez des l ments Vous pourrez associer diverses actions ces l ments e D lais et effets d apparition e Interaction entre les l ments sur une m me page e Liens vers d autres pages Tous les l ments utilis s dans un projet vont tre copi s dans le dossier du projet Il est donc maintenant possible de d placer les projets par un simple copier
56. mier item Ajoutez un titre et un lien pour chaque item Pour cr er un sous menu il suffit d ajouter un item perpendiculairement un item du menu principal Le sous menu appara tra en mode visualisation lorsque vous survolez ou cliquez litem du menu principal selon l option choisie Attention Le menu principal est reli au Style de la page telle qu elle a t cr e Toutes les pages de m me Style partageront le m me menu par d faut et les modifications faites sur ce menu s appliqueront sur toutes les pages Par contre si votre projet comporte des pages de styles diff rents vous aurez alors autant de menus que de styles utilis s g rer Pour simplifier le travail de mises a jour il est conseill de copier un m me menu sur toutes les pages de votre projet afin que vous n ayez a faire les modifications qu une seule fois par la suite pour ajouter ou supprimer des liens ou des items Web Creator Pro 5 e Manuel de prise en main MES Line Creator Cr ez des lignes des fl ches des lignes pointil es avec des effets d ombre de d grad s ou de transparence Ins rez des lignes pour cr er des sections et sous sections et hi rarchiser votre contenu Les fl ches bien utilis es contribuent dynamiser votre site en guidant le regard et en cr ant des liens entre l information texte et image par exemple Lignes Aidez vous du panneau de visualisation pour cr er votre ligne e Choisissez l paisseur de la
57. n ll n est pas n cessaire de vous en servir pour travailler normalement avec le logiciel Parmi les usages possibles on peut mentionner la possibilit d effectuer des validations En Web Creator Pro 5 e Manuel de prise en main plus pr cises dans les champs d entr e de texte des formulaires ou ajouter des fonctionnalit s compl mentaires en JavaScript e Pr visualisation dans Internet Explorer Ce mode permet de visualiser la page en cours telle qu elle appara tra dans les navigateurs des visiteurs du site Vous pouvez visualiser votre site en conditions r elles via la com mande Affichage Visualiser avec Microsoft Internet Explorer ou tout autre navigateur install sur votre ordinateur Onglets l ments Couleurs Pages du projet et Bibliotheque Cette zone situ e sur la droite de l cran donne directement acc s aux pages du projet a leurs propri t s ainsi qu aux propri t s de chaque l ment multim dia contenu dans les pages En y recourant vous gagnerez en simplicit et en rapidit puisque tous les l ments sont port e de main L ic ne affiche les l ments par ordre alphab tique L ic ne permet de d rouler chacune des propri t s d un l ment Web Creator Pro 5 e Manuel de prise en main EN Onglet l ments l ments Text36 Sra t Lasoci t GBlogue gt GBotiom s 9 GBanner 4 GMenu GLogo G GBackground Page Ld index psg Pr
58. n mode l autre et r gler le temps de d lai entre les images Vous pouvez choisir de ne pas la faire appara tre par exemple pour mettre un diaporama dans une bo te ou un bandeau qui d filera automatiquement Dans ce cas l utilisateur ne pourra pas passer d un mode l autre Galerie Gall Lx Galerie Options Apparence Vue initiale Mosaique C Diaporama D lai diaporama 2 w secondes Y Afficherla frise avec le diaporama Fichiers image ancolie jpg ancolie jpg Propri t d importation aube2daurore2dl Taille des images Taille originale Haute qualit 1600 pixels Moyenne qualit 1024 pixels Basse qualit 640 pixels ox tner Cr er une Galerie Pour ajouter des images a la galerie cliquez sur le dossier pour choisir les fichiers images que vous souhaitez ajouter Vous pouvez en ajouter plusieurs en utilisant la touche CTRL ou MAJ puis Ouvrir Vous devrez choisir la taille des images gardez la taille originale ou redimen sionnez toutes les images au m me format 3 choix offerts Attention si vous Web Creator Pro 5 e Manuel de prise en main MEN essayez de donner une taille plus grande une image que sa taille originale elle pourrait tre d form e V rifiez le r sultat en mode visualisation et utilisez la taille la plus basse qui donne un rendu visuel acceptable afin d viter d alourdir la page excessive ment si votre galerie comprend un grand nombre d images V
59. nde rectangulaire OU carr e Web Creator Pro 5 e Manuel de prise en main MZA Box Creator Box14 Bo te Options Actions Link R glages Forme Rectangle v Coins arroundis pix 10 Cadre Couleur paisseur 0 Ombre Couleur Angle lumi re 0 l vation 0 Fou 0 Gradient du cops Vertical v D pat Q Am 9 M Ent te Aper u Hauteur 40 Gradient Vertical ES en D t Elo me o Pied de page x Ce se e Coins Vous pouvez arrondir les coins des carr s et des rectangles selon l effet d sir entrez un nombre de pixels angle droit de d part 0 e Bordure Choisissez la couleur de la bordure et son paisseur si vous d sirez en avoir une Pour ne pas avoir de bordure entrez O pour l paisseur e Ombre Choisissez la couleur l angle la hauteur et le fondu de l ombre L ombre permet de mettre les l ments en relief de leur donner une importance relative pour cr er une hi rarchie visuelle et ainsi ajouter faci lement une touche professionnelle au design de votre site e D grad Choisissez un style de d grad et v rifiez l effet avec l aper u 48 Web Creator Pro 5 e Manuel de prise en main e Choisissez une couleur de d part et d arriv e optez pour une couleur de la palette ou harmonisez la couleur de la bo te une image ou un l ment avec la pipette en cliquant sur couleur RGB e R glez la transparence des couleurs de la bo t
60. ndexhtm hd Titre Accueil Langue Fran ais Page vide Accueil longue Vierge longue Vierge moyenne Vierge courte Contact Nom du projet Projet4 Dossier projets Nom de page Par d faut le nom de la page d accueil est g n ralement index htm C est la norme utilis e par la plupart des h bergeurs mais certains h bergeurs peu vent utiliser d autres conventions Si le site n appara t pas apr s avoir t transf r v rifiez aupr s de votre h bergeur le nom que vous devez employer pour la page d accueil Titre Le titre de la page appara tra dans le haut des navigateurs et est lu de fa on prioritaire par les moteurs de recherches Choisissez donc un titre pertinent pour optimiser votre r f rencement utilisez les mots cl s en lien avec le contenu de votre page Sous dossier Vous pouvez cr er des sous r pertoires pour organiser les pages de votre projet Pour un site multilingue par exemple vous aurez un sous dossier pour les pages fran ais anglais etc Ceci peut faciliter les mises a jour EL Web Creator Pro 5 e Manuel de prise en main 3 Onglet Th me Choisissez dans la liste de vignettes le th me qui vous convient le plus le th me correspond l image de fond et aux l ments d coratifs du projet lignes bandeau etc E x F Nouveau projet Template Creator e Pr c dent Suivant tape3de4 Styl
61. nus ont une image composite mask par d faut Si vous rempla cez cette image par une des v tres pour en faire un menu image il ne sera plus possible de retrouver ce fichier composite mask Il faut donc cr er un nouveau Style de menu si vous voulez cr er votre propre menu image et non pas modifier un style de menu de Web Creator Sous Menu Fixez les conditions d ouverture des sous menus lorsque cliqu survol Vous pouvez d finir un d calage du sous menu par rapport au menu prin cipal Gardez le m me style d items pour les sous menus en cliquant sur la case cocher ou changez l apparence des items du sous menu de la m me fa on que pour le menu principal B tir un menu en ajoutant des items Une fois le Style de menu s lectionn cliquez sur la case grise Nouveau pour cr er le premier item de votre menu Menultem1 Litem s lectionn deviendra rouge ce qui signifie que c est celui que vous ditez Dans la zone Propri t des items entrez le texte que vous voulez voir appara tre sur l item du menu NS Web Creator Pro 5 e Manuel de prise en main Pour cr er un lien cliquez sur le crayon pour ouvrir la bo te de propri t Options de lien Catalogue Boutiques Collections Accessoires Exclusivit s Paris New York Milan Tokyo Dubai Pour cr er un menu horizontal ajoutez les items suivants droite du pre mier item Pour un menu vertical ajoutez les en dessous du pre
62. objet ins r vous pouvez comme pour tout l ment acc der ses propri t s en double cliquant dessus ET Web Creator Pro 5 e Manuel de prise en main Les banni res dimensionn es 600x250 par ex permettent de remplacer les banni res dans les nouveaux mod les pour ainsi les personnaliser Les banni res abstraites sont li es la palette du projet et permettent un agen cement de couleur avec celles de votre site Une autre cat gorie Mes l ments permet de regrouper des objets dont vous pensez avoir besoin souvent vos favoris Pour les ajouter il vous suffit simplement de les s lectionner en cliquant dessus sur la page active puis de cliquer sur le bouton situ au dessus de la fen tre de la cat gorie Mes l ments Biblioth que Animation Vid o X Bouton Flash Image Son Mes l ments Short bark mp3 MyBlog Un son et un objet calendrier ins r s dans Mes l ments S lection des l ments ll faut tre en mode ter pour s lectionner des l ments sur la page Plusieurs m thodes sont possibles pour s lectionner des l ments e C r cic permet de s lectionner plusieurs l ments e Ctri A s lectionne tous les l ments sur la page e l lastique s lectionnera tous les l ments enti rement contenus dans le rectangle Pour faire le rectangle tenez le clic enfonc et d pla cez la souris Quand vous cliquez sur un l
63. ois l exp rience de milliers d utilisateurs nous a permis de d gager quelques conseils utiles pour se doter d une m thode de travail agr able et efficace e Allez chercher sur notre site www Imsoft com les derni res mises jour avant de commencer votre projet e Pour vos premiers pas utilisez les mod les fournis dans la biblioth que pour cr er rapidement votre premier site web e Ayez recours la Barre de s lection cette zone situ e sur la droite de l cran donne directement acc s aux pages du projet aux l ments de chacune de ces pages et toutes leurs propri t s En recourant la Barre de s lection vous gagnerez en simplicit et en rapidit puisque tous les l ments sont port e de main e Ayez recours au copier coller et au glisser d poser pour inclure plusieurs l ments d un seul coup dans une page e Vous pouvez aussi cr er des groupes s lectionnez plusieurs l ments et cr ez un groupe Insertion Groupej Vous pourrez ensuite attribuer des propri t s communes a tous les l ments contenus dans le grou pe comme le d lai d apparition e Si vous supprimez tous les liens vers une page elle ne fera plus partie du projet mais elle restera dans la liste des pages et vous pourrez tou jours la rebrancher Cette ind pendance des pages est tr s pr cieu se en cas de plantage car seule la page en cours risque d tre affect e e Enregistrez souvent les pages en cours de mon
64. ojet Projet Iwe BE Compression Taux d fini dans les pr f re Al Couleur Fichier image mages _gen_Img5_0bm JUI E Liens et v nements Actions Action lors du survol v nement Action Info bulle Lien http www Imsoft com Pow E Options Hauteur 62 Largeur 140 Maximiser Non Nom Img5 hd l ments 5 C H Dans l onglet l ments la liste des l ments n appara t qu en mode di tion La s quence des l ments repr sente l ordre de superposition des l ments sur la page lors du chargement Vous pouvez changer l ordre en cliquant sur un l ment puis sur les fl ches droite ce qui aura pour effet de le d placer dans la liste Cliquer une fois sur un l ment a pour effet de le s lectionner Double cliquer ouvrira la bo te de propri t s de l l ment Vous pouvez aussi modifier l ordre de superposition des l ments sur une page par un simple glisser d poser Par exemple pour une image de fond d cran celle ci doit se trouver tout en bas de la liste des l ments d une page Sinon elle les masquera Cliquez en maintenant le bouton gauche de la souris sur le nom de l l ment puis d placez le NN Web Creator Pro 5 e Manuel de prise en main Pour chaque l ment d une page ses propri t s apparaissent de la facon suivante e par ordre alphab tique en cliquant sur l ic ne i e par groupe de propri t s en cliquant sur l ic ne E e l ic ne pe
65. ont dans le vide g n rant des messages d erreur lors de la pr para tion pour le web Assurez vous donc d effacer tous les liens pointant vers la page que vous voulez supprimer 4 l onglet Biblioth que donne un acc s imm diat aux diff rents objets multim dias que vous pouvez ins rer dans votre projet D s que vous cliquez sur un dossier son contenu appara t ou un symbole pour les sons Un double clic sur un objet l ins re dans la page courante Une fois l objet ins r vous pouvez comme pour tout l ment acc der ses propri t s en double cliquant dessus EN Web Creator Pro 5 e Manuel de prise en main Personnalisez le modele Faisons un peu de m nage et proc dons par soustraction Tous les mod les servent a tre adapt s vos besoins Cliquez sur les diff rents l ments de la page principale D s qu un l ment est s lectionn un cadre appara t image 06 Il suffit de presser la touche du clavier Suppr pour faire dispara tre cet l ment Vous allez dire pourquoi d truire ce qu un autre a d j construit Tout sim plement parce que de cette mani re vous r alisez tr s rapidement qu une page web est constitu e de plusieurs l ments agenc s de fa on harmo nieuse C est tout le contraire d un texte tap au kilom tre Voici une pre mi re initiation l ergonomie de sites web Accueil Produits Galerie Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diem nibh e
66. oulez cr er une page identique Notez que pour cr er plusieurs pages semblables il est plus rapide d utiliser la fonction Dupliquer dans l onglet page du logiciel Gestion des pages du projet La premi re page s appelle index html par d faut et par convention et porte ra le titre que vous lui donnerez Pour les autres pages utilisez des noms de page et des titres significatifs comme Pr sentation Formulaire etc compor tant les termes que vous souhaitez voir r f renc s par les moteurs de recherche Web Creator Pro 5 e Manuel de prise en main Eg Nouveau dossier projet Les l ments d un projet sont maintenant inclus dans le projet ce qui permet de copier coller tout le dossier d un projet facilitant leur d placement d un ordinateur a un autre et les sauvegardes de s curit Button Creator G n ralit s Cet outil permet de cr er plusieurs sortes de boutons de navigation 2D 3D invisibles et Design Les couleurs des boutons s agencent automatiquement la palette de couleurs de votre projet Cliquez d abord sur le type de bouton que vous voulez cr er Les propri t s sp cifiques chaque type de bouton s afficheront sous le type choisi Les options Texte restent les m mes pour tous les types de boutons sauf les bou tons invisibles Button Creator Butl Bouton Options Actions Liens Type de bouton C2D Deign C 3D C Image Invisible Propri t s D Texte Envoyer
67. ous Cr ez toutes sortes de Cr ez facilement des Cr ez d l gantes lignes m me vos propres boutons de navigation menus de navigation de s paration entre les mod les enti rement 2D 3D invisibles et sans limites sections d une page personnalis s en 4 Design horizontaux ou avec ou sans pointill s tapes faciles verticaux avec sous ombres port es menus d grad s de couleur Flash video Creator Galerie Am ligr e Box creator Toutes les videos et La galerie photo i animations peuvent tre am lior e permatida Cr ez rapidement des banni res ou bo tes pour bien converties en Flash la cr er rapidement une isoler les l ments et mettre en valeur les plus norme qui s est impos e galerie photo partir importants Les possibilit s sont nombreuses pour la transmission de d une liste d images vid os sur Internet Bordures et coins arrondis de taille variable y Zone de texte avec d grad s de couleurs et transparence ajustable pour chaque bo te H bergement En t tes et pieds de page galement LMSOFT offre maintenant un service d h bergement de personnalisables haute qualit parfaitement adapt aux besoms des utilisateurs de Web Creator Visitez notre site Ombres des bo tes ajustables en intensit A sbergement pour en savoir plus transparence hauteur et angle de lumi re Avec le code de rabais Free3 vous obtiendrez 25 de r duction pour tous nos plans d h bergement titre de
68. ous pouvez supprimer des images de la liste ou les d placer avec les fl ches de droite L ordre de la liste correspond leur ordre d apparition La description de l image par d faut correspond au nom du fichier mais vous pouvez la modifier Vous pouvez aussi ajouter des effets d apparition aux images Le fond de la galerie est transparent Vous pouvez mettre une bo te de la cou leur de votre choix sous la galerie si vous d sirez la s parer du reste du conte nu de la page Ceci peut faciliter la lisibilit de la frise en l associant visuellement aux images dans un m me bloc surtout si le fond est fonc Vous pouvez aussi redimensionner toute la galerie Les images seront ajus t es en cons quence Une barre de d filement appara tra si la largeur est insuffisante pour contenir toutes les vignettes Nouveau dossier Projet Les l ments d un projet sont maintenant inclus DANS le projet ce qui per met de copier coller les dossiers de projets facilitant leur d placement d un ordinateur un autre et les sauvegardes de s curit ER Web Creator Pro 5 e Manuel de prise en main Votre site web en 30 mn Web Creator Pro a t concu pour vous faciliter la vie Ce logiciel est le fruit d une longue lign e de produits dont la mission consiste offrir les avan tages du multim dia sans exiger de connaissances techniques particu li res Vous allez r aliser des projets cr atifs fonctionnels professionnels aux
69. pas uniquement les garanties implicites de commercialisation du logiciel et d utilisation du logiciel dans un but particulier 4 Limite de responsabilit s En aucun cas Mindscape ne pourra tre tenu pour responsable des dommages indirects particu liers accidentels ou financiers r sultant de l utilisation et de l impossibilit d utiliser le produit m me si Mindscape a t pr venu de l ventualit de tels dommages La responsabilit de Mindscape ne pourra en aucun cas exc der la somme pay e pour l achat du logiciel Enfin certaines juridictions n autorisant ni l exclusion ni la limite de la responsabilit pour des dommages indirects ou acciden tels les limites exprim es ci dessus peuvent ne pas vous concerner 2009 Mindscape Sommaire Installation et mise jour 3 installation el desinstalaton 244 44 eue sh baues 3 Premier d marrage se sesenta ostra on die 4 ETES MEN S Se rise do deu mai 6 Mise jour sur le Web r Pr sentation g n rale Lessons meerdaso siens enianures 8 Quoi de neuf dans Web Creator Pro 57 8 Consid rations g n rales sur l interface 12 Onglets pour l dition et la visualisation 12 Onglets l ments Couleurs Pages du projet et Biblioth que 13 S lection des l ments 19 SO De a ro 20
70. propri taire de Web Creator 5 Mouvean dosster projet Pour activer Web Creator Permet de copier coller les dossiers de projets facilitant leur d placement d un ordinateur un Activation Acheter D marrer autre et les sauvegardes de s curit Web Creator Pro 5 e Manuel de prise en main e Activer le programme tout de suite en cliquant sur le premier bouton si VOUS avez en main votre code d activation e Acheter un code d activation en cliquant sur le deuxi me bouton e Utiliser le programme en mode valuation durant 30 jours en cliquant sur le bouton D marrer Activation en ligne Vous avez d j enregistr un produit LMSOFT Cliquez ici Informations de base Num ro de s rie Cl d activation Acheter Pr nom Nom Courriel Information optionelle Compagnie Addresse Ville Province tat Code postal Pays Canada T l phone T l copieur Confidentialit Annuler Important Vous devez tre connect Internet pour activer le programme ou acheter une cl d activation Il est toutefois possible d activer le logiciel sur un ordinateur ne poss dant pas de connexion Internet Pour conna tre la marche suivre contactez www Imsoft com sav Web Creator Pro 5 e Manuel de prise en main 5 Enregistrement Comme nous venons de le voir pour avoir une version compl tement op rationnelle du logiciel il f
71. quand le bouton est cliqu ou survol Boutons invisibles Ces boutons sont tr s pratiques pour disposer des zones sensibles sur des images ou illustrations techniques Notons que vous pouvez combiner ces boutons avec les infobulles pour permettre l exploration d une image sous jacente Vous pouvez redimensionner un bouton invisible pour correspondre la taille d une image dans une page par exemple 40 Web Creator Pro 5 e Manuel de prise en main Menu Creator Ce nouvel outil vous permet de cr er facilement des menus de navigation horizontaux ou verticaux avec sous menus Vingt mod les de base per sonnalisables sont propos s et les utilisateurs avanc s peuvent m me cr er leurs propres styles de menus 5 a Menu Creator o Menu Options El Style Visuel Su ma p2 tems Catalogue Bak GE _ l New York Milan Tokyo Dubai 4 Onglet Menu Pour cr er un menu vous devez d abord choisir le style visuel du menu Ajoutez des items pour former un menu principal vertical ou horizontal puis des sous menus Cliquez sur l apercu dans la liste de mod les de menus pour choisir un style de menu Celui ci s ajustera aux couleurs de la palette de votre projet auto matiquement Web Creator Pro 5 e Manuel de prise en main MN S lection d un style de menu la s Stockholm ddi m Valparaiso Amsterdam Liverpool Pour cr er votre propre style de
72. re logiciel e QuickTime n cessaire si vous pr voyez d utiliser des formats que seul QuickTime peut lire Les options par d faut conviennent bien et vous n tes pas oblig de vous identifier ll vous sera toujours possible d ins taller QuickTime plus tard si vous rencontrez un fichier qui en a besoin Vous pouvez conserver le chemin d fini par d faut C Program Files Mindscape Web Creator Pro 5 ou en s lectionner un nouveau en cli Web Creator Pro 5 e Manuel de prise en main MEN quant sur le bouton Parcourir Un clic sur le bouton Suite d clenche le pro cessus de transfert des fichiers sur votre ordinateur Vous pouvez ensuite placer un raccourci sur le bureau de Windows avant que la fin de l installa tion ne vous soit confirm e Vous tes ensuite invit d marrer automati quement le programme D sinstallation Le logiciel peut tre d sinstall en cliquant sur la commande D sinstaller dans le Groupe Mindscape Web Creator Pro 5 du menu D marrer de Windows Notez que seul le logiciel sera d sinstall Les composants NET et QuickTime peuvent tre retir s depuis le Panneau de configuration de Windows Premier d marrage Au d marrage l cran d activation s affiche Vous aurez alors 3 options Activation d un produit LMSOFT La Ps 6 Nouveaut s UJ Web Creator 5 Il vous reste 30 jours pour activer LMSOFT Template Creator Button Creator A menu Creator Line Creator Cr ez maintenant v
73. rique Support Techni que gt Nous crire Malgr tout le soin apport la r alisation de ce programme il se peut que selon la configuration de votre ordinateur vous obteniez un blocage lors du lancement du pro duit ou que certains messages apparaissent Vous trouverez depuis le d marrage automatique du produit autorun un bouton Aide amp Support accessible galement depuis D marrer gt Programmes contenant une liste des questions les plus fr quemment pos es FAQ Celle ci vous renseignera sur les ventuels probl mes rencontr s avec nos logiciels ainsi que leurs solutions Vous pouvez retrouver ce document e Ala racine du CD dans le r pertoire SAV sous le nom FAQ Standard html e Sur notre site Internet www mindscape com rubrique Support Technique gt Probl mes Communs Si le probl me que vous rencontrez ne figure pas parmi ceux qui sont r f renc s ou si votre probleme persiste apr s avoir essay toutes les manipulations indiqu es merci de nous retourner par courrier fax ou e mail le formulaire de renseignements doc ou txt pr sent la racine du CD ROM dans le r pertoire SAV sous le nom Formulaire SAV Veuillez lors de votre appel vous munir des informations suivantes e Nom du produit version et description du probl me libell du message d erreur et son contexte e Configuration de votre ordinateur et version du syst me d exploitation processeur et vitesse quantit de m mo
74. rmet de rendre invisible un l ment en mode dition Cette fonction est tr s pratique lorsque vous travaillez par exemple avec des images qui servent de bouton transparent e l ic ne la permet de verrouiller les propri t s d un l ment Tr s utile pour viter par la suite toute fausse manipulation Onglet Couleurs du mod le Couleurs du mod le Style E Personnalis Ea mu Fichier Tapalette Impal E Primaire EJ 175 198 66 Secondaire EJ 128 128 128 Surol EJ 128 128 128 S lection EJ 231 167 97 Blanc C 255 255 255 Hour BE 0 0 0 Annuler MA 255 13 13 DK EN 91 255 amp Kaki O 191 177 0 Transparent EMM 0 0 0 H E E E E El E El E El l ments Couleurs dumod le Pages du projet Longlet Couleurs du mod le de la Barre de s lection permet de modifier rapidement les couleurs de la charte graphique de votre site Ces couleurs sont communes toutes les pages d un projet Elles peuvent ainsi tre per sonnalis es et s adapter aux couleurs de votre soci t Vous pouvez ne changer les couleurs que pour une page en particulier Vous pouvez galement personnaliser vos mod les en choisissant des couleurs particuli res Web Creator Pro 5 e Manuel de prise en main MES Modifier les couleurs de toutes les pages d un site Cette fonction marche si vous travaillez avec un des mod les fournis avec Web Creator Pro Pour acc der l ensemble des mod
75. ro 5 e Manuel de prise en main l ments Text36 Lasoci t GBlogue GBottom Su A ses IMY _gen_img3_0 bmp GBanner gt GMenu gt GBackground A Page gt Index pag Projet Prajet2 wc DE Compression Taux d fini dans les pr f re al Couleur Fichier image Images _gen_Img5_O bmg CA E Liens et v nements Actions Action lors du survol v nement Action Info bulle Lien http www Imsoft com Pow E Options Hauteur 62 Largeur 140 Maximiser Non Nom Img5 Y 5 l ments z ia Figure 05 Acc dez rapidement aux propri t s de toutes les composantes d un projet 1 Dans l onglet l ments la liste des l ments n apparalt qu en mode Editer La s quence des l ments repr sente l ordre de superposition des l ments sur la page lors du chargement Vous pouvez changer l ordre en cliquant sur un l ment puis sur les fl ches droite ce qui aura pour effet de le d placer dans la liste Cliquer une fois sur un l ment a pour effet de le s lectionner Double cliquer ouvrira la bo te de propri t s de l l ment Vous pouvez aussi modifier l ordre de superpo sition des l ments sur une page par un simple glisser d poser Par exemple pour une image de fond d cran celle ci doit se trouver tout en bas de la liste des l ments d une page Sinon elle les masquera Cliquez en maintenant le bouton gauche de la souris sur le nom de
76. s la barre d outils pr c dente cliquez sur l ic ne d insertion d une image E La fen tre propri t de l image s affiche l cran image 09 60 Web Creator Pro 5 e Manuel de prise en main Propri t s de l image Img1 EJ Image Options Actions Lien Fichier A B R glage M Verrouiller les proportions Configurer Compression fe Taux d fini dans les pr f rences C Definir le taux de compression Taux de compression appliqu lors de la pr paration pour E le web 2 255 2 qualit maximale 255 compression maximale Aper u M Activer Largeur 0 Hauteur 0 Nb de couleurs 0 Taille originale 0 Taille apr s compression et optimisation DKO Temps de t l chargement 56 6 kb s Annuler Aide i Figure 09 La fen tre des propri t s de l image Depuis l onglet Image cliquez sur l ic ne en forme de liste pour acc der aux images de la biblioth que ou sur l icone en forme de dossier ouvert et allez chercher sur votre disque dur le fichier image de votre choix Web Creator Pro accepte directement la plupart des formats d image connus Une fois votre fichier choisi Web Creator Pro affiche un aper u dans le cadre ponyme figure 10 avant de l ins rer sur la page web Remarque Sj vous pouvez voir une pr visualisation de l image c est que Web Creator Pro sait la lire Lors de la cr ation du site l image sera automatiq
77. s sites comportant un grand nombre de pages vous pouvez m me cr er vos propres mod les de pages Page Type Page Type B etc avec les l ments communs pour chaque sous section Ceci vous permettra de Dupliquer les pages partir du mod le en question pour un gain de temps appr ciable Seules les pages vers lesquelles pointent des liens seront mises en ligne donc les mod les de pages que vous cr ez feront partie de votre projet Web Creator Pro 5 e Manuel de prise en main MES Web Creator Pro mais pas de votre site en ligne si vous ne faites pas de liens vers elles Pour lier les pages entre elles vous devrez cr er des liens dans un menu principal commun tout le site puis ajouter au besoin un menu secondaire des boutons de navigation des liens sur des l ments image vid o etc 1 Comme vous avez d j d termin l architecture de votre site vous connaissez d j le nombre d l ments que votre menu contiendra Modifiez le menu par d faut cr partir du mod le de page que vous avez choisi ou cr ez un nouveau menu avec Menu Creator Enlevez les boutons superflus et entrez les noms de sections et de pages aux bons endroits 2 Assignez les liens aux boutons en utilisant la commande Lier que vous trouverez dans la section Propri t s des items de Menu Creator en cli quant sur le bouton diter droite du champ Lien Vous aurez ainsi la premi re version de l architecture de votre site ain
78. ser dans Internet Explorer image 04 diter diter le HTML et le Javascript Weualization avec Internet Explorer Figure 04 Les onglets d dition et de pr visualisation diter Pour cr er vos pages web y ins rer des l ments multim dias images texte boutons vid os etc modifier leurs propri t s diter le HTML et Javascript Ce mode est r serv ceux qui ont cer taines connaissances en programmation ll n est pas n cessaire de vous en servir pour travailler normalement avec le logiciel Parmi les usages pos sibles on peut mentionner la possibilit d effectuer des validations plus pr cises dans les champs d entr e de texte des formulaires ou ajouter des fonctionnalit s compl mentaires en JavaScript Visualisation dans Internet Explorer Ce mode permet de visualiser la page en cours telle qu elle appara tra dans les navigateurs des visiteurs du site Vous pouvez visualiser votre site en conditions r elles via la comman de Affichage Visualiser avec Microsoft Internet Explorer ou tout autre navi gateur install sur votre ordinateur Les onglets l ments Couleurs Pages du projet et Bibliotheque Cette zone facilite grandement l dition d un projet Plac e droite de la fen tre de Web Creator Pro elle permet d acc der rapidement aux diff rentes pages d un projet ainsi qu aux l ments de chaque page et de modifier simplement leurs propri t s Image 05 EN Web Creator P
79. si que de votre menu de navigation principal 3 Assurez vous d avoir bien mis tous les liens et les bons noms sur vos boutons car ce menu sera celui qui sera copi sur toutes les autres pages que vous ajouterez par la suite pour autant qu elles ont le m me Style En effet si vous ajoutez des pages avec un style diff rent celles ci auront un menu diff rent Par cons quent les modifications seront effectu es automatiquement sur le menu de toutes les pages qui ont le m me Style Si vous utilisez deux styles de pages par exemple vous devrez ins rer les liens et changer les noms dans chacun des deux menus ll est possible de copier coller un menu d une page l autre si vous d sirez utiliser le m me menu sur toutes les pages de votre site m me celles de Style diff rent tape 4 Ajout d l ments Une fois l architecture de votre site compl t e il ne vous reste plus qu remplir vos pages de leur contenu images textes animations galerie etc Utilisez le menu d insertion pour ajouter les l ments et configurez les propri t s de chaque l ment en double cliquant sur celui ci Vous pouvez redimensionner et repositionner la plupart des l ments d un simple clic Il est aussi possible de copier coller des l ments ou des groupes d l ments d une page une autre ER Web Creator Pro 5 e Manuel de prise en main Nouveaut s Web Creator Pro 5 Template Creator Pour cr er un nouveau Projet
80. t des pages Web Creator Pro et peuvent accepter le son et la vid o Le g n rateur facili te la cr ation du flux RSS pour l abonnement au blog e diteur RSS XML dans la version Pro permettant ainsi de faire des Podcasts ET Web Creator Pro 5 e Manuel de prise en main e Objets Web pour inclure du code externe et en positionner les aspects graphiques sur la page e Barre d acc s rapide aux l ments de la biblioth que permettant d ajou ter les l ments graphiques d un simple clic cadres verres color s macarons banni res e La version Pro dispose en plus d une cat gorie Mes l ments pour gar der les l ments souvent utilis s dans un projet et les utiliser rapidement e G n ration du fichier SiteMap la nouvelle norme de r f rencement pour optimiser la visibilit et le classement des sites e Suppression de l tape de pr paration pour le web lors de l enregistre ment et modification majeure au code g n r chaque page est enre gistr e directement en HTML e Modification du code pour que le texte et les liens d une page soient dans une premi re partie en HTML Les effets visuels et interactifs sui vent en Javascript Ceci a pour effet de rendre les pages plus compa tibles avec les diff rents navigateurs et plus facilement visibles par les moteurs de recherche e Abonnement gratuit et illimit une version sp ciale de Web Elixir pour effectuer un contr le de qualit du site orthograp
81. t nommer la destination du bouton Page d accueil par exemple ou donner une br ve instruction contactez moi pour plus de d tails sur un bouton email par exemple Boutons 3D Boutons gris non r glables comme dans les bo tes de dialogue de logiciels per u Relev Press Survol Boutons Images Pour cr er un bouton image il vous faudra jusqu 3 images pour repr senter les positions relev cliqu et survol 1 Relev Image lorsque le bouton est sur la page 2 Press Image lorsque le bouton est cliqu 3 Survol Image lorsque la souris passe au dessus du bouton Web Creator Pro 5 e Manuel de prise en main 39 f Button Creator Butl LX Bouton Options Actions Liens Type de bouton c 2D Design C 3D e Image C Invisible Propri t s Texte Envoyer Al Relev Press Survol Image 01 01 02 03 01 01sc X Aper u Relev Press Survol co CCR MA OK Annuler Aide Cliquez sur le dossier pour ins rer chaque image de bouton Assurez vous que les images soient de m me taille pour chacune des positions et corres pondent la taille du bouton dans l onglet Options pour viter que l image ne soit d form e Des connaissances en infographie et un outil d dition d image vous seront n cessaires pour cr er votre propre design de bouton Seul l tat 1 est obligatoire les autres servent donner un effet de r troaction visuel
82. tage e La fonction enregistrer sous est tr s pratique pour faire le m nage En effet tous les fichiers utilis s dans un projet seront alors copi s dans le dossier de destination mais seulement ceux l Vous pouvez ensuite effacer les dossiers de travail ant rieurs o foisonnent les pages aban donn es et les variantes d l ments Web Creator Pro 5 e Manuel de prise en main MEN M thode de travail et planification Assembler soi m me son propre site Internet peut se r v ler un v ritable casse t te et ce peu importe le logiciel que l on utilise Il faut avant tout faire un certain travail pr paratoire sinon gare aux mauvaises surprises Ce petit guide vous aidera bien planifier votre travail afin de tirer le maxi mum des mod les fournis avec Web Creator Pro tape 1 Architecture du site inspirez vous des mod les fournis Avant de commencer l assemblage de votre site il faut en faire le plan un peu comme pour une maison Prenez quelques minutes et faites un dia gramme sur papier des diverses sections de votre site en prenant soin d en identifier les plus importantes celles ci devront tre facilement acces sibles partir de n importe quelle page de votre site Ce travail peut sem bler fastidieux mais cela vous vitera par exemple de refaire toutes vos pages parce que vous avez oubli de mettre un lien important sur chacu ne d entre elles ou de reconstruire vos menus parce qu il manque un
83. ts apport s ce site A cette fin le logiciel compare la nouvelle version avec l ancienne Ainsi seuls les nouveaux fichiers ou ceux qui ont t modifi s seront transf r s vers le serveur d h bergement Le r f rencement SiteMap Les sites faits avec Web Creator Pro sont facilement vus et index s par les moteurs de recherche En plus l outil SiteMap permet de cr er un fichier qui rend les sites encore plus d tectables par les moteurs de recherche Ce type de fichier est la norme sur laquelle se sont entendus Microsoft Yahoo et Google Le fichier SiteMap est g n r automatiquement par Web Creator Pro quand vous mettez votre site en ligne Vous pouvez le modifier en indiquant au moteur de recherche quelle fr quence ils doivent venir visiter votre site En outre il vous permet de r arranger les priorit s l int rieur de votre site afin que les moteurs de recherche affichent prioritairement la page que vous voulez Web Creator Pro 5 e Manuel de prise en main Service Clients Le Service Clients est votre disposition Contactez nous par t l phone du lundi au vendredi de 9h 12h et de 14h 18h au 08 92 70 01 53 e 0 84 euro TTC mn depuis la France M tropolitaine e Pour les DOM TOM 0 282 euro TTC mn pour la Guyane les les de Saint Barth l my et de Saint Martin 0 306 euro TTC mn pour la Martinique la Guade loupe et la R union Par e mail via notre site web www mindscape com rub
84. u Jer adipiscing elit sed diem consectetuer Figure 29 Cr ation d une nouvelle page partir de l onglet Lien de la bo te de propri t s d un l ment Cliquez sur l onglet Lien puis sur l ic ne Cr ez un lien vers une nouvel le page ou une page existante Dans la fen tre S lection d une page existante cliquez sur le bouton Cr er une nouvelle page pour ouvrir l as sistant de cr ation de nouvelle page ou bien choisissez une page d j existante vers laquelle pointer Cette m thode offre l avantage de lier directement un objet une nouvelle page 74 Web Creator Pro 5 e Manuel de prise en main Lorsque vous cliquez sur l ic ne Nouvelle page l assitant de cr ation de nouvelle page s affiche figure 30 F inserer page o hajka Suivant tape 1 de 4 Style Page Th me Couleur Style Page Th me Couleur Aper u Projet vide Panama Amsterdam Liverpool Honolulu Imprimerie Musique Soci t Informatique dition Lun e E Nature Fleurs lectronique Technologie T l phonie Immobilier Loisir Annuler Aide Figure 30 Assistant de cr ation d une nouvelle page Choisissez le mod le qui vous convient Vous pouvez tr s bien rester dans la s rie qui nous a servi de mod le ou bien partir d une page vier ge en choisissant Divers Page vide dans le cadre Dupliquer une page Dans l onglet Pages du projet de la Barre de s lection
85. uement optimis e pour le web Les images seront redimensionn es et converties Non seule ment vous n avez pas conna tre les langages de programmation mais en plus on vous pargne de devoir VOUS y retrouver dans la question complexe des tailles et formats d image Web Creator Pro 5 e Manuel de prise en main E Aper u Largeur Hauteur Nb de couleurs OK Annuler Aide Figure 10 Web Creator Pro affiche un aper u avant l insertion d une image Puis cliquez sur le bouton OK La figure 11 montre que Web Creator Pro place l image au centre de la page par d faut s 2 e o ta rm gt a y EA Ml MERGO a Tees j Ar n n a E j es E LE 2 150 10 tn o w v Figure 11 Par d faut Web Creator Pro ins re tout nouvel l ment au centre de la page Remarque Comme vous pouvez le voir sur la figure 12 chaque nouvel l ment ins r appara t sous la forme d une ic ne dans le cadre l ments de la Barre de s lection dans la partie droite de l interface 62 Web Creator Pro 5 e Manuel de prise en main l ments Ea a Ne A a A Text36 La soci t 3 GNew GBanner GMenu GContainer GTop GBotiom Page L index pag Projet Projet7 Iwec En gt E 4404004 EN EN EN ENE ES Figure 12 L image appara t sous la forme d une ic ne dans le cadre l ments de la Barre de s lection Vous pouvez bien entendu d pla
86. uismod 09 03 2009 Figure 06 Un cadre appara t autour des l ments s lectionn s Voici une page beaucoup plus a r e image 07 dans laquelle vous pou vez ins rer des l ments comme bon vous semble Web Creator Pro 5 e Manuel de prise en main MES TE Web Creator Pro 5 Projet7 Iwc Accueil ES M Fichier Edition Affichage Insertion ocmwsEDumvlse06ll images _gen_Img15_Obn 0 Oui s Actions Lien http www Imsoft com Pow Nom Img15 1079 El ll i 31 Y 108 6321079 140 68 Figure 07 Une page a r e pr te a recevoir des l ments Ins rer des images du son de la vid o Rien de plus simple Tout est pr vu dans Web Creator Pro pour faire vite Ainsi l interface de Web Creator Pro offre une barre d outils qui permet d in s rer rapidement des l ments Image 08 DESL T rE Ea E Qu AE n Figure 08 Ins rez rapidement des l ments depuis la barre d outils Nous vous donnons ci dessous quelques exemples sachant que le princi pe reste le m me pour tous les l ments avec un clic sur le bouton cor respondant l objet vous d finissez ses propri t s et lorsque vous validez la bo te de dialogue des propri t s l l ment en question est ins r dans la page Nous vous conseillons de vous r f rer l aide du programme pour des explications plus pr cises Ins rer une image Dan
87. ultat est montr dans la figure 18 Web Creator Pro 5 e Manuel de prise en main 65 Pour revenir a une couleur de fond transparente il suffit de revenir l ta pe de la figure 16 en choisissant Oui pour un arri re plan invisible Couleurs Couleurs de base SmS i Imi LES AE E EEEF MAA AAA LEE Couleurs personnalis es ELLES Teinte 160 Rouge 255 MU MEA DU SS DJ Satur 0 Vert 255 Couleur Unie Lum 240 Bleu 255 Annuler Ajouter aux couleurs personnalis es Figure 17 Le s lectionneur de couleur w ho f Q a 77 y A de 24 2 r Effet Aucun al Inclure dans le site Oui D couvrez la nouvelle gamme de produits de notre a us is a compagnie dans notre nouveau catalogue en ligne E 224 237 235 Am re plan invisible Non En promotion tous le mois les forfaits de formation Hyperien Couleur E 0 0 255 en entreprise el s minaires de leadership Hyperien Gras Non Hyperlien Italic Non Contactez nous pour plus d information et pour did Ag pa conna tre les disponibilit s de nos formateurs Fa Ex E Liens et v nements Actions Liens E Options Hauteur 279 Largeur 418 Maximiser Non Fi Nom Text4 X 555 Y 417 nm DNS MTI y t l ments A L J Figure 18 Texte avec couleur de fond Ins rer un lien hypertexte Un lien hypertexte permet en cliquant sur du texte une image ou tout autre objet multim dia d acc der une autre page
88. umises par vos visiteurs et les renverse l adresse de coumer lectronique sp cifi e Adresse courriel Sujet Les visiteurs pourront demeurer sur la m me page par d faut ou tre ding s vers la page sp cifi e x Ensuite vous devez int grer des champs pour ce formulaire Faites soit e Menu Insertion Champ de formulaire e Cliquez sur le bouton de la barre d outils Un site peut contenir un ou plusieurs formulaires La bo te de dialogue Champ permet de d terminer ce qui va tre fait avec ces donn es et de nommer chaque champ onglet Options Le contenu des formulaires peut tre r cup r de diverses fa ons e Envoyer le formulaire par courrier lectronique cette option permet de r cup rer le contenu du formulaire en envoyant par courriel l adresse Web Creator Pro 5 e Manuel de prise en main Ea de votre choix Quand vous recevrez les courriels vous pourrez soit les traiter directement soit saisir les donn es dans les programmes que vous utilisez Outlook Excel Access etc e Envoyer le formulaire une page web cette option permet des pro grammeurs sp cialis s de r cup rer et de traiter sur le serveur l infor mation g n r e par les formulaires e Appeler une fonction Javascript permet d interfacer avec du code Javascript dans la page Ce code doit tre incorpor par l onglet diter le HTML et le Javascript e Utiliser le service de retransmission de donn
89. ure Couleur M Largeur 0 pixels ion o Style des items Configurez l apparence du texte de l arri re plan ou de la bordure des items en position relev normal et survol e Relev Choisissez la police de caract re la taille la couleur de la police ainsi que la position du texte cliquez sur une fl che ou le au centre Changez la couleur de l arri re plan du menu en choisissant une couleur de la palette ou autre couleur RGB e Survol Cochez D cochez la case cocher pour garder les m mes r glages qu en position relev ou modifier l apparence de l item survol Web Creator Pro 5 e Manuel de prise en main MEN Menu image fonction avanc e Vous pouvez aussi choisir de cr er un menu de type image Cette op ra tion n cessite des connaissances en graphisme vous devez utiliser un logiciel d dition d image pour cr er les images qui constitueront l arri re plan de votre menu et ce en position relev e et survol e Il faut cr er 3 images Image correspond l arri re plan des items Premier Item pour le premier bout du menu et Dernier Item pour l autre extr mit du menu Pour viter que le menu ne soit d form vous devez vous assurer que les images pour la position relev et survol ont la m me taille ll faut aussi configurer la taille des items pour correspondre celle de l image en pixels et cliquer sur le bouton dimensionnement fixe Les me
90. x couleurs de votre logo par exemple Vous pouvez modifier la transparence de chaque couleur cliquez sur l ic ne devant le nom de chaque couleur puis modifiez la valeur de la trans parence ER Web Creator Pro 5 e Manuel de prise en main Visionnez l apercu de votre projet Attention V rifiez que vos choix donnent le r sultat escompt avec l aper u du projet Si vous d sirez faire des modifications retournez dans les onglets avant que le projet ne soit g n r par le logiciel puisqu il sera impossible de changer cer taines composantes du projet une fois que vous aurez cliqu sur Termin Enregistrer le nouveau projet Par d faut les projets sont cr s dans un dossier Web Creator Pro dans Mes Documents et le logiciel donnera un nom de projet g n rique Projet 1 Projet 2 etc Vous pouvez aussi choisir un autre dossier dans lequel le projet sera enregis tr sur votre disque dur Dans ce cas Web Creator Pro utilisera le prochain nom de dossier disponible si vous ne lui en donnez pas un nouveau ex Projet 9 Lorsque vous avez fini de cr er le style de votre projet cliquez sur Terminer pour cr er votre projet Ajouter des pages Utilisez Nouvelle Page le logiciel aura conserv vos pr f rences afin de vous permettre de cr er une page du m me style que votre page d accueil Vous pourrez videmment d cider de les changer pour cette nouvelle page ou de les conserver si vous v

Download Pdf Manuals

Related Search

Related Contents

Sony CDX-M620FP Operating Instructions  DELTAplus  Manual - Fourstar Group Customer Support Site  Service manual - Masterxoloda.ru    Frigidaire FFRA0511Q1 Energy Guide : Free Download, Borrow, and Streaming : Internet Archive  この「取扱説明書」  Samsung F480 Manual de Usuario  

Copyright © All rights reserved. Failed to retrieve file