Hvordan du lager et HTML-områdekart i Dreamweaver - dummies

Når du oppretter et visuelt nettstedskart, lager du en diagram over alle sidene på et nettsted, inkludert sammenkobling av hovedsidene gjennom navigasjon og undernavigasjon. Du bruker deretter denne informasjonen til å samle og definere innhold på nettstedet, samt tjene som en nyttig veiledning når du genererer mock-up av nettstedets design.

Når nettstedet ditt er fullt bygget, kan du bruke dette visuelle nettstedskartet igjen for å hjelpe deg med å opprette en HTML Site Map-side som vil bli lagt til nettstedet på den eksterne vertsserveren som et verktøy for å hjelpe besøkende til å navigere gjennom nettsted ved hjelp av en liste over hypertekstlenker.

Hva skal inkluderes på HTML-nettstedskartsiden

I sin mest grunnleggende form inneholder HTML-nettstedskartsiden en liste over standard hypertekstlenk til alle sidene på et nettsted. Denne listen skal inneholde lenker til hjemmesiden, til alle hovedsider og delsider på nettstedet, og til andre sider på nettstedet som kanskje ikke er tilgjengelige via hovednavigasjonen, for eksempel en personvernpolicy eller kundeservice side.

For best resultat, lagre siden med filnavnet. html og presentere alle hyperkoblingene til nettstedets sider i et enkelt listeformat.

For å gjøre denne ferdige siden tilgjengelig, bør du inkludere en lenke til den i footer, samt legge til en link til den i hodet på siden. Disse to handlingene vil bidra til at nettstedet blir mer tilgjengelig for

Besøkende med funksjonshemminger ved hjelp av skjermlesingsprogrammer eller andre enheter
Besøkende med andre nettleserværksjoner, for eksempel bare tekstlesere og nettlesere med JavaScript deaktivert
Besøkende som ønsker å kunne gå direkte til hvilken som helst side på nettstedet med et enkelt klikk, i stedet for å bruke nettstedets hovednavigasjonssystem
Besøkende som ønsker å se et blikk på alle sidene på et gitt nettsted og vite hvordan de er praktisk talt organisert.

Opprett en nettstedskartside

Opprette en nettstedskartsside i HTML er ganske enkel. Det handler bare om å sette inn et sett med listede hyperkoblinger som fører til resten av sidene på nettstedet.

Åpne hjemmesiden til den ferdige nettsiden din i Dreamweaver eller i den foretrukne HTML- eller WYSIWYG-kodeditoren.

Hvis du bruker Dreamweaver, må du kontrollere at panelet Filer lister nettstedet ditt som det administrerte nettstedet. Hvis ikke, velg Site → Administrer nettsteder for å velge nettstedet ditt fra oppføringen.
Velg Arkiv → Lagre som, og når dialogboksen Lagre som åpnes, lagre en kopi av hjemmesiden til rotnivået på det administrerte nettstedet ditt med sitemap for filnavn. html.

Den nye siden er identisk med hjemmesiden, inkludert alle nettstedets designelementer, plassering av logoer og navigering.
I hovedredigeringsområdet på siden, velg og slett alt det hjemmesidespesifikke innholdet.

Du har nå plass til å sette inn en liste over hyperkoblinger.
Plasser markøren øverst i det tomme området og skriv inn navnene på alle sidene på nettstedet, inkludert sidekart siden, med ett navn per linje, som de vises på det visuelle nettstedskartet.

Bruk for eksempel sidens navn Hjem, Om, Produkter, Press, Butikker, Kontakt oss og Nettstedskart.
Velg alle ordene og konverter dem til en uordnet liste, og derved konvertere hvert sidenavn til en liste element.

HTML-koden for Site Map-siden skal bruke de uordnede listekodene, som vist i følgende prøvekode:
```
Hjem
Om
Produkter
Trykk
Butikker
Kontakt Us
Nettkart
```
Når du lager din egen Site Map-side i HTML, må du også inkludere koblinger i denne listen til alle sider på nettstedet ditt som kanskje ikke er koblet til via hovednavigasjonen. Hvis nettstedet ditt for eksempel inneholder Personvernregler, Vilkår for bruk og Kundesupport-sider, legger du til linker til disse sidene nederst i listen, rett over linken til siden Site Map.
Hvis du har noen delsider, legger du til sidene i listen som en delmengde av hovedsiden de skal være oppført under, som vist i dette eksemplet:
```
Hjem
Om
Produkter

Sølv
Gull

Trykk
Butikker
Kontakt oss
Nettstedskart
```
For eksempel har Sugar Monkey nettsiden ingen undersider under noen av de viktigste navigasjonslinkene, så du kan hoppe over dette trinnet.
(Valgfritt) Skriv inn en beskrivende setning under hvert punkt i listen for å hjelpe besøkende å finne ut om hva de kan forvente å finne på hver side.

En beskrivelse som dette kan hjelpe besøkende å vise sidene, samt hjelpe søkemotorer å finne og indeksere hver av sidene på nettstedet.

Hvis du for eksempel skulle legge til beskrivelser på HTML-siden for Sugar Monkey Site Map, kan en av dine listeposter se slik ut:
```
Om 
Lær om grunnleggerne av Sugar Monkey og få den virkelige historien bak Sukker Mones suksess.
```
Konverter hvert av sidens navn i listen til hyperkoblinger til deres respektive sider på nettstedet, og sørg for at hver lenke inneholder sin egen tittelattributt.

Hvis for eksempel listeposten ble en lenke til siden Om, kan koden din se slik ut:
```
Om 
Lær om grunnleggerne av Sugar Monkey og få den virkelige historien bak Sugar Monkey's suksess.
```
Lagre endringene, lukk nettstedskartet. html-fil, og last opp en kopi av denne filen til nettstedets eksterne vertsserver.

Test siden så raskt som mulig og korrigér eventuelle taster eller kodingsfeil. Hvis du gjør noen endringer, laster du opp den korrigerte filen til den eksterne vertsserveren.

Ingen vil vite om denne siden før du legger til noen få koblinger for å gjøre siden tilgjengelig for besøkende.