Come progettare siti web con Dreamweaver

August 5

Come progettare siti web con Dreamweaver


La capacità di progettare un sito web può essere un'abilità utile. La maggior parte delle persone non hanno il tempo di spendere sviluppare le conoscenze necessarie per la programmazione di una pagina web. Il Dreamweaver programma rende facile per qualsiasi principiante di creare una pagina web da zero. È possibile progettare qualsiasi cosa vuoi, con solo un paio di strumenti semplici e un po 'di istruzione di base. Presto sarete sulla buona strada per una grande pagina web, e l'inizio di un grande sito web.

istruzione

1 Aprire Dreamweaver. Fai clic su "File" -> "Nuovo". Apparirà una finestra di dialogo. Assicurarsi che sia selezionato il pulsante di gran lunga in alto a sinistra "pagina vuota". Poi, alla destra di che, fai clic su "HTML". A destra di che, sotto la voce "Layout" ci sono una vasta gamma di modelli HTML. Questi saranno utili perché non sarà necessario creare un codice separato per i layout. Selezionando uno di questi modelli, si vedrà una piccola miniatura del layout di base in una casella a destra. Trovare uno che si pensa guarda bene, e fare clic su "Crea".

2 Fai clic su "Visualizza" - ". Design"> Selezionare ovunque ci sia del testo. È possibile eliminare ciò che c'è e scrivere il proprio testo. Compilare la pagina a proprio piacimento. Dreamweaver non automaticamente gli errori di ortografia corretta, quindi fate attenzione. È possibile selezionare "Testo" -> "Controllo ortografico" per assicurarsi che la pagina è privo di errori.

3 Modificare i colori e le dimensioni dei caratteri della tua pagina selezionando una delle caselle di testo intorno. Nella parte inferiore della pagina, ci dovrebbe essere un pulsante che dice "div # ..." ed è seguita dalla divisione che avete selezionato. Assicurarsi che si seleziona questo pulsante, e scegliere "Finestra" -> ". Stili CSS" A sinistra, si dovrebbe vedere un pannello CSS. Fare clic sulla freccia accanto a cadere verso il basso il pannello e cercare il fondo per una l'icona di un piccolo foglio con un segno più su di esso. Dovrebbe essere con altri tre icone: un anello di catena, una matita e un cestino. Fare clic sul foglio con un plus e apparirà una nuova finestra di dialogo. Nella casella di selezione, assicurarsi che si dice "# ..." e la divisione selezionata. Ad esempio, se è stato selezionato "div # mainContent," il selettore dovrebbe dire "#mainContent." Fai clic su "OK".

4 Utilizzare la finestra di dialogo che appare per manipolare il vostro sito in modo più diretto. Ad esempio, fai clic su "Sfondo". Quindi fare clic sul piccolo riquadro che appare accanto a "colore di sfondo." Un selettore di colore apparirà e si può scegliere un colore. Cliccare su "Apply" una volta, e dietro la finestra di dialogo si vedrà il colore selezionato nella divisione prescelta. Anche in questa finestra di dialogo, è possibile modificare la dimensione del testo, font, colore e molto altro ancora. Manipolarla a proprio piacimento e fare clic su "OK" quando hai finito.

5 Salvare il lavoro come index.html. All'estrema destra, sotto "File" si dovrebbe vedere il file salvato. Creare una nuova cartella in questo spazio cliccando col tasto destro e selezionando "Nuova cartella". Nome è quello che vuoi. Spostare la pagina che è stata salvata in questa cartella per aiutare con l'organizzazione. Espandere la cartella appena creata facendo clic sul segno più accanto ad esso. Si può fare due cose: duplicare il primo file è stato salvato cliccando col tasto destro, selezionare "Modifica" -> "Copia". Fare clic destro sulla cartella e selezionare "Modifica" -> "Incolla". Aprire il secondo file appena creato con un doppio clic su di esso. Fai clic su "Salva" e fare in modo di inserire un nuovo nome. Invece di questo, si può anche cliccare su "File" -> "Nuovo" e seguire la procedura dal punto 1 per creare una nuova pagina da zero. Assicurati di salvarlo nella cartella creata.

6 Aprire nuovamente il primo file e inserire il testo di navigazione. Questo è lo scopo di indirizzare eventuali spettatori sito verso un'altra pagina del tuo sito. Cercate di mantenere le cose semplici con le singole parole o piccole frasi. Per collegare l'altra pagina appena creata, evidenziare la parola che si desidera utilizzare come collegamento. In fondo c'è una finestra chiamata "finestra di ispezione Proprietà." Se non è lì, fai clic su "Window" -> "Proprietà". In alto a destra della finestra di ispezione Proprietà, vi è una casella di testo "Link". Al termine di questa casella è una cartella e l'icona della bussola. Fare clic sulla cartella. Passare l'altra file salvato (dal punto 5). Nella parte inferiore della finestra di dialogo, fai clic su "relativi a: principale del sito." Fai clic su "OK". Premere F12 per visualizzare in anteprima il vostro sito web nel browser.

7 Continuare a lavorare con i punti 1-6. È possibile creare nuove pagine e collegarli tutti insieme per fare un sito web completo. Ricordati di salvare il lavoro di frequente.