Hvordan bruke Spry Widgets i bibliotekelementer eller SSI

Bibliotek elementer er gjenbrukbare kodebiter som kan legges til sider i Adobe Dreamweaver. En enkelt kopi av biblioteket elementet brukes på en rekke sider. Når Library elementet oppdateres, blir alle forekomster av denne koden på alle sidene i det området også oppdatert. SSI er en server side omfatter. HTML-snutter er lagt til side mens den lastes ned på serveren. Begge er tidsbesparende verktøy for Dreamweaver brukere. Her er hvordan du bruker den.

Bruksanvisning

1 Bruke Dreamweaver Spry widgets som bibliotek elementer eller som sårinfeksjoner presenterer noen utfordringer. Det kan gjøres, men du må ta hensyn til alle elementer som er involvert i å gjøre Spry widget arbeid.

2 For dette eksempelet, antar du vil sette inn en Spry menylinjen på siden din. Sett den inn riktig sted i Dreamweaver dokumentet.

3 Lagre siden. Du er informert om at avhengige filer må lagres i tillegg. Disse filene er Javascript og CSS-filer som gjør menylinja arbeid. De har også den lille pilen grafikk som indikerer en undermeny er til stede.

4 Når lagret, blir de avhengige filer som er lagret på din side i en mappe som heter Spry eiendeler.

Hvis du ser på dokumentet ditt i kodevisningen, vil du se to andre elementer som er lagt til siden din i tillegg til den nestede listen for menylinja. I dokumentet hodet, ser du et manus og en link element som kobler din side til de avhengige filer i SpryAssets mappen.

5 Rull ned til bunnen av dokumentet i kodevisning, og du vil finne en Javascript funksjon samtale.

(Se min link i Resources nedenfor, som vil vise deg hvordan du kan finne alle disse delene i Dreamweaver).

6 For å gjøre menylinja i et bibliotek element eller SSI, må du sørge for at alle sider der du setter inn Bibliotek-objekt eller steder har både manus og stilark linken som du ser i dokumentet hodet, og også Javascript-funksjon samtale som man se nederst på siden. Ellers Spry widget vil ikke fungere.

7 For å gjøre widgeten arbeidet som et bibliotek element, legge menylinja HTML på siden din som et bibliotek element. Da må du koble til filene i Spry Eiendeler mappen manuelt. Du kan legge til en kobling til CSS hjelp av CSS-panelet. Skriptet koblingen kan gjøres ved hjelp av Insert> HTML> Script gjenstander> Script. Den enkleste måten å inkludere Javascript-funksjonen samtale fra bunnen av siden er å kopiere disse linjene med kode inn i koden som går inn i tekstutdraget du lagre som et bibliotek element.

8 For å bruke widget som en SSI, skape inneholder for menylinja HTML, Javascript nederst på siden og scriptet og link elementer i dokumentet hodet.

Hint

• Hvis du oppretter nettstedet ditt ved hjelp av en Dreamweaver mal, kan du legge hodet elementer og Javascript for Spry widget på malen, og de vil vises på hver side du gjør.