Come creare siti web dinamici in Dreamweaver

June 4

Come creare siti web dinamici in Dreamweaver


Adobe Dreamweaver è probabilmente il miglior prodotto web-edificio sul mercato, ma a volte la qualità aumenta la complessità. Mentre fornisce una serie di strumenti per la creazione di siti web dinamici - che sono siti web basati su database che utilizzano un linguaggio di scripting come PHP - si può trovare difficile proprio dove gli strumenti sono, o il modo di usarli bene. Se avete un po 'di pazienza e, come per risolvere problemi, sarete sulla buona strada.

istruzione

1 Aprire Dreamweaver e selezionare il progetto appropriato sotto l'elenco "Crea nuovo". Perché si sta cercando di costruire un sito web dinamico, ti consigliamo di selezionare un linguaggio di scripting con funzionalità di database di connessione, vale a dire PHP, ASP.NET o ColdFusion.

2 Familiarizzare con la schermata di base di Dreamweaver. Per impostazione predefinita, si dovrebbe avere una barra degli strumenti nella parte superiore dello schermo per file di base, Modifica, Visualizza, ecc funzioni. Qui di seguito che dovrebbe essere una schermata che mostra il codice della pagina corrente, e al di sotto che dovrebbe essere una schermata che mostra il design della pagina corrente - quello che sarà effettivamente apparire come in un browser.

Nella parte superiore della barra laterale sulla destra dovrebbe essere un pannello "Insert", che elenca una serie di attività comuni, come collegamenti ipertestuali e immagini inserimento. Se si fa clic sul menu a discesa nella parte superiore che dice "comune," Vedrai un elenco di categorie più specializzate. Ad esempio, se stai facendo una pagina PHP, una delle opzioni sarà PHP; selezionarlo e ti verrà dato un elenco di attività comuni specifiche per PHP.

Sotto il pannello Inserisci è un pannello Stili CSS e un file manager; c'è anche una barra degli strumenti in basso utilizzato per l'inserimento di HTML e CSS proprietà.

3 Creare una struttura di pagina e capire dove gli elementi dinamici della pagina andrà; come il sito Web di Adobe, dice, "la progettazione della pagina diventa cruciale per la sua facilità d'uso." Per esempio, se si sta tirando un articolo da un database, è necessario creare un layout che permette lo spazio per titolo e il contenuto del articolo - e forse l'autore e la data pure. Se si sta tirando i dati, ad esempio un elenco dei membri, si dovrebbe creare un layout tavolo- o un elenco-based che consente di visualizzare le informazioni di un membro, come il suo nome utente, informazioni di contatto, o di posizione.

4 Aprire il pannello Associazioni. Se non viene visualizzato di default sulla barra laterale destra dello spazio di lavoro, selezionare il menu a tendina in alto a destra-angolo dello schermo che visualizza "Designer". Delle scelte, selezionare "Classic". Il pannello Associazioni dovrebbe apparire come una delle caselle sulla barra laterale destra.

5 Seguire le istruzioni sul pannello Associazioni di utilizzare dati dinamici; sarete presi attraverso una procedura guidata che ti chiede per il nome del sito e le informazioni sul server. Lo scopo di questo è di connettersi a un database che si può tirare le informazioni da. Per fare questo, è necessario impostare un server privato sul computer al di fuori di Dreamweaver. Probabilmente il modo più semplice per farlo è quello di scaricare XAMPP (vedi Risorse), un server privato gratuito e open-source che funziona con PHP e il database MySQL.

6 Fare clic sul pulsante più ( "+") nell'angolo in alto a sinistra del pannello Associazioni e selezionare "Recordset". Ti verrà chiesto di inserire le informazioni del database per completare la connessione al database; questo include il server (che sarà "localhost" in XAMPP), e del database dei nomi, username e password. Al termine, avrete completato una connessione e utilizzare il set di record per inserire i dati nella pagina direttamente dal database.