Come fare un sito web con Dreamweaver

tramite: O2O
Difficoltà: media
16

Introduzione

Realizzare un sito internet richiede innanzitutto la conoscenza più o meno approfondita del linguaggio HTML, poi in seconda analisi un programma dove scrivere tale linguaggio per poter rendere effettivo il sito. Una volta l'editor di testo blocco note, presente su tutte le piattaforme Windows, svolgeva tale funzione, ad oggi invece sono stati creati diversi programmi specifici per la realizzazione di siti internet. Uno di questi programmi è Dreamweaver, edito dalla Adobe, la stessa casa produttrice dell'ormai famoso Photoshop. Progettare e realizzare un sito web con Dreamweaver è semplice, grazie ai numerosi strumenti offerti per realizzare il codice e correggerlo, per creare pagine funzionanti e ricche di effetti. Ecco come iniziare lo sviluppo di una web page con questo potente software. Vediamo quindi come fare un sito web con questo programma, con pochi semplici passaggi.

26

Occorrente

Assicurati di avere a portata di mano:
  • Adobe Dreamweaver
36

Realizzare un sito web richiede diverse fasi di lavoro e di sviluppo: prima di iniziare il lavoro con dreamweaver dovremo innanzitutto preparare una progettazione grafica in cui il designer andrà a definire i vari blocchi che compongono le pagine, in cui inserirà i testi e le immagini. Gli spazi e i posizionamenti dovranno essere stabiliti prima dello sviluppo del codice, così come i percorsi di navigazione possibili all'interno delle pagine. Sulla base di questo progetto iniziale andiamo a costruire le pagine con dreamweaver: creiamo innanzitutto un nuovo file, scegliendo il tipo ed eventualmente anche un template predefinito per aiutarci nello sviluppo. Tra le varie tipologie di file che possiamo creare abbiamo l'html, ovvero le pagine che gestiranno i contenuti attraverso l'omonimo codice, i CSS per la definizione degli stili, Javascript per realizzare script.

46

Iniziamo creando un semplice file html vuoto: qui potremo iniziare a inserire i contenuti della prima pagina e vedere come vengono visualizzati. Selezionando Code abbiamo la possibilità di scrivere il codice digitando direttamente il testo, per cui dovremo conoscere le basi del linguaggio html. Dreamweaver permette di inserire facilmente link, immagini e testi semplicemente aggiungendoli nel punto desiderato. Le informazioni di base vengono inserite automaticamente dal programma, mentre i contenuti andranno posizionati nella sezione body della pagina. Selezionando design del menu, invece, avremo l'anteprima visuale del nostro lavoro, è consigliabile però visualizzarla direttamente nel browser, selezionando l'opzione preview/debug in browser dal menu in alto.

Continua la lettura
56

Per definire lo stile dei contenuti della pagina web è consigliabile realizzare un foglio di stile, o style sheet, ovvero un file CSS esterno da collegare in ogni pagina html. Per allegarlo digitiamo nella sezione header questo codice, facendo attenzione ad assegnare lo stesso nome al foglio di stile. Dreamweaver dispone di una funzione di completamento automatico per scegliere i giusti termini da utilizzare nel codice e, grazie all'uso dei colori, permette di distinguere agevolmente le parti. Per verificare la correttezza del codice usiamo il correttore automatico W3C validation, che permette di identificare tutti gli errori e risolvere i problemi. Una volta realizzate le pagine e collegate tra loro attraverso i link sarà sufficiente caricare i files nello spazio web acquistato. Come si può vedere, Dreamweaver offre davvero molte opportunità e funzioni per rendere ancora più bello e accattivante il proprio sito, grazie ad un'interfaccia molto semplice e alla tecnologia sviluppata da Adobe. Non mi resta quindi che augurare buon lavoro e buon divertimento. Alla prossima.

66

Consigli

Non dimenticare mai:
  • Realizza una progettazione grafica prima di iniziare a sviluppare il codice

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Software

Come iniziare ad utilizzare Adobe Dreamweaver

Adobe Dreamweaver è un programma utilizzato per la progettazione di siti web che consente di creare siti internet dall'aspetto molto professionale. Dreamweaver offre una ...
Internet

Come centrare una pagina html

Hai creato un sito web o una pagina di un blog e il testo non vuole saperne di stare al centro della pagina? Le immagini ...
Linux

Le alternative a Dreamviewer per Linux

Dreamweaver è lo strumento preferito dai webdesigner: la complessità ed abbondanza di funzioni ne rappresentano sia il grande pregio che parte del difetto. A differenza ...
Internet

Come creare e pubblicare un sito web

Generalmente quando si decide di creare e di pubblicare un sito web, ci si trova a dover fare due scelte iniziali: progettare un sito statico ...
Windows

Come Inserire I Tag Nelle Pagine Del Proprio Sito Fatto Con WYSIWYG Web Builder

Wysiwyg Web Builder è un software adatto alla costruzione di siti web, e che, nonostante il suo costo abbastanza basso, è paragonabile a altri programmi ...
Internet

Come spedire una e-mail in formato HTML

Chi naviga nel web ha sotto gli occhi tutti i giorni una pagina Scritta in formato HTML. Quest'ultima è composta da usa serie di ...
Programmazione

Come realizzare un sito usando Java

Con la navigazione in internet si possono visitare di continuo delle serie infinite di siti e pagine. Tanti utenti, per varie necessità, hanno infatti bisogno ...
Windows

Come convertire i file mht in html

Il formato MHT è un formato di archiviazione dei dati impiegato per salvare pagine web e documenti ipertestuali. Questo tipo di formato permette inoltre di ...
Programmazione

Come creare immagini vettoriali SVG con HTML5

In questa guida vedremo come creare immagini vettoriali SVG con HTML5. Molti browser Internet, tra cui Microsoft Internet Explorer 9 e il supporto HTML5 sono ...
Internet

Come visualizzare il codice HTML di una pagina web

L'hypertext Markup Language o meglio conosciuto come HTML è il linguaggio di formattazione più utilizzato nella creazione di pagine web vale a dire che ...
Programmazione

Come progettare un sito in ASP.NET

In questa guida vi parlerò di come progettare un sito in ASP.NET. Nell'epoca in cui viviamo creare siti è diventato ormai molto semplice ...
Internet

Guida base al posizionamento dei siti web sui motori di ricerca

Il mondo del web è assai competitivo e vasto, infatti ogni giorno milioni di utenti creano nuovi siti dove vengono inseriti contenuti di varia natura ...
Internet

Come creare un sito gratis con Dropbox

Dropbox, il famoso colosso di hosting file, ovvero di immagazzinamento documenti cifrati, non offre la possibilità di creare un sito, ma può fare ciò, collegandosi ...
Internet

Come convertire un template PSD in HTML

Nel campo del web design i template sono dei file che contengono la formattazione base di un sito e quindi comprendono: sfondo, tipo di carattere ...
Internet

Come inserire il pulsante Mi Piace nel nostro sito web

Una funzionalità di Facebook molto utile da aggiungere sul proprio sito web è il pulsante "Mi Piace" ("I Like", in inglese), che rende le pagine ...
Internet

Come creare una pagina HTML

Ciascuna pagina web si basa su un insieme di comandi utili al browser per farla apparire visivamente nella maniera desiderato dalla persona che la sta ...
Internet

Come centrare un oggetto in html

Come ben noto, HTML è il linguaggio di programmazione utilizzato per disegnare le pagine web.
In questa guida tratteremo l'allineamento del testo rispetto ad ...
Internet

Come Creare Un Banner Con Joomla

Un banner è molto utile per riuscire ad identificare correttamente un sito, un blog, un forum, in modo che a prima vista si possa riconoscere ...
Internet

Come integrare nel sito/blog il bottone share per condividere i contenuti

All'interno di questa guida andremo a occuparci di blog. Nello specifico, come avrete compreso attraverso la lettura del titolo di questa guida, ci concentreremo ...
Programmazione

Come effettuare un redirect in PHP

Il tutorial di oggi è dedicato alla creazione di un file *. Php da caricare sul vostro server che avrà il compito di reindirizzare un vostro ...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer»”.