Utilisation des options de remplissage et de fond du navigateur dans Adobe Muse

Dans la vue Plan, double-cliquez sur la vignette de la page Gabarit A pour l’ouvrir en mode Conception.

La page Gabarit A s’ouvre dans son propre onglet le long de la partie supérieure de l’espace de travail.

Remarque : l’indicateur de sélection se trouve dans l’angle supérieur droit du panneau Contrôle. Lorsqu’aucun élément de page n’est sélectionné, l’indicateur de sélection affiche le mot : Page. Si vous sélectionnez un objet dans la page, par exemple une image, le mot Cadre de l’image s’affiche dans l’indicateur de sélection.

Utilisez l’indicateur de sélection pour vérifier l’élément que vous souhaitez contrôler. Si vous sélectionnez un autre élément de la page, vous pouvez sélectionner à nouveau la page en cliquant sur la zone grise en dehors de la page.

Lorsque la page est sélectionnée, vous pouvez utiliser les menus de la barre Contrôle pour mettre à jour la couleur de remplissage et les paramètres de contour.

Dans le panneau de configuration, cliquez sur Fond du navigateur. Sélectionnez la couleur souhaitée dans le champ Couleur. Pour choisir la couleur de remplissage, vous pouvez effectuer l’une des opérations suivantes :

• Sélectionner une couleur avec le sélecteur de couleurs.
• Entrer la valeur RVB.
• Saisir le code hexadécimal dans le champ Hex#.
• Sélectionner une couleur dans les nuances déjà enregistrées.

Pour appliquer une couleur de fond unie ou dégradée, dans le panneau Fond du navigateur, sélectionnez Unie ou Dégradée. Utilisez le bouton radio pour sélectionner des couleurs unies ou dégradées.

Pour appliquer un dégradé, définissez le type de fond sur Dégradé.Définissez les nuances de couleur pour sélectionner la première et la dernière couleur du dégradé.

Définissez l’orientation du dégradé en configurant la direction sur Horizontal ou Vertical.

Dans le panneau de configuration, cliquez sur Fond. Assurez-vous que la couleur de fond de la page est définie sur Aucune. Le menu Fond affiche un échantillon blanc avec une diagonale rouge.

Ouvrez le gabarit de votre fichier .muse.

Il est possible d’ajouter une image d’arrière-plan à une page en particulier. Cependant, si vous souhaitez que l’image d’arrière-plan apparaisse sur chaque page de votre conception, rendez-vous sur la page Gabarit.

Dans le panneau de configuration, cliquez sur Fond du navigateur. Vérifiez que le Type de fond est défini sur Uni.

Pour sélectionner une image comme remplissage d’arrière-plan, cliquez sur le lien Ajouter une image. Parcourez les fichiers d’images et sélectionnez le fichier sur votre ordinateur. Cliquez sur Ouvrir pour définir l’image d’arrière-plan.

Définissez l’ajustement de l’image d’arrière-plan. Vous pouvez définir l’une des options suivantes :

• Ajuster au fond : l’image d’arrière-plan s’ajuste en taille. L’image s’adapte en taille et en position, selon les paramètres que vous spécifiez.
• Ajuster : l’image est ajustée.
• Taille originale : l’image est appliquée sous forme de remplissage d’arrière-plan dans sa taille d’origine.
• Mosaïque : l’image est répétée dans l’ensemble de l’arrière-plan. L’option de mosaïque vous permet de créer une image plus petite qui se répète pour s’étendre sur la totalité de la fenêtre du navigateur, et ce, quelle que soit la taille de l’écran du visiteur.
• Mosaïque horizontale : les images de la mosaïque sont répétées dans le sens horizontal.
• Mosaïque verticale : les images de la mosaïque sont répétées dans le sens vertical.

Les mosaïques d’images d’arrière-plan sont couramment utilisées dans les conceptions web. Lorsque vous publiez le site, la petite image d’origine que vous avez définie comme mosaïque d’arrière-plan charge seulement une fois dans le navigateur. Les mosaïques d’images d’arrière-plan vous permettent de couvrir de vastes zones de la page, sans incidence sur la vitesse de téléchargement ou les performances de votre site.

Pour définir la position de l’image d’arrière-plan, sélectionnez la position souhaitée dans les neuf positions de la grille. Par exemple, si vous cliquez sur le carré central, l’image s’affiche au centre de la fenêtre du navigateur.

Cliquez n’importe où en dehors du panneau Fond du navigateur pour le fermer.

Pour visualiser l’image de fond, affichez l’aperçu du site dans Adobe Muse ou dans un navigateur.

Ouvrez la page sur laquelle vous souhaitez définir la largeur sur 100 % pour un élément de page. Sélectionnez l’élément de page requis. Par exemple, sélectionnez un rectangle qui s’étend sur la largeur de la page et qui est d’une hauteur de 250 pixels, dans le bas de la page.

Le rectangle étant sélectionné, définissez la valeur 0 comme largeur de contour. Vous pouvez déterminer si le rectangle est sélectionné, car l’indicateur de sélection dans l’angle supérieur gauche affiche le mot Rectangle.

Dans le panneau de configuration, cliquez sur Fond. Assurez-vous que le menu Fond est défini sur Aucun. Vous pouvez voir un échantillon blanc avec une ligne diagonale rouge.

Cliquez sur le lien Ajouter une image dans le panneau Fond. Accédez à l’image souhaitée, sélectionnez l’image et cliquez sur Ouvrir.

Dans la liste déroulante Ajustement, sélectionnez Mosaïque horizontale. Cette option répète l’image en mosaïque de gauche à droite, sur l’ensemble de l’axe X.

Faites glisser les poignées de transformation du rectangle pour le positionner dans le bas de la zone visible. Ajustez la largeur pour qu’elle coupe les côtés gauche, inférieur et droit de la page.

Une bordure rouge s’affiche temporairement pour indiquer que le rectangle est en mode de largeur 100 %.

Dans le panneau de configuration, cliquez sur Fond du navigateur pour développer le menu. Pour sélectionner une image à ajouter en tant qu’arrière-plan, cliquez sur le lien Ajouter une image.

Dans le panneau de configuration, cliquez sur Fond pour développer le menu de Fond.

Définissez l’opacité sur 80 %. Ce paramètre signifie que la page est principalement encore opaque, avec une transparence de 20 %. Vous pouvez continuer à modifier la page pour ajouter une bordure ou appliquer d’autres effets graphiques.