Débuter sur iWeb : l'inspecteur des graphismes

inspecteur des graphismes

13 juil. 10

Mettre une couleur ou une image en arrière-plan d’une zone de texte ou d’une figure, personnaliser les lignes, mettre un cadre autour d’objets, leur ajouter une ombre, un reflet ou diminuer leur opacité pour les rendre semi-transparents, voici les fonctions de l’inspecteur des graphismes.

Le remplissage permet de donner une couleur ou une image d’arrière-plan aux zones de texte et aux figures (hors ligne).

Cinq modes de remplissage : aucun, couleur, dégradé, dégradé avancé, image, image teintée.

Ex.

couleur

dégradé

dégradé
avancé

image

image
teintée

Ils permettent de

•personnaliser les lignes (voir page «figures 2»), modifier leurs extrémités, leur couleur, leur épaisseur et leur aspect.
•mettre un cadre autour des figures, des images, des zones de textes et de certains widgets (galerie MobileMe, Youtube, Google Maps).

1.Personnaliser les lignes

une ligne :

inspecteur des graphismes >trait

la même après modification du trait :

inspecteur des graphismes >trait

2.Ajouter des cadres

ils sont de deux types : les lignes et les cadres d’images

Pour info (anecdotique), sur votre site web, les cadres d’images sont généralement constitués de huit images (une pour chaque angle et une pour chaque côté, un côté pouvant être constitué d’une image unique ou d’une image moins large disposée en mosaïque sur toute sa longueur).

On s’en aperçoit par ex. en essayant de prendre un coin du cadre avec le curseur de la souris, on déplace une image en PNG. En pratiquant la même gymnastique pour chaque côté et chaque coin, on récupère toutes les images du cadre et le reconstituer (cf ci-dessous, ici les images des côtés sont disposées en mosaïque ).

Par contre, en cas de rotation de l’image, le cadre et l’image forme une image unique comme on peu constater en essayant de glisser l’mage du navigateur vers le Finder