Hvordan lage en nettside fra ett enkelt stillbilde

For å opprette en nettside fra en enkelt stillbilde, kan du bruke bildekart over overflaten på ditt nettsted grafikk. Et bildekart er et område på websiden utpekt som en "hot spot". Besøkende klikker det for å få tilgang til neste side på nettstedet ditt. Fordi en enkelt stillbilde som fyller en nettside er sannsynlig å være stor og treg å laste i nettleseren, vil du også ønsker å dele bildet ditt inn i seksjoner for å optimalisere hastigheten på ditt nettsted.

Bruksanvisning

Skjær bilde

1 Åpne din grafikk redigering programvare. Eksemplet vist her benytter Adobe Fireworks, en grafisk applikasjon utviklet spesielt for å arbeide med web-grafikk.

2 Åpne bildet du ønsker å bruke for ditt nettsted og endre størrelse på det til dimensjonene du trenger. I Fyrverkeri, er kommandoen for å endre størrelsen på et bilde funnet under Canvas kommando i Endre-menyen.

3

Bruk tekstverktøyet i grafikkprogrammet for å legge en webside tittel eller etiketter til bildet slik at besøkende vil vite hva du skal klikke på hvis det ikke er opplagt fra bildet.

4


Bruk Slice Tool i grafikk programvare verktøykasse for å dele bildet inn i mindre deler. I Fyrverkeri dette gjøres ved å klikke og dra stykket verktøyet til å merke av områder i geometriske former - rektangulær som standard.

5 Hold områder som du ønsker å være klikkbare som enkelt stykker så kartet bildet ikke trenger å gå på tvers av flere stykker for å lage en hot spot.

6

Dobbeltklikk stykket etiketten og endre navnet hvis din web-grafikk programmet gir deg muligheten til å merke dine skiver. I Fyrverkeri, etikettene er i Web Layer-paletten på høyre side av skjermen. Etiketter hjelpe deg med å identifisere de ulike skiver hvis du viser HTML-koden på nettsiden din senere og trenger å justere noe.

7


Lag nok skiver til å dekke hele grafikken.

8


Lagre filen, og deretter eksportere det, ved hjelp av Fil-menyen. Velg HTML og bilder på Export skjermen hvis du bruker Adobe Fireworks. Dette skaper en nettside med HTML-kode for å sette skiver sammen til ett bilde på nettsiden.

Tilsett Bilde Maps

9


Åpne den eksport nettside med skiver i en web redigeringsverktøy for eksempel Adobe Dreamweaver. Du vil merke at bildet har blitt satt sammen av tabeller kant hvis du bruker Fireworks for å eksportere skiver.

10


Legg bildekart til websiden ved hjelp av bildekartet verktøy i nett redigering programvare. Hvis du bruker Adobe Dreamweaver, er bildekart verktøy funnet på felles elementer verktøylinjen under Sett inn bilde kommandoen, som er en rullegardinmeny.

11


Skriv inn adressen på websiden at den besøkende vil bli brakt til ved å klikke på hot spot, vanligvis en annen side på nettstedet ditt.

12


Fortsett å legge til bildekart hot spots til du har alle de områder som omfattes av bildet du ønsker å være klikkbare.

1. 3 Lagre web siden endres, og deretter laste opp web-siden og tilhørende grafikkfiler (skiver) til webserveren. Bruk en nettleser for å teste siden din og se hvordan hot spots fungere.