Come costruire un sito web con Dreamweaver CS4

May 10

Come costruire un sito web con Dreamweaver CS4


Adobe Dreamweaver è un'opzione facile da usare per la progettazione di siti web. Costruire un sito web con Dreamweaver può essere una fonte di divertimento, auto-espressione e di opportunità. Dreamweaver mette a disposizione gli strumenti necessari per creare siti web per i portafogli artistici, aziende e qualsiasi altra cosa che potrebbe essere necessario. A differenza di altri prodotti di Adobe (ad esempio Photoshop, Illustrator o InDesign), Dreamweaver richiede diverse fasi, al fine di avviare un nuovo documento. Web design si basa su più organizzazione di modifica delle foto o fare illustrazioni al computer, in modo da prendere le dovute precauzioni si può salvare da un mal di testa più avanti nel processo di sviluppo.

istruzione

1 Come costruire un sito web con Dreamweaver CS4

Organizzazione è la chiave - si fa trovare e correggere gli errori molto meno fastidioso.

Creare una cartella per il tuo sito che si può facilmente accedere. Salvare tutti i file necessari per rendere il vostro lavoro sito web all'interno di questa cartella. Rendere più di due cartelle all'interno della cartella principale: ". Stili" uno "immagini" dal titolo e gli altri, Mantenere i nomi delle cartelle (e nomi di file per i file futuri) in minuscolo per mantenere la coerenza.

2 Avviare Dreamweaver dopo aver installato correttamente il programma sul computer. Nella barra dei menu di Dreamweaver, fai clic su "Site - Nuovo sito." Una finestra pop-up seguirà, che chiede di assegnare un nome al sito e inserire l'URL. Non è possibile inserire l'URL di un sito fino a quando si acquista di hosting, quindi basta il nome per ora. È possibile modificare tutte queste impostazioni in qualsiasi momento durante il processo di sviluppo web. Fai clic su "Avanti".

3 Selezionare "No, non voglio usare una tecnologia server." Connessione a un server locale non è necessario a questo punto. Fai clic su "Avanti". Utilizzare l'impostazione consigliata quando si chiede come si desidera lavorare con i file. Fare clic sull'icona della cartella accanto alla barra bianca per sfogliare le cartelle. Selezionare la cartella che hai fatto per il tuo sito, quindi fare clic su "Avanti". Per il momento, utilizzare alcuna connessione al server remoto e fare clic su "Avanti". Rivedere tutte le opzioni della sintesi e fare clic su "Fine".

4 Fai clic su "File - Nuovo." Selezionare un tipo di pagina HTML di vostra scelta e fare clic su "Crea". Salvare il file con il titolo di "indice". Salvarlo all'interno della cartella del tuo sito web principale, al fianco dei tuoi "immagini" e cartelle "stili". La pagina di indice implica l'home page.

5 Come costruire un sito web con Dreamweaver CS4

Sfondi come questo dimostrano molto più difficile da realizzare all'interno di HTML - è qui che entra in gioco CSS.

Fai clic su "File - Nuovo." Selezionare il tipo di pagina CSS e fare clic su "Crea". Salvare il file con il titolo di "stile". Salvarlo all'interno della cartella "stili" all'interno della cartella del tuo sito principale. L'estetica della pagina web basano sul foglio di stile.

6 Collega il tuo file "index.html" al file "styles.css". Per fare questo, selezionare il file "index.html" per modificare. Posizionare il cursore dopo "</ title>" nell'intestazione e premere "Invio" per creare una nuova riga. Clicca col destro e selezionare "Stili CSS - Associa foglio di stile ..." Selezionare la "style.css" file creato e fare clic su "OK". Dreamweaver inserire il codice di collegare i due file automaticamente.

7 Personalizza il tuo sito web per la tua visione desiderato! Questo può richiedere molta pratica con HTML e CSS di codifica, ma ora avete le basi di un sito web creato.

Consigli e avvertenze

  • Se non si ha accesso a Dreamweaver, si può lavorare sul codice HTML con "Blocco note" del PC o programmi "TextEdit" del Mac. Quando Dreamweaver diventa disponibile, una copia semplice e incolla del codice in Dreamweaver farà il trucco.