Le logiciel Web Creator, compatible avec chaque formule d'hébergement de site web LWS, dispose de la fonctionnalité " Publication " intégrée.
A l'étape de publication, il vous suffit d'entrer les informations que nous vous avons envoyés lors de l'achat de votre hébergement :
Si vous n'avez plus ces paramètres, cliquez ici : https://www.lws.fr/panel/frperte.php
La configuration de la page est la matrice de votre site web. C’est là que vous définissez la couleur de votre arrière-plan, les marges et le titre de votre site web. Vous pouvez aussi choisir une image comme arrière-plan.
Cliquez sur Files (Fichiers) -> Page setup (Configuration de page) pour ouvrir le Page setup dialog (Dialogue de configuration de page).
Le titre de votre site web apparaîtra dans la barre de titre du navigateur. Par défaut, ce sera votre nom de domaine.
Pour changer le titre de votre site web, ouvrez le Page setup dialog (Dialogue de configuration de page) (voir ci-dessus). Ensuite, inscrivez le titre que vous avez choisi dans le champ Web page title (Titre de page web), et cliquez sur OK.
La marge de la page est l’espace compris entre les bordures de votre navigateur et le début du contenu de votre page web. Vous pouvez régler la marge en haut, en bas, à gauche et à droite.
Pour changer les marges de votre page web, ouvrez le Page setup dialog (Dialogue de configuration de page) (voir ci-dessus) et tapez, en pixels, les valeurs que vous voulez puis cliquez sur OK.
La couleur d’arrière-plan est la couleur apparaissant au fond de votre page web.
Pour changer la couleur d’arrière-plan de votre page web, ouvrez le Page setup dialog (Dialogue de configuration de page) (voir ci-dessus).
Cliquez sur le carré se trouvant à côté du code de couleur hex (dans le présent exemple #ffffff), pour ouvrir une palette de couleurs.
Ici vous pouvez choisir une couleur pour votre arrière-plan. Cela étant fait, cliquez sur OK.
Un autre moyen de changer la couleur d’arrière-plan est de cliquer sur l’icône de couleur d’arrière-plan de la barre d’outils. Cela ouvrira la palette standard dans laquelle vous pourrez choisir une couleur.
L’image d’arrière-plan peut être tirée de vos propres réalisations graphiques, ou d’images prédéfinies tirées du modèle. Si l’on définit une image d’arrière-plan pour le modèle, elle sera sélectionnée par défaut. L’image d’arrière-plan est répétée dans l’arrière-plan et n’est pas seulement placée une seule fois.
Pour utiliser ou modifier une image d’arrière-plan, ouvrez le Page setup dialog (Dialogue de configuration de Page) (voir ci-dessus) et cochez Utiliser background image (image d’arrière-plan) si cette option n’a pas encore été cochée.
Ensuite, tapez le chemin vers la nouvelle image, ou cliquez sur Browse Files (Rechercher les Fichiers) pour choisir un fichier image dans votre serveur.
Cela étant fait, cliquez sur OK.
A l’aide de la barre latérale, vous pouvez gérer les pages web concernant le projet en cours. Dans la barre latérale, vous pouvez ajouter de nouvelles pages et décider lesquelles de vos nouvelles pages doivent être publiées. Chaque page publiée de votre projet est ajoutée automatiquement à un menu pour chaque page du projet.
Vous pouvez décider si vous voulez que la barre latérale s’affiche à gauche ou ne s’affiche pas du tout, en cliquant sur cette icône :
Grâce à la barre latérale, vous pouvez organiser votre projet. Dans celui-ci, vous pouvez avoir des fichiers publiés ou non. Le nom de chaque page listée dans la barre latérale est le texte affiché dans le menu avec un lien vers cette page.
A noter: La barre latérale et le bouton Organize ne fonctionnent que si vous travailler sur un projet depuis un modèle de lws.fr.
Pour ajouter une nouvelle page à votre projet, cliquez sur la touche Add... (Ajouter...) de la barre latérale. Lorsque vous ajoutez une page, vous devez remplir trois champs.
Menu text (Le Texte de Menu) est le texte qui figure dans le menu avec un lien. Si vous modifiez ce texte, il se trouvera automatiquement modifié à chaque page.
Filename (Le Nom de fichier) sera le nom de fichier figurant dans votre espace web. Vous pouvez accéder manuellement au fichier grâce au Gestionnaire de Fichiers.
Web Page Title (Le Titre de Page web) est le titre figurant en haut de votre navigateur. Il peut être différent de vos autres pages web ; par exemple, vous pouvez le dénommer My website - Products (Mon site web - Produits), si la page web que vous allez créer contient des produits.
Cliquez sur OK et la nouvelle page web sera créée.
Si vous souhaitez ajouter un élément à votre menu et que celui-ci ne correspond pas à une page du projet, cliquez sur Add external Link... Vous pouvez ensuite renommer ce nouvel élément et définir son emplacement. Sélectionnez ensuite la façon dont vous souhaitez que cet élément du menu s’ouvre (nouvelle ou même fenêtre). Validez ensuite en cliquant sur OK.
Si vous cliquez sur la touche Organize... (Organiser...), vous obtenez une liste des différents sites du projet. Cliquez sur l’un des fichiers et différentes fonctions apparaissent du côté droit de la fenêtre.
Vous pouvez faire défiler les pages du menu vers le haut ou le bas. Le fichier du haut est le premier lien qui apparaît dans votre menu.
Si la page de votre menu n’a pas encore été publiée (et apparaîtra sous Unpublished (Non publiée) dans la barre latérale, vous devez alors sélectionnez le fichier et cliquer sur la touche Publish (Publier) du côté droit de la fenêtre. En cliquant sur Unpublish (A Ne pas publier) cette page sera supprimée du menu.
Pour pouvoir modifier le texte du menu, modifiez le texte du champ au-dessous Change menu text (Modifier le texte du menu) et cliquez sur Update (Mettre à jour).
Pour pouvoir supprimer une page du projet, vous devez "annuler la publication" de la page, sauvegarder le document et vous assurer qu’il ne s’ouvre pas dans WebCreator.
Sélectionnez le fichier concerné dans la liste de fichiers et cliquez sur Delete page (Supprimer la page).
Pour appliquer les modifications, cliquez sur la touche OK.
Pour que vous puissiez modifier le nom d’un fichier, vous devez d’abord le dépublier et celui-ci doit être inactif.
1.Accédez à l’Editeur web via le Gestionnaire de fichiers en sélectionnant un fichier issu du même projet (mais pas le fichier que vous souhaitez modifier) et cliquez ensuite sur WebComposer (autre nom utilisé pour l’Editeur web) pour l’éditer.
2.Cliquez sur Organize.
3.Sélectionnez le fichier que vous souhaitez modifier et cliquez sur Unpublish, puis validez avec le bouton OK avant d’enregistrer le projet.
4.Cliquez sur Organize de nouveau.
5. Sélectionnez le fichier, cliquez sur Rename File pour le renommer et validez avec le bouton OK deux fois. Sauvegardez le projet.
Si vous rencontrez des problèmes lors de l’étape 5, le fichier est sûrement encore actif ou publié. Assurez-vous que le fichier est dépublié et sauvegardez le projet. Fermez l’Editeur web et suivez ensuite les étapes 1 et 4-5 de nouveau.
Pour ajouter du texte à votre site web, vous disposez d’une grande gamme de possibilités, tout comme dans une application de traitement de texte normale.
Pour le formattage du texte, vous pouvez choisir entre pluseurs styles prédéfinis, en sélectionnant le texte et en choisissant un style dans le menu déroulant de Style.
Pour changer de police, sélectionnez le texte avec le curseur et choisissez la police dans le menu déroulant Font (Police).
Pour changer de taille de police, sélectionnez le texte avec le curseur et choisissez la taille dans le menu déroulant Size (Taille).
Pour changer de couleur de police, sélectionnez le texte avec le curseur, choisissez la couleur en cliquant sur l’icône Font color (Couleur de police) et optez pour une couleur.
Pour surligner du texte, sélectionnez ce texte avec le curseur, choisissez la couleur en cliquant sur l’icône Highlight color (Surlignage couleur) et optez pour une couleur.
Le texte ressemblera à ceci :
Pour utiliser du texte en gras, en italique et/ou souligné, sélectionnez le texte avec le curseur et cliquez sur l’une des icônes suivantes :
Pour faire une liste numérotée, cliquez sur l’icône de la barre d’outils.
Cela placera le numéro 1. dans l’espace de travail. Ensuite, écrivez du texte et appuyez sur Enter pour créer la ligne suivante.
Lorsque vous aurez terminé, appuyez sur Enter puis sur Retour pour revenir à l’édition de texte normale.
La création de listes non numérotées fonctionne de la même façon en cliquant sur cette icône :
Pour augmenter l’indentation de votre texte, placez le curseur à gauche du texte, et cliquez sur l’icône Increase indent (Augmenter l’indentation).
Cela augmentatera l’indentation. Pour la re-diminuer, placez le curseur à gauche du texte, et cliquez sur l’icône decrease indent icon (Diminuer l’identation).
Pour inscrire un indice de texte de bas de page, sélectionnez-le avec le curseur et cliquez sur l’icône Subscript (Indice de bas de pas).
Le texte ressemblera à ceci :
Pour inscrire un indice de texte de haut de page, sélectionnez-le avec le curseur et cliquez sur l’icône Superscript (Indice de haut de page).
Le texte ressemblera à ceci :
Les liens hypertexte constituent l’une des fonctions les plus importantes de la construction des sites web car ils relient ensemble les pages que vous avez créées. Les liens peuvent être du texte ou des images de votre page web.
Pour insérer un lien vers une page ou un fichier présent sur le serveur, sélectionnez le texte ou l’image allant faire office de lien, cliquez sur l’icône de lien et sélectionnez Insert link to file or HTML Document...
Une fenêtre s’ouvrira alors et vous pourrez sélectionner la page ou le fichier vers lequel diriger le lien. Si le fichier n’est pas au format .html, sélectionnez All files. Sachez que le fichier doit avoir été préalablement transféré sur le serveur. Cela peut se faire via le Gestionnaire de fichiers ou bien par le biais d’un programme FTP.
Cliquez OK pour insérer un lien.
La façon dont un lien s’ouvre varie beaucoup selon le format du fichier (.doc .pdf .xls...) et selon le navigateur utilisé.
Certains navigateurs disposent de modules qui permettent d’afficher les fichiers directement, alors que d’autres impliquent que le visiteur télécharge d’abord le fichier pour pouvoir ensuite le visualiser. Il est impossible d’agir sur ce point.
Evidemment, vous pouvez aussi établir des liens avec des pages extérieures à votre site web. Pour cela, sélectionnez le texte/l’image que vous souhaitez utiliser comme lien, cliquez sur l’icône de lien et choisissez Insert link to website (Insérer un lien avec le site web).
Cela ouvre le dialogue suivant :
Tapez l’URL (par ex. http://www.anotherdomain.com ) sur le site web et cliquez OK.
Pour la création des liens, une autre option consiste à créer (en même temps)la sous-page objet du lien. Pour cela, sélectionnez le texte/l’image que vous souhaitez utiliser comme lien, cliquez sur l’icône lien et choisissez Create new subpage and insert link (Créer une nouvelle sous-page et insérer un lien).
Cela ouvre un dialogue. Premièrement, choisissez le titre de votre nouvelle sous-page, en remplissant le champ Web page title (Titre de page web).
Ensuite,choisissez soit de faire de votre nouvelle page une copy (copie) de la page actuelle, une blank page (page vide), ou une blank page with fixed-width layout (page vide avec mise en page à largeur fixée).
Enfin, choisissez le File name (Nom de fichier) pour votre nouvelle page. Le suffixe doit être .html ou .htm.
Cliquez sur OK. Le nouvelle page se chargera alors dans une nouvelle fenêtre.
Pour supprimer un lien sans supprimer le texte/l’image, sélectionnez le lien, cliquez sur l’icône lien et choisissez Remove link (Supprimer le lien).
Le texte ne sera pas supprimé lorsqu’on supprime les liens.
Lorsque vous souhaitez insérer une image dans votre page web, par le WebCreator, vous avez trois possibilités :
Pour pouvoir insérer une image de votre propre ordinateur, vous devez installer un plugiciel pour la télétransmission de l’image. Ce plugiciel contiendra les informations suivantes :
Nom du plugiciel
Composant image pour le composeur de page web Ilosoft
Auteur du plugiciel
lws.fr A/S
Après avoir installé le plugiciel, choisissez la touche Open... (Ouvrir...) dans le coin supérieur droit de la fenêtre ouverte.
Trouvez dans votre ordinateur le fichier image que vous souhaitez ajouter à votre page web. Tous les types d’image sont acceptés, y compris PNG et GIF.
Si vous souhaitez ou avez besoin de faire tourner l’image, vous pouvez le faire au moyen des deux touches qui se trouvent sous la toucheOpen... (Ouvrir...). Vous pouvez tourner l’image vers la gauche ou la droite.
Vous pouvez choisir 4 tailles d’image différentes pour la télétransmission :
Si le fichier est d’une taille supérieure à 80 kb, vous ne pourrez pas choisir la taille d’origine. Pour l’insertion d’images multiples, la Taille d’Origine n’est pas recommandée.
Lorsqu’on choisit Insert image from server... (Insérer une image du serveur...) une fenêtre apparaît avec la liste de tous les fichiers image du répertoire spécifique.
Vous pouvez naviguer à travers vos répertoires et trouver l’image que vous voulez insérer dans votre page web.
Quand vous avez trouvé votre image, il vous suffit de cliquer sur OK et l’image sera insérée à l’endroit du curseur.
Le WebCreator offre des ClipArt dans plus de 70 catégories différentes, depuis les simples dessins noir et blanc jusqu’aux images couleur. N’hésitez pas à les utiliser sur votre page web.
Après avoir choisi votre Clipart, cliquez simplement sur Insert (Insérer) et le clipart s’insérera au point où est placé le curseur.
On peut remplacer la plupart des images des modèles du WebCreator en les sélectionnant avec le curseur et en appuyant sur la touche Delete (Supprimer) de votre clavier. Cependant, certaines images sont insérées dans les modèles en tant qu’images d’arrière-plan dans des cellules de tableau. Voir le chapitre Propriétés des cellules de tableau pour voir comment ces images peuvent être remplacées.
Pour insérer un tableau, cliquez sur l’icône tableau de la barre d’outils.
Choisissez le nombre de lignes et de colonnes avec la souris et cliquez pour insérer le tableau.
Pour ouvrir le dialogue de tableau avancé, cliquez sur Insert (Insérer) -> Table (Tableau) ou Advanced (Avancé) après avoir cliqué sur l’icône correspondante de la barre d’outils. Le menu avancé est décrit dans le chapitre ci-dessous, dans les propriétés des cellules de tableau.
Pour insérer une ligne dans un tableau, veuillez cliquer droit à l’intérieur de la ligne au-dessus de l’endroit où la nouvelle ligne doit être insérée, et choisissez Insert Row (Insérer une ligne).
Pour insérer une colonne dans un tableau, cliquez droit à l’intérieur de la colonne à gauche de l’endroit où votre colonne doit être insérée, puis choisissez Insert Column (Insérer une colonne).
Pour supprimer une ligne ou une colonne, cliquez droit dedans, puis choisissez Delete Row (Supprimer une ligne) ou Delete Column (Supprimer une colonne).
Pour ouvrir les propriétés de tableau avancées, cliquez droit sur le tableau, et choisissez Table properties (Propriétés du tableau).
Choisissez en haut la grandeur de votre tableau. Cliquez sur la touche-%, pour convertir en pixels. Si la largeur ou la hauteur est réglée sur auto, le tableau aura la largeur et la hauteur correspondant à son contenu.
Ensuite, choisissez la largeur et la couleur de la bordure du tableau. Si l’on règle la largeur sur 0, le tableau n’aura pas de bords. Ecrivez la valeur Hex pour votre couleur dans le champ de couleur, ou cliquez sur l’icône de couleur pour changer la couleur.
Enseuite, vous pouvez décider de créer une marge pour vos cellules de tableau, en écrivant un certain nombre de pixels dans la fenêtre.
Au-dessous, choisissez un habillage de texte pour votre tableau. Si vous choisissez In front of text (Devant le texte) vous pouvez librement déplacer le tableau au-dessus du texte et des images.
Ensuite, choisissez une couleur d’arrière-plan pour le tableau en cliquant sur l’icône de couleur. Par défaut, le tableau est transparent.
Enfin, vous pouvez choisir une image d’arrière-plan pour votre tableau en cochant Use background image (Utiliser une image d’arrière-plan). Ensuite, cliquez Browse Files (Rechercher les fichiers) pour choisir une image dans votre espace web, ou écrivez le chemin dans la case de texte. Ensuite cliquez OK pour changer les propriétés du tableau.
Pour changer les propriétés d’une seule cellule, cliquez droit à l’intérieur de la cellule et choisissez Table cell properties (Propriétés des cellules du tableau).
Cela ouvrira un dialogue
En haut, vous pouvez choisir une largeur et une hauteur déterminées pour la cellule. Cliquez sur la touche-% pour convertir en pixels.
Si la largeur ou la hauteur sont réglées sur auto, la cellule aura la largeur et la hauteur correspondant au contenu à l’intérieur de celle-ci.
Choisissez ci-dessous l’alignement de texte de la cellule aussi bien dans le sens horizontal que vertical.
Ensuite, choisissez une couleur d’arrière-plan pour la cellule en cliquant sur l’icône de couleur. Par défaut, l’arrière-plan est le même que pour le tableau.
Enfin, vous pouvez choisir une image d’arrière-plan pour votre cellule en cochant Use background image (Utiliser une image d’arrière-plan). Ensuite cliquez Browse Files (Rechercher les fichiers) pour choisir une image dans votre espace web, ou écrivez le chemin dans la fenêtre de texte. Puis, cliquez sur OK pour enregistrer les modifications.
Les fenêtres de texte sont utilisées comme cellules de tableau individuelles, qui peuvent être déplacées à volonté. Les fenêtres de texte peuvent être transparentes ou avec un arrière-plan.
Pour dessiner une nouvelle fenêtre de texte, cliquez sur Draw (Dessiner) -> Draw text box (Dessiner une boîte de texte) ou sur l’icône correspondante de la barre d’outils.
Choisissez l’option Draw transparent text box (Dessiner une fenêtre de texte transparente) pour créer une fenêtre de texte avec un arrière-plan transparent.
Cliquez et étirer pour obtenir la taille désirée.
On peut déplacer librement une fenêtre de texte. Pour déplacer une fenêtre de texte, cliquez dessus et faites-la glisser jusqu’à l’endroit choisi.
Pour redimensionner une fenêtre de texte, cliquez dessus. Vous pouvez alors redimensionner la fenêtre de texte à volonté et dans tous sens en cliquant et en faisant glisser les carrés blancs.
Pour formatter une fenêtre de texte (couleur d’arrière-plan, couleur des bords etc.) veuillez consulter le chapitre ci-dessus concernant les Propriétés des cellules de tableau.
Cliquez Insert puis Guestbook
Sélectionnez l’aspect de votre Livre d’Or.
Ajustez les réglages de votre Livre d’Or et renommez-le.
Si vous souhaitez que votre Livre d’Or dispose d’un message d’accueil, tapez-le ici ou indiquez que vous ne souhaitez pas avoir de message d’accueil.
Cliquez Install, puis cliquez Finish.
Vous pouvez, alors, cliquer sur le Livre d’Or et le faire glisser où vous le désirez.
Faites un clic droit sur le Livre d’Or et vous pourrez accéder à une liste d’option vous permettant d’apporter des modifications.
Guestbook Properties
Astuce! Lorsque la largeur est de 100%, la taille du Livre d’Or s’adapte automatiquement, ce qui facilite son insertion dans un tableau - si toutefois votre page dispose de tableaux.
Overview
Verrouillez et déverrouillez votre Livre d’Or et permettez à vos visiteurs d’écrire des commentaires.
Messages
La sélection d’un message, fait apparaître la possibilité de l’éditer, le masquer ou le supprimer.
Préférences
Sous la rubrique Appearance vous pouvez modifier certains réglages définis lors de l’installation.
Sous Quotation, vous pouvez définir comment apparaissent les commentaires laissés par les visiteurs.
Sous Form Link vous pouvez définir ce que le lien write in guestbook stipule et si vous souhaitez qu’il apparaisse sous la forme d’un lien hypertexte ou d’un bouton.
Sous Conception du formulaire vous pouvez choisir la mise en page du formulaire qui s’affiche lorsque un visiteur souhaite écrire dans le Livre d’Or.
Sous Personnaliser vous pouvez modifier les couleurs des différents textes du Livre d’Or.
N’oubliez pas de cliquer sur M. à Jour après chaque modification faite dans la rubrique Préférences, pour que les changements soient pris en compte.
Le même Livre d’Or peut être inséré à plus de pages que celle à laquelle il a été inséré initialement. Cliquez sur Voir et ensuite sur Gérer le Livre d’Or. Sélectionnez le Livre d’Or que vous souhaitez insérer et cliquez sur Insérer.
Si vous souhaitez supprimer le Livre d’Or mais conserver les messages.
Il vous suffit de sélectionner le Livre d’Or et de cliquer sur la touche Supprimer de votre clavier.
Afin de désinstaller votre Livre d’Or, cliquez sur Voir puis Gérer votre Livre d’Or. Sélectionnez le Livre d’Or que vous souhaitez désinstaller et cliquez sur Gérer.
Cliquez sur Effacer dans le menu de gauche et suivez les instructions afin de désinstaller votre Livre d’Or.
La marche à suivre pour supprimer une image dépend du type d’image dont il s’agit.
Dans le cas d’une simple image, il vous suffit de la sélectionner et de cliquer ensuite sur Supprimer, de la même manière que vous le feriez pour du texte.
Si l’image est une image de fond de tableau , il vous faut faire un clic droit sur le tableau, sélectionner Table Cell Properties et ensuite enlever ou modifier l’image de fond de tableau sous Background image.
Pour enlever une image de fond d’écran, cliquez sur File, puis sur Page Setup et enfin sur Background Image pour enlever ou remplacer l’image.
Il est possible d’incorporer des vidéos et d’autres objets à l’Editeur web.
Pour incorporer un objet, cliquez sur Embed Flash or insert Guestbook et sélectionnez Embed Flash. Vous pouvez ensuite insérer le code Flash et cliquer sur OK.
Si vous n’êtes pas en mesure de générer le code Flash vous-même, nous vous conseillons de télécharger votre vidéo sur YouTube. Vous pourrez alors copier/coller le code obtenu dans la fenêtre Insert Flash de l’Editeur web.
Pour obtenir le code d’insertion d’un album de la galerie de photos, vous devez d’abord en autoriser le partage. Connectez-vous au Panneau de Configuration, cliquez sur Photo Gallery puis sur Edit à droite de l’album photos concerné pour pouvoir ensuite activer le partage.
Lorsque le partage est activé dans votre galerie, accédez à l’album pour afficher les photos.
Cliquez sur Embed et copiez le code d’insertion. Vous pouvez ensuite le coller dans la fenêtre Insert Flash de l’Editeur web.
Aidez-nous à améliorer notre aide en notant cette page :