Zelfstudie 16

Knoppen maken

Als u webpagina's wilt maken, kunnen knoppen handige hulpmiddelen zijn om gebruikers te helpen bij de verwerking van of de navigatie door uw pagina's. In deze zelfstudie ziet u hoe gemakkelijk het is opvallende knoppen te maken.

Voorbeeld 1:
Voorbeeld 2:

Kies Bestand > Nieuw om een nieuwe afbeelding met een grootte van 60 x 30 te maken (zie het dialoogvenster in afbeelding 10.16.1).

Afbeelding 10.16.1
Selecteer het gereedschap Verloop op de werkbalk Afbeelding en selecteer de optie Sterren in de vervolgkeuzelijst Type. Selecteer vervolgens een blauwe voorgrond en een witte achtergrond. Klik en sleep om het verloop toe te passen. (Klik dus niet alleen op de afbeelding.) Als u de optie Omkeren op de werkbalk Verloop inschakelt, verschijnt de tweede afbeelding uit afbeelding 10.16.2.

Afbeelding 10.16.2
Kies Filter > Kader toevoegen.... en selecteer het type Schuine kant, zoals in afbeelding 10.16.3.

Afbeelding 10.16.3
In afbeelding 10.16.4 ziet u de knoppen met het kader met een schuine kant.

Afbeelding 10.16.4

Gebruik het gereedschap Tekst op de werkbalk Afbeelding om het dialoogvenster Tekst te openen, dat u ziet in afbeelding 10.16.5. In dit voorbeeld wordt een Arial Vet met schaduw en een tekengrootte van 11 gebruikt. Er is ook witte tekst met grijze schaduw gekozen voor extra diepte. U kunt uw eigen lettertype en -stijl kiezen voor de tekst. U kunt op de vervolgkeuzelijsten Tekstkleur en Schaduw klikken om tekst- en schaduwkleuren te selecteren. U kunt ook op de kleurvakken naast de vervolgkeuzelijsten klikken om het dialoogvenster Kleur selecteren te openen en in dat dialoogvenster de gewenste kleuren te kiezen.

Afbeelding 10.16.5
Gebruik het gereedschap Verplaatsen om de tekst naar de gewenste positie te verplaatsen en kies vervolgens Selecteren > Verankeren (vast) om de tekst op de knop te verankeren. Als u tevreden bent, kiest u Selecteren > Deselecteren/verankeren om de marcherende mieren te verwijderen. In afbeelding 10.16.6 ziet u het resultaat.

Afbeelding 10.16.6