Hvordan Plasser et bilde med Absolute i Frontpage 2003

Alle nettsider er bygget ved hjelp av en samling av Hypertext Markup Language (HTML) elementer kjent som koder. Som standard nettlesere laste disse kodene i den rekkefølgen de vises, fra den første linjen med kode og jobbe nedover. Denne virkemåten er ofte referert til som "normal flyt". Gjennom bruk av Cascading Style Sheets (CSS) kode og dens absolutte posisjoneringsegenskaper, kan du trekke elementer ut av den normale flyten og plassere dem hvor som helst på siden, uansett hvor HTML-kodene er plassert. Når du forstår riktig syntaks, absolutt posisjonering et bilde ved hjelp av Microsoft Frontpage 2003 blir en rask oppgave.

Bruksanvisning

1 Åpne Microsoft Frontpage 2003.

2 Se til nederste venstre hjørne av programvinduet og klikk på "Design" -knappen.

3 Klikk på "File" øverst i menylinjen og velg "Open". Finn websiden i resultatfilen vinduet og åpne den ved å dobbeltklikke på ikonet.

4 Single-klikk på bildet du vil absolutt posisjon. Hvis du ennå ikke har lagt bildet på siden, klikker du første "Insert" i toppmenyen, velg "Bilde" og deretter "Fra fil." Finn bildet i den resulterende filen vinduet og legge den til siden ved å dobbeltklikke på ikonet.

5 Se til nederste venstre hjørne av programvinduet og klikk på "Code" -knappen. Frontpage bytter til sin "Code View" modus, fremhever HTML-kode som styrer innholdet og utseendet på bildet du valgte tidligere. Koden vil ligne på følgende:

<Img src = "file_name.jpg" width = "400" height = "250">

6 Klikk like før ">" tegn på slutten av koden, og trykk på mellomromstasten en gang.

7 Sett inn en CSS stil erklæringen i den plassen du nettopp opprettet, slik at koden ligner på følgende:

<Img src = "file_name.jpg" width = "400" height = "250" style = "position: absolute; left: 100px; top: 50 piksler">

Dette eksemplet plasserer ditt bilde 100 piksler fra venstre kant av nettleservinduet og 50 piksler fra øverste kant av vinduet. For å plassere bildet i forhold til den høyre kanten av vinduet, bruker den "riktige:" parameter i stedet for "venstre:" For å plassere den i forhold til bunnen av vinduet, bruk "bottom:" parameter i stedet for "top:"

8 Klikk på "File" øverst i menylinjen og velg "Lagre" for å bekrefte endringene.