July 19
Le presentazioni sono utilizzati per qualsiasi tipo di contenuto che può essere visualizzato sul Web, compresi testi, immagini e video. presentazioni web in una sola volta per lo più costruito utilizzando Flash, ma JavaScript risorse come jQuery hanno recentemente diventato così diffuso che è possibile creare un attraente, efficace presentazione, senza dover utilizzare software commerciale. Utilizzando JavaScript per la diapositiva mostra anche significa che essi saranno accessibili a persone che non hanno installato Flash Player, come quelli la visualizzazione del sito su dispositivi mobili.
1 Scaricare lo script jQuery. Molte risorse JavaScript gratuiti per le presentazioni web sono attualmente disponibili, ma la gamma di jQuery è di gran lunga la più estesa. È possibile apportare modifiche al codice sorgente se è necessario apportare modifiche, perché queste risorse sono progettati per essere flessibili e adattabili. Dopo aver scaricato lo script jQuery, caricarlo sul proprio server Web e includere un link ad esso nella testa delle pagine del sito:
<Script type = 'text / javascript' src = 'jquery.min.js'> </ script>
2 Sfoglia le risorse jQuery disponibili per trovare una presentazione che si adatta alle proprie esigenze. Un gran numero di plug-in sono ora disponibili per le presentazioni Web, e la maggior parte sono veloce e facile da usare. Controllare la gamma che sono disponibili sul sito di jQuery e su altri siti. Un sacco di strumenti più utili non sono effettivamente elencati sul sito di jQuery, anche se usano lo script. Dopo aver trovato un plug-in che si desidera provare, scaricare e seguire le istruzioni incluse.
3 Includere il codice jQuery necessario nelle pagine Web. Seguire sempre le istruzioni per la vostra risorsa prescelta, ma in generale è necessario includere il codice all'interno della testa delle pagine del sito. Questo codice sarà o uno script per sé o un collegamento a uno script esterno che sarà anche bisogno di caricare sul server Web. Potrebbe anche essere necessario includere risorse aggiuntive, come ad esempio immagini e codice CSS. Quanto segue è un esempio di codice jQuery nella testa di una pagina Web, utilizzando sia uno script e codice esterno all'interno della pagina corrente:
<Script type = 'text / javascript' src = 'jquery.myslideshow.js'> </ script>
<Script type = "text / javascript">
$ (Document) .ready (function ()
. {$ ( '. Tenore') doSlideshow (); });
</ Script>
Lo script "jquery.myslideshow.js" dovrebbe essere nella stessa directory come pagina Web.
4 Preparare il contenuto delle pagine Web per la visualizzazione nella presentazione. Assicurarsi che il contenuto della presentazione è pronto per l'uso da parte di ritaglio delle immagini, la scrittura, nonché ottimizzare le dimensioni dei file. Sarà inoltre necessario per preparare specificamente per la risorsa che si sta utilizzando jQuery. Ciò comporta normalmente posizionando il contenuto di una posizione specifica relativa alle pagine Web e riferimento all'interno delle pagine attraverso specifiche codice HTML, come questo esempio:
<Div class = "content">
<Img alt = "pic1" />
<Img alt = "pic2" />
<Img alt = "pic3" />
</ Div>
Il jQuery plug-in in questo caso sarebbe cercare il documento per gli elementi con l'attributo di classe "contenuto" e svolgere la funzione di "MySlideShow" sui loro contenuti, tre immagini in questo esempio.
5 Modificare lo stile della vostra presentazione per soddisfare il vostro stile generale sito web. Non preoccupatevi se la presentazione adatta alle vostre esigenze, ma non ha lo stile visivo giusta, perché si può cambiare questo dopo aver fatto lo script di presentazione installato. La maggior parte di queste risorse utilizzare JavaScript in collaborazione con i CSS, in modo da poter effettuare tutte le modifiche necessarie per abbinare il vostro stile del sito. Guardate il codice CSS e l'esperimento apportando modifiche ad esso, avendo cura di conservare una copia di eventuali originali nel caso in cui il codice smette di funzionare.