I stedet for at bruge Button Wizard'en i Image Composer kan du også
designe dine egne knapper. Det skal vi prøve nu.
Åbn Image Composer
I værktøjsbjælken vælges værktøjet : Shapes og du får vist denne
dialogboks :
Vælg din 'shape' f.eks som her 'retangel'
Går
til kompositions- arealet og træk med musen et retangel i den størrelse
dine knapper skal have.
Create Sprite
Højreklik nu på dit retangel og vælg 'Create'
Dit retangel er nu blevet til en Sprite, med den baggrund farve som pt. var vist i
farvevælgeren nedenunder værktøjsbjælken.
Baggrundsfarve
Du ændrer knappens farve ved at åbne farvevælgeren - vælge en farve og
derefter klikke på 'malerspanden' (Color Fill) i den øverste værktøjslinje.
Dubliker
Da man almindeligvis skal bruge flere ens knapper til navigation på
web-siden skal du nu - når du har fundet den rigtige størrelse og farve til din knap -
dublikere denne.
Vælg i menulinjen 'Edit' -> 'Dublicate' - gentag dette indtil du har
det antal knapper du skal bruge
Indsæt tekst
Åbn tekst-værktøjet i værktøjsbjælken
Vælg skrifttype ,- størrelse og -farve.
Træk et tekstfelt - det behøver ikke være ovenpå din sprite - og
skriv teksten til knappen, f.eks Home
Tilpas størrelsen på tekstfeltet og træk det nu hen ovenpå en af dine knapper
To sprites til én sprite
Du har nu to sprites placeret overpå hinanden - du kan
markere hver enkelt af dem , ved h.h.v. at klikke på retanglets kant og på teksten.
Du skal nu markere dem begge , klik først på teksten så håndtagene
vises, hold nu 'Shift'-tasten nede og klik på kanten af dit retangel... nu skulle begge
Sprites være markeret ... dette kan godt frille lidt så prøv igen .....
Vi skal nu lave de to sprites ( retanglet og den ovenliggende tekst) til
én sprite
Vælg i menulinjen Arrange -> Flatten Selection , og du får denne
advarsel :
hertil svarer du bare ok
Gør nu det samme me dine øvrige knapper - indsæt tekst - sammenføj
dine sprites og indsæt dem i din web-side med funktionen Copy - Paste.
