Come creare e pubblicare un sito web

tramite: O2O
Difficoltà: media
17

Introduzione

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, con pagine XHTML oppure dinamico. Nel primo caso si dovrà realizzare un vero e proprio progetto grafico, stabilendo i colori di primo piano e di sfondo, il tipo di font, il set dei pulsanti e utilizzando i fogli di stile CSS. Bisognerà lavorare un minimo sul codice, adoperando un ottimo programma Web Author come Kompozer. Esso è un applicativo gratuito, appositamente indicato per chi non ha esperienza di web editing e intende iniziare da zero con pagine statiche. Occorrerà anche un software di grafica e di fotoritocco, come Gimp, e un client FTP, come FileZilla, per il trasferimento dei file creati e delle cartelle sul server remoto. Per saperne di più su come creare e pubblicare un sito Web seguite attentamente ciò che vi suggerisce questa guida.

27

Occorrente

Assicurati di avere a portata di mano:
  • PC con qualunque sistema operativo
  • Connessione Internet
  • KompoZer
  • The Gimp
37

Kompozer è un software WYSIWYG e, appartiene alla categoria di editor web visuali, pertanto può essere utilizzato come un normale editor di testi. Normalmente può essere scaricato dalla pagina di download del sito ufficiale, insieme al pacchetto di lingua italiana e dopo aver selezionato la versione più adatta al proprio sistema operativo. L'interfaccia è molto semplice e intuitiva; ricorda il vecchio Mozilla Editor, un progetto sostituito prima con NVu, poi con l'attuale Kompozer. Per aprire una nuova pagina, selezionare il menu File → Nuovo e apparirà una finestra di dialogo per le impostazioni di base da cui si potrà scegliere se creare un documento vuoto in formato XHTML oppure uno derivato da un modello preesistente o da un URL valido.

47

Nella barra di stato della finestra principale sono posti tre pulsanti che consentono tre modalità visive differenti: Disegno, Spezza, Sorgente. La modalità Disegno è WYSIWYG, la seconda mista, la terza, Sorgente, consente di visualizzare il codice HTML della pagina attiva. Volendo, è possibile abilitare i tag HTML cliccando sulla linguetta di destra presente sulla barra di stato. La barra degli strumenti di formattazione consente di inserire sia il contenuto testuale, sia i tag necessari: titolo, corpo del testo, grassetto, corsivo e così via. Mano a mano che si procede con la compilazione della pagina è possibile controllare il codice abilitando la modalità visuale Spezzata.

57

Guarda il video

Continua la lettura
67

Per inserire un collegamento ipertestuale è necessario premere il pulsante Collegamento posto sulla barra degli strumenti, inserire l'indirizzo o il percorso di destinazione e confermare con Ok. La pressione del tasto F5 avvierà l'anteprima della pagina nel browser predefinito. Per salvare il lavoro appena cominciato, premere il menu File → Salva con nome e assegnare il nome index, seguito da estensione html. Quando il sito è pronto, completo di pagina index, pagine figlie, cartelle contenenti immagini o quant'altro si voglia inserire, sarà possibile pubblicarlo su un server remoto dove risiede uno spazio web personale: menu File → Pubblica. Nella finestra di dialogo inserire i dati richiesti: nome del progetto, indirizzo FTP del servizio hosting, nome utente e password.

77

Consigli

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.
Segnala il video che ritieni inappropriato
Devi selezionare il video che desideri segnalare
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Internet

Come aggiungere un video su Wordpress

Nella gestione di blog e siti Web, sia personali che professionali, il CMS più utilizzato risulta essere, di gran lunga, Wordpress. Questo strumento, leggero e ...
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 ...
Programmazione

Guida HTML per creare una pagina web

Premessa: questa non vuole essere una Guida HTML completa, ma una semplice guida per creare la vostra prima pagina web. Per una guida completa vi ...
Programmazione

Come iniziare con JSP

Creare pagine web è una di quelle operazioni che ormai si sta sempre più diffondendo, poiché esistono numerosi programmi, sempre più semplici da utilizzare ed ...
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 fare un sito web con Dreamweaver

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 ...
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 ...
Programmazione

Guida: Programmare in HTML5

L'HTML5 è uno scripting-language usato esclusivamente per costruire pagine Internet. Universalmente diffuso e abbastanza semplice da imparare, consente di predisporre contenuti da esporre sul ...
Windows

Come creare un e-commerce professionale con Prestashop

Il commercio online sta ormai prendendo sempre maggiore campo, sia che esso sia professionale sia che esso sia una vendita privata. Riuscire a vendere i ...
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 ...
Windows

Come realizzare applicazioni multimediali con Macromedia Director 8.5

Manipolare le immagini, i video i testi, sono lavori che con il computer vengono svolti sempre con maggiore frequenza, soprattutto per creare qualcosa da conservare ...
Internet

Come collegare un sito a Digg

Oggi parliamo di Digg. Per chi ancora non lo sapesse, Digg è il nome di un sito web (un social network) di origine e diffusione ...
Mac

Come fare un sito web con Mac

Siete degli utenti Mac? Volete realizzare o modificare il vostro sito già esistente o crearne uno nuovo? Oggi tutto questo è possibile grazie alla tecnologia ...
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 FlipBook con Flash

Un libro Flash Flip, conosciuto anche con il termine flipbook, è una rivista digitale che simula il layout e il movimento di una rivista 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 modificare i tag dei file audio

I tag rappresentano un'ottima soluzione per quanto riguarda l'identificazione e l'organizzazione di tutti i propri file, ecco perché molte volte per ottimizzare ...
Windows

Come Realizzare Una Presentazione con frontpage

FrontPage è uno dei tanti editor presenti sul mercato che serve principalmente per creare siti web. È un editor di tipo wysiwyg, ossia un particolare ...
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 ...
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»”.