 Guide
d'utilisation
www.aidenet.com
|
Page 23 -
|
|
Positionnement
d'image
Les explications suivantes supposent que
vous avez placé les images sur votre disque dur dans le
dossier Répertoire local, où vous pouvez aussi
créer un sous-répertoire réservé à
ces images si vous en avez beaucoup.
Choix et mise en place d'une
image :
Sur votre page ouverte vous placez le point d'insertion clignotant
à l'endroit (approximatif) où vous souhaitez
positionner l'image à venir.
Vous cliquez ensuite sur le bouton n°13 
ce qui provoque l'ouverture de la fenêtre ci-dessous.
Dans cet exemple il est supposé qu'il existe dans le
Répertoire un sous-dossier images qui s'appelle "animation" et
ou se trouve la super.gif.
fig.1 
Sélectionnez l'image de votre choix en l'occurrence
"super" n°1, son nom s'affiche aussitôt dans la
zone de saisie n°2, avec l'extension .gif dans la zone
n°3, et il ne reste qu'à cliquer "Ouvrir"
n°4.
et voici notre cobaye qui apparaît.
Editeur d'objet pour modifier les attributs
d'une image :
Après avoir sélectionné cette image qui se
pare d'un filet bleu et de 3 poignées, vous cliquez ensuite
sur le bouton Editeur d'objet" n°9 
et voici une nouvelle fenêtre :
fig.2 
Pour revenir au paragraphe "Image
entrelacée" >>> cliquez ici
.
Onglet
"Apparence"
L'emplacement n°1 fait
référence au chemin qui mène à l'image
sélectionné.
Le bouton n°2 vous permet
de choisir une autre image dans la fenêtre de la fig.1
en tête de cette page qui s'ouvre pour effectuer votre
sélection, puis cliquer "Ouvrir" n°4" pour qu'elle
s'efface et que la nouvelle image remplace la
précédente.
Texte de remplacement
n°3, renseigne le visiteur qui surfe sans ouvrir les
images et ,aussi pour les robots de moteurs de recherche en vue de
votre référencement. A choisir avec tact pour
satisfaire les deux.
Largeur n°4, qui se fixe
en Pixels pour conserver les
dimensions de l'image indépendamment de la largeur de la
fenêtre du navigateur. Ou alors en
Pourcentage de la largeur de la
fenêtre du navigateur. Tout dépend de la nature de
l'image et de son positionnement dans la page.
Hauteur n°5,
présente les mêmes options que pour la largeur.
Bordure n°6, est
égale en pixels à la largeur de la bordure dont vous
encadrez votre image, et le paramètre zéro
génère une bordure invisible qui vous allez le voir
plus loin est souvent utilisé pour les images qui servent de
lien hypertexte.
Alignement n°7, pour
modifier l'alignement de l'image par rapport au texte qui
l'accompagne sur la ligne.
Transparence et entrelacement
n°8, expliqué page suivante.
Définir n°9, ouvre
la fenêtre pour "définir Transparence et
entrelacement".
Restaurer les dimensions
n°10, pour restaurer la dimension origine d'une image
sur laquelle vous avez modifié les données pour faire
des essais.
Pixels ou pourcentage n°
11, pour sélectionner l'option en fonction de votre
choix compte-tenu des explications ci-dessus au n°4.
fig.3
|
Exemple d'alignement
vertical, bouton n°7
|
|
 bonjour
|
bonjour
|
bonjour
|
bonjour
|
bonjour
|
|
= bas
|
= centré
|
= haut
|
= gauche
|
= droite
|
EXEMPLE de placement de texte
autour d'une image
Voici un texte, où vous placez le
point d'insertion devant la premier ligne à gauche,
IVous avez choisi d'utiliser
Claris Home Page comme logiciel de création de pages Web et je
pense que ce choix en vaut bien d'autres, car vous allez pouvoir
réaliser ainsi à votre tour un magnifique
Site.Peut-être pas du premier coup, mais c'est passionnant et
le langage HTML qui est utilisé pour coder et
transférer vos données sur l'Internet mettra parfois
vos nerfs en boule, mais avec le temps et l'expérience aidant,
vous allez très vite devenir Webmaster en titre.
Puis vous insérez l'image choisi,
qui sert de "cobaye" :
Vous avez
choisi d'utiliser Claris Home Page comme logiciel de création
de pages Web et je pense que ce choix en vaut bien d'autres, car vous
allez pouvoir réaliser ainsi à votre tour un magnifique
Site.Peut-être pas du premier coup, mais c'est passionnant et
le langage HTML qui est utilisé pour coder et
transférer vos données sur l'Internet mettra parfois
vos nerfs en boule, mais avec le temps et l'expérience aidant,
vous allez très vite devenir Webmaster en titre.
Pas très équilibré comme résultat,
mais ouvrez la fenêtre "Editeur
d'objet n°9" qui est représenté dans
cette même page fig.2.
Puis sélectionnez le menu du
bouton 7 et l'option
"gauche" comme indiqué
ci-après :
Voici la reproduction du menu qui s'ouvre
lorsque vous cliquez le bouton 7 du schéma
précédent fig.2
Vous avez sélectionné "Gauche" dans l'exemple
suivant.
Vous avez
choisi d'utiliser Claris Home Page comme logiciel de création
de pages Web et je pense que ce choix en vaut bien d'autres, car vous
allez pouvoir réaliser ainsi à votre tour un magnifique
Site.Peut-être pas du premier coup, mais c'est passionnant et
le langage HTML qui est utilisé pour coder et
transférer vos données sur l'Internet mettra parfois
vos nerfs en boule, mais avec le temps et l'expérience aidant,
vous allez très vite devenir Webmaster en titre.
Résultat obtenu, mais esthétique pas très
réussie. Pour y remédier vous poursuivez et sans
refermer cette fenêtre, vous ouvrez l'Onglet "Etendu" et dans
la zone 2 qui permet d'ajouter des paramètres
supplémentaires, vous tapez par exemple le code suivant :
hspace=25 vspace=5 avec
hspace=distance horizontale et vspace=distance
verticale.
Vous pouvez mieux juger en allant voir l'explication faite pour
ceux qui programment manuellement ..... ici..(retour
assuré)
fig.4 
Attention : Pour les deux
exemples suivants, le résultat n'apparaît que sur
l'écran du navigateur.
Vous
avez choisi d'utiliser Claris Home Page comme logiciel de
création de pages Web et je pense que ce choix en vaut bien
d'autres, car vous allez pouvoir réaliser ainsi à votre
tour un magnifique Site.Peut-être pas du premier coup, mais
c'est passionnant et le langage HTML qui est utilisé pour
coder et transférer vos données sur l'Internet mettra
parfois vos nerfs en boule, mais avec le temps et l'expérience
aidant, vous allez très vite devenir Webmaster en titre.
Nettement plus agréable, et rien
ne vous empêche d'insérer l'image au milieu d'un
paragraphe.
Vous avez choisi d'utiliser Claris Home Page comme logiciel
de création de pages Web et je pense que ce choix en vaut bien
d'autres, car vous allez pouvoir réaliser ainsi à votre
tour un magnifique Site.Peut-être pas du premier coup, mais
c'est passionnant et le langage HTML
qui est utilisé pour coder et transférer vos
données sur l'Internet mettra parfois vos nerfs en boule, mais
avec le temps et l'expérience aidant, vous allez très
vite devenir Webmaster en titre. Vous avez choisi d'utiliser Claris
Home Page comme logiciel de création de pages Web et je pense
que ce choix en vaut bien d'autres, car vous allez pouvoir
réaliser ainsi à votre tour un magnifique
Site.Peut-être pas du premier coup, mais c'est passionnant et
le langage HTML qui est utilisé pour coder et
transférer vos données sur l'Internet mettra parfois
vos nerfs en boule, mais avec le temps et l'expérience aidant,
vous allez très vite devenir Webmaster en titre.Vous avez
choisi d'utiliser Claris Home Page comme logiciel de création
de pages Web et je pense que ce choix en vaut bien d'autres, car vous
allez pouvoir réaliser ainsi à votre tour un magnifique
Site.
<<< Sommaire CHP
......@......Images-3 et Images
entrelacées >>>
"Créer sa page
perso"
http://www.aidenet.com
|
