Hvordan legge til linje barer til et nettsted

En linje bar er en linje med variert tykkelse som går på tvers av en web-side. Det kan være en horisontal linje eller vertikal, løper fra topp til bunn på skjermen. Du kan bruke en linje bar for å bryte opp to deler av en nettside og gjøre det lettere for betrakteren å forstå hvor ny informasjon blir diskutert. Mange ganger en linje bar er bare brukt for innredning på et nettsted - for å legge til farge og gi området mer flair.

Bruksanvisning

1 Sett innholdet på nettstedet ditt som normalt. Dette inkluderer tekst, bilder, videoer og andre typer informasjon. Da bestemmer de stedene der du vil legge til linje barer. Du kan bruke en av følgende metoder for å lage linjer barer som går på tvers eller opp og ned på siden.

2 Lag en tabell ved hjelp av HTML. Når du bruker denne metoden, kan du enkelt endre lengde, høyde, posisjonering (venstre, høyre eller sentrum justert) og fargen på linjen. Hvis du ønsker en vertikal linje, bare legge til en "høyde" attributt til "tabellen" tag. Bla til "Referanser" og klikk på "Table Code" for å se hele HTML-koden for en tabell som ser ut som en linje.

3 Lag en linje i Adobe Photoshop eller et annet bilderedigeringsprogram. Bare bruk "Line Tool" for å lage en rett linje over et tomt dokument. Endre farge i henhold til dine preferanser. Deretter lagrer du filen som en JPG eller GIF-fil og setter det som et bilde til området der du vil at linjen bar skal vises (bruk "img src" tag).

4 Bruk strek på tastaturet ( "_") gjentatte ganger for en enkel, tynn linje bar på ditt nettsted. For å endre fargen på denne linjen bar, bruk "font color" tag i HTML. Legg ved linjen i "fet" tags (<b>) hvis du vil at det skal være litt tykkere. Dette er bare bra for en horisontal linje --- gjøre dette vertikalt kan skape problemer i HTML-koden, og du vil ikke være i stand til å plassere den optimalt på siden din med andre elementer.

Hint

• Sørg for at din linje kontrast til bakgrunnen. For eksempel, hvis du har en svart bakgrunn, vil en hvit linje bar dukker opp på skjermen best.Hvis du vil at linjen baren å ha intrikate design, ta en forhånds linje fra en gratis linje bar nettsted (se et eksempel under "Resources ") eller lage design i Photoshop.