Insertion Image

Glisser-Déposer

../../Images/Gibson_SG.jpg

Insertion Tableau

Bien que ce n'est pas le but !

icône "Tableau"
Glisser-Déposer

Insertion Grille
Bien que ce n'est pas le but !
Icône " Grille"

Glisser-Déposer dans la boîte.

 CyberObjects icone Palette "Outils"

boite flottante Boîte Flottante (Floating Box)

Généralités

Tout objet devant être animé est obligatoirement enfermé dans un élément que "Golive" nomme "Boîte Flottante". (Floating Box. xxn D ), qui est en fait une "Couche" ou "Calque", qui se place au-dessus du corps de la page.

De manière générale, tous les éléments de la palette s'insérant dans une "feuille de mise en page" peuvent aussi être insérés dans une boîte flottante.

La création d'un Objet est la 1e chose à faire quand on envisage une animation

    1. Insertion d'une boîte flottante
    2. Définition de ses Proprités Statiques, y compris le contenu HTML, la Taille et, éventuellement, son Image ou sa Couleur de Fond.

Présentation

Application : Glisser-Déposer l'icône "Boîte Flottante" sur la page HTML

Paramètrage par Défaut
    • Cadre : 16 x 16 pixels.
    • Sélection Cadre :
      • Clic sur le marqueur jaune en haut et à gauche.
      • Clic sur l'un des bords = 3 poignées de redimensionnement.
    • N° Ordre Insertion :
      • Chiffre en bas et à droite de la boîte.
  • Inspecteur Floating Box / Basic
    • Nom : Nommez la boîte flottante.
    • Gauche et Haut : distance respective entre le "Coin Supérieur Gauche de la boîte flottante" et le "Bord Gauche et au Sommet de la Fenêtre.
    • Largeur et Hauteur :Paramètre de la boîte flottante.
      • Auto
      • Pixels
      • Percent
    • Couleur :
      • Par défaut, la boîte flottante n'a pas de couleur et prend, en Transparence, celle du document.
      • Depuis la Palette Couleur
        • Glisser-Déposer dans le "Champ Couleur".
    • Image Fond : Importez une image par la méthode habituelle.
    • Profondeur : Attribution d'un ordre de profondeur à la boîte flottante.
      • Si durant une animation, une boîte flottante devait en chevaucher une autre, celle ayant le "Plus Petit N° de Profondeur" passerait "Au-dessous de l'autre".
    • Visible : Permet de rendre la boîte visible à un momoent donné.

NB : Netscape (jusqu'à la dernière version testée, la 4.6 sur Mac) n'affichera pas d "Image de Fond" si la boîte flottante est vide.


Insérer un contenu dans une Boîte Flottante











Attention :

Contrôle Poids Page Html

Fenêtre Site

File Inspecteur
Size : 26 468 octets

Remarques : Quand vous placez des boîtes flottantes sur une page HTML, prenez la précaution d'insérer des line-break sous vos boîtes si vous ne voulez pas que les textes les chevauchent. De plus il vaut mieux insérer également un objet ( line-break, lignes, etc ) sous vos boîtes pour les mêmes raisons. Vous pouvez aussi insérer vos boîtes sur une grille. Toutefois, Golive ne vous permet pas de les insérer dans un tableau.

Voir : Javascript en mode "Source" pour chacune des "Boîtes Flottantes"

Test View
Show in Golive
Show in Browser
oeil icone
Preview ... Preview icone
Netscape icone ....... IExplorer icone