Bruk av Sothink DHTML-meny i FrontPage

Hva er Sothink DHTML-meny?

Sothink DHTML-meny er et program som kan lage menysystemer for websider. Det kan integreres fullt ut med både FrontPage og DreamWeaver. En kan lage meget imponerende menysystemer, som blir stående vannrett eller loddrett, eller de dukker opp når man trykker høyre musknapp på en side (Right Click menu). I tillegg kan menyen følge med brukeren nedover på nettsida når han / hun ruller.

En kan lage menyer med alle tenkelige farger og de vanligste skrifttypene for web. Menyene kan ha effekter og overganger. De kan kort fortalt tilpasses alle tenkelige behov man måtte ha.

En demo av DHTML-meny kan lastes ned fra Sothinks sider. Jeg ble personlig så pass imponert av programmet at jeg kjøpte det.

Hvordan skal man bruke programmet i FrontPage?

Dokumentasjonen til Sothink er for så vidt grei. Men metodene som ble vist der virket rett og slett ikke for meg i begynnelsen. Jeg tok derfor en titt på hva som skjedde i kildekoden når menyene ble lagt inn på sidene.

1. Start med å lage deg en mal for ei nettside. Opprett redigerbare områder på sida ved å merke disse og velg - Håndter redigerbare områder. Gi området et navn og Lagre. Når du er ferdig med å lage malen din, skal du lagre den med filforlengelsen .dwt i en mappe kalt /maler, som du oppretter direkte under rota på webområdet.

2. Lag til et stilark for malen slik at designet blir enhetlig og bra. Koble dette stilarket til malen (Format - Koblinger til stilark ...).

3. Velg hvor du vil sette inn DHTML-menyen og klikk på knappen DHTMLMenu på knapperaden.

4. Gå gjennom veiviseren eller lag selv et oppsett for menyen som du synes blir bra. Lagre og lukk.

5. Når du er tilbake i FrontPage, lagre malen. Hvis du allerede har sider som bygger på denne malen, spør FrontPage om du skal oppdatere disse sidene. Velg "Ja".

6. Husk på at DHTML-menyen skal ligge i et ikke-redigerbart område i malen, ellers kan man endre DHTML-menyen fra en underliggende side, og dette blir det bare rot av. Hvis du har DHTML-menyen liggende i et redigerbart omårde, så prøv å få selve menyen ut av det redigerbare området. Lagre så malen på nytt, og velg å oppdatere dokumentene som bygger på malen.

7. Lag en ny mappe for dokumentene dine. La denne mappa ligge under rota til webområdet. Kall den f.eks. /dokumenter.

8. Lag et nytt dokument på denne måten: Trykk Fil - Ny. Oppgaveruta vises til høyre i FrontPage-vinduet. Velg Fra eksisterende side. Gå til mappa du har lagret malen i, og velg malen som utgangspunkt for den nye sida.

9. Den nye sida opprettes, og FrontPage gir meldingen 1 side(r) oppdatert. Du kan nå begynne å skrive i de delene av dokumentet som er redigerbart. Gjør dette, og fortsett til du er ferdig med å skrive dokumentet ditt. Lagre dokumentet i mappen /dokumenter.

10. Fortsett med punktene 7 og 8 til du har skrevet ferdig en del dokumenter. Lagre disse i mappen dokumenter, eller i andre mapper som ligger direkte under rota på webområdet.

11. Det er nå på tide å oppdatere DHTML-menyene dine slik at de virker på dokumentene. Merk alle mappene som inneholder dokumenter basert på malen med DHTML-menyen i. NB! Ikke velg noen andre mapper, og ikke velg mappen /maler. Trykk Rediger - Erstatt på menylinja i FrontPage og skriv inn koden du ser på bildet under:
    
    Hvis du ikke helt ser hva som står, så står det "../maler/_pgtres/ i Søk etter:, det står "maler/_pgtres/ i Erstatt med. Pass på at det følgende er merket av: Søk gjennom - Valgte sider, Retning - Alle, Avansert - Søk i kildekode.

12. Trykk På "Erstatt alle"-knappen. FrontPage bruker litt tid på dette. Men når det er fullført, kommer den opp med en melding, og alle forekomster er erstattet.

13. Hvis du vil lage sider som ligger direkte under rota på webområdet, blir det følgende som skal søkes - erstattes:
    Søk etter - "../maler/_pgtres/, Erstatt med - "maler/_pgtres/. Dette må du gjøre hvis du skal lage en index.htm-side under rot, og det skal du vel?

Redigere DHTML-menyen i FrontPage

1. Hver gang du skal gjøre endringer i DHTML-menyen, så åpne malsida. Merk ikonet for koden til DHTML-menyen, dette ser slik ut i utformingsvisning; , og og klikk på ikonet for DHTMLMenu på knapperaden.

2. Rediger menyen i Sothink DHTML, lagre og lukk. Lagre malen, og oppdater sidene.

3. Søk og erstatt som beskrevet i punktene 11-13 over.

4. Nå er sidene klare til publisering.

Under finner du noen bilder fra mitt arbeid med DHTML-menyen i nettstedet.

1. DHTML-meny i FrontPage.
2. Sothink DHTML i arbeid.
3. Søk-erstatt i FrontPage.
4. Søk erstatt DHTML.
5. Erstatt i en fei.
6. Erstatt 198.