September 2
Progettare e programmare il codice corretto per il proprio sito web può essere un compito arduo. Ci sono numerose variazioni di diversi tipi di codici e algoritmi utilizzati per costruire pagine web, ma richiedono tempo ed energia per imparare. Utilizzando il Dreamweaver programma, anche il progettista più dilettante può semplificare questi codici complessi e progettare il proprio sito web. Si richiede solo un paio di pagine web di base per creare un sito web accessibile.
1 Disegnare una bozza di ciò che si desidera la vostra pagina web a guardare come con carta e uno strumento di scrittura. Ricerca on-line per i siti che ti piace e prendere alcune note sul perché vi piacciono. Secondo il sito web di Smart Webby, è importante per dare al vostro sito un "layout di coerente pulita e la navigazione."
2 Aprire Dreamweaver sul computer. Se non si dispone già di Dreamweaver, scaricare una versione di prova gratuita di Adobe, che durerà 30 giorni. Fai clic su "File" -> "Nuovo" -> "HTML" -> "Crea". Una pagina vuota dovrebbe apparire.
3 Fai clic su "Visualizza" - ". Design"> Fare clic su "Inserisci" -> "Oggetti layout" -> ". Ap Div" Viene visualizzata una finestra blu, che può essere trascinato e manipolato facendo clic una volta e tirando uno dei suoi otto maniglie (i piccoli scatole blu agli angoli e il centro). Posizionarlo dove si desidera esso. È possibile scrivere direttamente in questa casella o creare un altro div PA all'interno di esso.
4 Individuare il "Pannello Properties" nella parte inferiore dello schermo. Se non è lì, fai clic su "Window" -> "Proprietà". Assicurati che il tuo div PA è evidenziata facendo clic una volta. Individuare il campo di testo nel pannello delle proprietà in alto a sinistra che dice "apDiv1". Un nome al div PA digitando un nome breve, come ad esempio "titolo", nel campo di testo.
5 Individuare l'etichetta "<body>" nella parte inferiore dell'area di lavoro sopra il pannello proprietà. Si vedrà "<div # Titolo>" accanto ad essa. (Non vedrete un "<div # Titolo>" pulsante se la divisione non è selezionato) .Fare clic "Window" -> "Stili CSS". Una finestra di dialogo apparirà all'estrema destra dello schermo denominata "stili CSS."
6 Espandere il pannello stili CSS facendo clic sulla freccia nera accanto ad essa. Assicurati che il tuo "<div # Titolo>" viene selezionato il pulsante. Alla base del pannello stili CSS, si dovrebbe vedere quattro piccole icone: un collegamento, un foglio con un plus sul lato, una matita e un cestino. Istruzioni foglio con l'più sul lato per aggiungere un nuovo stile CSS. Una finestra di dialogo dovrebbe apparire. Assicurarsi che nella casella di selezione, si legge: "#Title."
7 Fare clic su ok e dovrebbe comparire una nuova finestra di dialogo. Fai clic su "background" e quindi individuare "colore di sfondo." Facendo clic sulla casella a destra di questo si può selezionare un colore dal selettore colore. Cliccare su "Apply", e dietro la scatola vedrete che la vostra divisione titolo ha cambiato i colori. Da questa finestra di dialogo è possibile manipolare testo, link, immagini ecc. Apportare modifiche fino a quando si è soddisfatti con ciò che avete creato.
8 Selezionare più div PA e li usa per costruire il resto della tua pagina web. Si noti che è possibile inserire div PA all'interno di altri div Ap. (Ricordati di nominarli tutti). Manipolare questi a proprio piacimento.
9 Fare riferimento al disegno dal punto 1 e continuare a lavorare. Per visualizzare la pagina Web, fare clic su F12, che sarà in anteprima nel browser. (Si prega di notare che la pagina potrebbe essere diverso da browser a browser. Google Chrome e Internet Explorer, ad esempio, possono mostrare la vostra pagina in un modo leggermente diverso).
10 Salvare il lavoro, spesso, e caricarlo sul server quando si è pronti.