Come usare Spry Widget in Voci di libreria o SSI

July 7

Le voci di libreria sono frammenti di codice riutilizzabili che possono essere aggiunte alle pagine in Adobe Dreamweaver. Una singola copia dell'elemento Biblioteca viene utilizzato in numerose pagine. Quando la voce di libreria viene aggiornato, tutte le istanze di quel codice su tutte le pagine del sito vengono aggiornati. SSI è un server side include. frammenti di codice HTML vengono aggiunte alla tua pagina in carica sul server. Entrambi sono strumenti di risparmio di tempo per gli utenti di Dreamweaver. Ecco come usarlo.

istruzione

1 Utilizzando i widget Dreamweaver Spry come voci di libreria o come SSI presenta alcune sfide. Si può fare, ma è necessario prestare attenzione a tutti gli elementi connessi a tali Spry lavoro dei widget.

2 Per questo esempio, si supponga che si desidera inserire una barra di menu Spry nella tua pagina. Inserirla nel punto appropriato nel documento di Dreamweaver.

3 Salvare la pagina. La informiamo che i file dipendenti devono essere salvati come bene. Questi file sono i file JavaScript e CSS che rendono il lavoro barra dei menu. Esse comprendono anche i piccoli grafica freccia che indicano un sottomenu è presente.

4 Quando vengono salvati, i file dipendenti sono memorizzati nel tuo sito in una cartella chiamata Spry Assets.

Se si guarda il documento in vista Codice, vedrete altri due elementi che vengono aggiunti alla tua pagina in aggiunta alla lista annidata per la barra dei menu. Nella testa del documento, si vede uno script e un elemento di collegamento che collegare il titolo, il file dipendenti nella cartella SpryAssets.

5 Scorrere fino alla parte inferiore del documento in vista Codice, e troverete una funzione chiamata JavaScript.

(Vedi il mio link a risorse al di sotto, che vi mostrerà come trovare tutti questi pezzi in Dreamweaver).

6 Per rendere la barra dei menu in una voce di libreria o SSI, è necessario assicurarsi che qualsiasi pagina in cui si inserisce la voce di libreria o anche includere ha sia il collegamento di script e fogli di stile che si vede nell'intestazione del documento, e anche la chiamata di funzione JavaScript che che si vede in fondo alla pagina. In caso contrario, il widget Spry non funzionerà.

7 Per far funzionare il widget come una voce di libreria, aggiungere il codice HTML barra dei menu alla tua pagina come elemento della libreria. Quindi è necessario collegare ai file nella cartella Assets Spry manualmente. È possibile aggiungere un collegamento al CSS utilizzando il pannello CSS. Il collegamento script può essere effettuata utilizzando Inserisci> HTML> Oggetti script> Script. Il modo più semplice per includere la funzione di chiamata JavaScript dal fondo della pagina è quello di copiare quelle righe di codice nel codice che va nello snippet si salva come una voce di libreria.

8 Per utilizzare il widget come SSI, creare include per il HTML barra dei menu, il codice JavaScript in fondo alla pagina e gli elementi di script e di collegamento nella testa del documento.

Consigli e avvertenze

  • Se si crea il tuo sito utilizzando un modello di Dreamweaver, è possibile aggiungere gli elementi di testa e il codice JavaScript per il widget Spry al modello, e che appariranno in ogni pagina si fanno.