Stap 4: Grafische effecten
Streepjes trekken
Strepen lijken eenvoudig, maar zijn het
niet. Sommige ontwerpers willen immers
"strepen met effecten" en met die effecten
loopt het dan vaak mis. Dergelijke strepen
met effecten passen vaak helemaal niet bij
de rest van het ontwerp. Als er animaties
in voorkomen, hebben die wél vaak een
grappig effect, maar ze bemoeilijken de
leesbaarheid van de tekst. Bovendien nemen
dergelijke effectstrepen veel meer ruimte
(en dus ook oplaadtijd) in beslag dan
strepen die met HTML-tags gemaakt worden.
Voor de aardigheid hebben wij in het
bovenste gedeelte van deze pagina enkele
van die streepeffecten gebruikt. Wie
hiervoor warmloopt, moet zijn gang maar
gaan. Onze voorkeur gaat uit naar het
soberder werk. In Tips & trucs
daarover dadelijk meer.
|
Tips
& Trucs
|
| 1. |
Veruit
de meest eenvoudige manier om
stijlvolle horizontale strepen te
maken gaat via de HTML-tag
<HR>. Hieraan kun je een
aantal eigenschappen koppelen zoals
:
| SIZE =
n |
hoogte van de
streep in beeldpunten |
| WIDTH
= n |
lengte van de
streep in beeldpunten of
percentage breedte van het
document |
| ALIGN
= left |
de streep
links uitlijnen |
| ALIGN
= right |
de streep
rechts uitlijnen |
| ALIGN
= center |
de streep
centreren |
| NOSHADE |
solide streep
zonder shaduw |
Met de volgende code ontstaat
deze lijn :
<hr size="7" width="50%"
align="center">
Voegen we de attributen "color"
en "noshade" toe,
dan krijgen we dit :
Met deze tag en zijn attributen
is het mogelijk vrijwel alle
soorten strepen te maken.
|
| 2. |
Verticale
strepen zijn enkel mogelijk via een
grafische afbeelding. Maak een
(kleine) afbeelding van de streep
die je wilt gebruiken, bewaar ze als
JPG- of GIF-file en zet ze op de
gewenste plaats. Eventueel kun je
streep nog uitrekken zodat ze
precies de lengte krijgt die je wil. |
|
