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

  • 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 definire un sito in Dreamweaver

La creazione di un sito internet rappresenta senza dubbio un compito piuttosto importante e al tempo stesso complesso. Bisogna infatti saper realizzare un sito web semplice da capire, originale ed innovativo. Per aiutare a svolgere al meglio questo lavoro...
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 e i paragrafi risultano decentrati, spostati a sinistra e risulta tutto attaccato e di difficile lettura?Il codice html usato nelle...
Windows

Imparare ad utilizzare Adobe Fireworks

Conosciuto anche con il nome di Macromedia Fireworks, Adobe Fireworks è un software editor di bitmap e design grafico e di elaborazione fotografie e immagini per siti web, sviluppato da Adobe a partire dal 2005. Come ogni altro programma Adobe, la qualità...
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 utili allo scopo. Gli sviluppatori possono approfittare delle nuove caratteristiche, come la...
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 visitatore verso un link prestabilito e deciso da voi. Nel codice che vi mostrerò, ci sarà la possibilità...
Programmazione

Guida: programmare in Ruby

Programmare in Ruby non è molto semplice: si tratta di un programma giapponese ed è un linguaggio orientato su elementi di scripting. È necessario capire le impostazioni per ottenerne la riuscita. Attraverso questa guida verrà spiegato con attenzione...
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 a siti esterni o usando determinati software. Software utili alla creazione di siti,...
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 informazioni testuali che vengono codificate, interpretate e trasmesse dal browser. Se dunque avete dimestichezza con questo...
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 »”.