Éditeur de la page d'accueil


L'éditeur de page d'accueil (éditeur HTML ou également appelé éditeur Wyswy) simplifie l'édition des pages Web. Aucune connaissance en programmation n'est requise pour le fonctionnement.

Les fonctions de base

Certaines des icônes des barres de menus sont décrites ci-dessous.

Ouvrir la page lance la gestion des fichiers

sauvegarder la page

Enregistrer la page sous, enregistre la page sous un nom différent

redémarrer la page

découper

Copie

Insérer

Annuler, annuler la dernière action effectuée

Rétablir, annuler la dernière annulation

Couper, copier et coller exemple

Pour copier des objets tels que du texte, des images ou des tableaux, sélectionnez le texte ou l'image et cliquez dessus Copie Symbole. Cliquez maintenant à l'endroit où le texte doit être inséré et sur le Insérer bouton.

Mise en forme du texte

Les fonctions suivantes peuvent être appliquées aux textes. Pour ce faire, marquez le texte correspondant et cliquez sur l'un des symboles.

audacieux

italique

souligné

Exposant

indice

couleur du texte

Couleur de fond du texte

Supprimer le formatage du texte supprime tout le formatage

Police de caractère

Taille de police, avec champ de saisie pour la saisie manuelle de la taille de la police

Alignement du texte

alignement du texte justifié à gauche
alignement du texte centré
alignement du texte à droite
justification
Supprimer l'alignement du texte
Numérotation - Numérotation automatique des paragraphes, en combinaison avec "Paragraphe

les sous-éléments d'indentation peuvent être implémentés
Liste des points - analogue à la numérotation, uniquement stylistiquement avec des points au lieu de chiffres
paragraphe en retrait
Indenter moins le paragraphe

Fonctionnalités spécifiques au Web

Paramètres de la page

modèle

paramètres des menus

objet de libération

Affichage du code HTML

Rechercher - trouve des termes sur la page ainsi que dans la vue Code.
supprimer le lien
Propres photos - gestion des images
Actes - gestion de documents
Barre de menus du tableau - Activer et désactiver la barre de menu
Répertoires FTP - Accès au répertoire FTP
Insérer un séparateur - Conception de texte
formulaire d'insertion - créer des formulaires
Objets spéciaux - Ticker, compteur, date, diaporama, mouseover - image
Bouton Insérer - créer des boutons
Caractère spécial

Créer un lien - connecter des pages

Un soi-disant lien est une référence à une autre page. Un lien peut être du texte ou une image. Pour ce faire, marquez le texte souhaité ou une image dans l'éditeur et cliquez sur insérer un lien .

Dans la fenêtre de lien, cliquez sur   choisir son camp .

Dans cet exemple, un lien vers la page Contact.html est à créer. Dans le gestionnaire de fichiers, cliquez sur la page Contact.html et confirmez avec Reprendre .

Confirmez avec dans la fenêtre de lien Insérer . Enregistrez les pages, fermez l'éditeur et testez le lien.

Liens externes – lien vers un autre site Web

Les liens externes sont des références qui se connectent à un autre site Web. Pour ce faire, marquez le texte souhaité ou une image dans l'éditeur et cliquez sur insérer un lien . Entrez maintenant la soi-disant URL du site Web dans le champ "Lien", par exemple https://www.bluetronix.de , une. Si le site Web doit être ouvert dans une nouvelle fenêtre de navigateur, sélectionnez sous Cible Nouvelle fenetre .

Confirmez avec dans la fenêtre de lien Insérer . Enregistrez les pages, fermez l'éditeur et testez le lien.

Gestion des images – télécharger des images

À l'aide de la gestion des images, vous pouvez transférer des images de votre PC local vers votre espace de stockage Web et les insérer dans l'éditeur, par exemple.

Sélectionnez le répertoire d'images
éditeur d'images, pour modifier l'image en ligne
Image claire
télécharger l'image (télécharger)

Dans l'exemple suivant, une image doit être téléchargée puis insérée dans l'éditeur.

Lancez la gestion des images en cliquant sur le bouton gestion des images . cliquer sur Rechercher , sélectionnez un fichier image sur votre PC. cliquer sur Ouvrir puis vers le haut Télécharger une image .

Pour insérer l'image, marquez l'image d'un clic et appuyez sur Insérer une image .

Un fichier image doit avoir l'extension jpg, jpe, jpeg, png ou gif et ne doit pas dépasser 1 Mo. Pour télécharger des fichiers non applicables, utilisez le Accès FTP .

La barre de menus des images

Lorsque vous cliquez sur une image dans l'éditeur, la barre de menu de l'image s'affiche automatiquement.

Ici, vous pouvez définir la taille de l'image, le titre de l'image, la couleur de la bordure et la largeur de la bordure. La fonction Lisse calcule automatiquement l'image à la taille d'image saisie. La fonction voiture recadre l'image pour l'adapter proportionnellement à la taille d'image donnée.

Dans l'exemple suivant, l'image a été transférée avec une résolution de 640x480 pixels et une taille de fichier de 95 Ko et insérée plusieurs fois dans l'éditeur dans différentes tailles d'image.

Image au format 250x188 pixels, avec lissage et proportionnalité, taille du fichier 28 Ko

Image au format 150 x 188 pixels, avec anticrénelage et recadrage automatique, taille du fichier 18 Ko

Image au format 250 x 100 pixels, avec anticrénelage et recadrage automatique, taille du fichier 17 Ko

Une image peut ainsi être utilisée à différents endroits de l'éditeur dans différentes résolutions. Les images sont automatiquement calculées en taille de pixel et en résolution par le logiciel bluetronix. Un recadrage préalable des images peut être omis.

  Si l'image est remplacée dans la gestion des images, toutes les versions de cette image changeront automatiquement.

L'éditeur d'images

Avec l'éditeur d'images, vous pouvez facilement éditer des images à partir de la gestion des images en ligne sans aucun logiciel supplémentaire.

Ouvrir l'image, démarre la gestion des fichiers

enregistrer l'image

Enregistrer l'image sous, enregistre l'image sous un nom différent


Champ de sélection du facteur de zoom
Annuler, annuler la dernière action effectuée

Rétablir, annuler la dernière annulation
miroir verticalement
miroir horizontalement
Champ de sélection du contraste
Champ de sélection de la luminosité
Recadrer l'image, recadrer au chapiteau
Supprimer la sélection
Largeur du champ de saisie en pixels
Champ de saisie Hauteur en pixels
Conserver l'option de proportionnalité lors de la modification des dimensions de l'image
Rogner l'image à la taille d'entrée
Réinitialiser l'image, réinitialiser à l'état initial
Champ de saisie pour la rotation en degrés
Le sens des aiguilles d'une montre
Tourner dans le sens antihoraire
Convertir en image négative
Convertir en image en niveaux de gris

Exemple - modifier une image en ligne

Dans l'exemple suivant, une image est ouverte, recadrée dans une section d'image spécifique, mise en miroir et enregistrée après avoir réglé la luminosité et le contraste.

 

image originale

Image après traitement

Commencer le gestion des images , mettez une image en surbrillance et cliquez sur L'édition d'image . Pour recadrer l'image, cliquez avec le bouton gauche de la souris sur le point de départ de la section d'image. Maintenez le bouton de la souris enfoncé et faites glisser le cadre jusqu'au point final de la section d'image. Cliquez sur l'icône recadrer l'image . Cliquez sur le bouton pour retourner l'image miroir horizontalement .

À l'étape suivante, la luminosité et le contraste sont réglés. Pour ce faire, utilisez les champs de sélection et réglez Contraste sur +2 (augmenter de 2 valeurs) et Luminosité sur -1 (diminuer d'une valeur). Si le résultat souhaité n'a pas été atteint, cliquez sur Défait pour annuler la dernière action. Enregistrez l'image en un clic Enregistrer sur ordinateur .

Gestion des documents – télécharger un document

Avec l'aide de la gestion de documents, vous pouvez transférer des documents tels que PDF, DOC, XLS, ZIP et des fichiers multimédias tels que WAV, MP3, SWF, MOV etc. de votre PC local vers votre espace de stockage Web et les insérer dans l'éditeur, par exemple.

Selon le format, le document est inséré de telle manière qu'il est généralement appelé avec l'application correspondante. Par exemple, un PDF est inséré de manière à ce qu'un clic sur le nom du fichier l'ouvre dans le programme PDF. Cliquer sur un fichier ZIP ouvre la fenêtre de téléchargement (download window). Pour MOV et MP3, le lecteur s'ouvrira pour lire le film ou la piste.

Sélectionnez le répertoire de documents
Aperçu dans une nouvelle fenêtre
Supprimer le document
Télécharger le document (télécharger)

Télécharger un fichier PDF

Dans l'exemple suivant, un document PDF doit être téléchargé puis inséré dans l'éditeur.

Démarrez la gestion des documents en un clic sur le bouton gestion de documents . cliquer sur Rechercher , sélectionnez un fichier sur votre PC et cliquez sur Ouvrir puis vers le haut Téléverser un fichier .

Pour insérer le document, marquez-le d'un clic et appuyez sur Insérer un fichier . Fermez le coffre-fort et enregistrez la page. Si vous cliquez maintenant sur le nom du fichier sur votre page d'accueil, le PDF s'ouvrira automatiquement dans le programme PDF.

Téléchargez un fichier ZIP, rendez-le disponible au téléchargement

Dans l'exemple suivant, un fichier ZIP doit être mis à disposition pour téléchargement.

Démarrez la gestion des documents en un clic sur le bouton gestion de documents . cliquer sur Rechercher , sélectionnez le fichier ZIP sur votre PC et cliquez sur Ouvrir puis vers le haut Téléverser un fichier .

Pour insérer le fichier, marquez-le d'un clic et appuyez sur Insérer un fichier . Fermez le coffre-fort et enregistrez la page.
Pour tester le téléchargement, cliquez sur le nom de fichier du fichier ZIP sur votre page d'accueil puis dans la fenêtre "Enregistrer le fichier" Enregistrer sur ordinateur .

Un fichier de document doit avoir l'extension tiff, tif, fla, swf, wav, doc, wri, txt, xls, pdf, csv, zip, mpg, mov, mp3 ou ppt et ne doit pas dépasser 10 lorsqu'il est téléchargé dans le document système de gestion être MB. Si le fichier est plus volumineux, téléchargez-le via FTP. Voir Télécharger un fichier via FTP .

Tableaux - Barre de menus Tableau

Lors de la conception d'un site Web, les tableaux ont une fonction importante pour positionner les éléments.

Insérer un tableau

Cliquez sur le bouton dans l'éditeur Insérer un tableau . Pour faire ressortir le tableau, définissez les paramètres de couleur d'arrière-plan, de couleur de bordure et de largeur de bordure. Entrez le nombre de colonnes et de lignes et validez avec Insérer .

Si vous cliquez dans un tableau ou sur le bord d'un tableau sous l'éditeur, la barre de menus du tableau s'affiche automatiquement.

Insérer une ligne - insère une nouvelle ligne de tableau sous la ligne sélectionnée

Supprimer la ligne - supprime la ligne sélectionnée

Insérer une colonne - insère une nouvelle colonne de tableau à côté de la colonne sélectionnée

Supprimer la colonne - supprime la ligne sélectionnée

Largeur totale du tableau - formate la largeur du tableau en pixels et en pourcentage

Hauteur totale du tableau

Espacement des cellules - définit l'espace entre le texte et la bordure

largeur de la marge

Couleur de la bordure - La couleur de la bordure du tableau

Couleur de fond du tableau

Image d'arrière-plan de cellule - une image d'arrière-plan peut être définie pour chaque cellule du tableau

Supprimer l'image d'arrière-plan de la cellule

Couleur d'arrière-plan de la cellule - comme pour l'ensemble du tableau, une couleur d'arrière-plan peut également être sélectionnée pour chaque cellule du tableau

Largeur de colonne de cellule - formate la largeur de la colonne en pixels et en pourcentage

Hauteur de ligne de la cellule

alignement vertical du texte - le texte dans un champ de tableau peut être aligné verticalement

Positionner le tableau invisible, le tableau sans bordure, le tableau transparent, l'image et le texte côte à côte

Un tableau sans bordure peut être utilisé pour aligner et positionner des images et du texte. Dans l'exemple suivant, deux images, chacune avec une description d'image, doivent être positionnées l'une à côté de l'autre.

Dans l'éditeur, cliquez sur Insérer un tableau . Entrez 2 pour le nombre de colonnes (pour 2 images) et entrez 1 pour le nombre de lignes. Étant donné que le tableau n'est utilisé que pour le positionnement et ne doit pas être visible sur la page d'accueil, entrez 0 pour "Border width". Confirmer avec Insérer . Le tableau est affiché avec une largeur de bordure de 0 dans l'éditeur avec des lignes en pointillés. Après avoir enregistré la page, ces lignes ne sont plus visibles.
Dans l'éditeur, cliquez dans le champ du tableau de gauche et ajoutez depuis le gestion des images Une image. Entrez une description d'image sous l'image. Cliquez maintenant dans le champ de droite du tableau et insérez la 2ème image. Enregistrez la page et vérifiez le résultat sur votre page d'accueil.

Sélection du chapitre du logiciel de la page d'accueil
CMS