HTML & CSS per principianti

HTML & CSS per principianti (Parte 48): Il sito web va online

Tutti i video del tutorial HTML & CSS per principianti

Di solito si sviluppa il proprio sito web in locale. Per farlo, si crea – come già ampiamente dimostrato – una struttura di directory corrispondente.

HTML & CSS per principianti (Parte 48): Il sito web va online


Questa struttura è alla fine ciò che si pubblica online. (Qui parto da un sito web HTML statico. Ma anche se sviluppate siti web dinamici ad esempio basati su PHP e MySQL, potete farlo inizialmente in locale. La parola magica è ad esempio XAMPP). Pertanto assicuratevi che nei nomi delle vostre directory e dei file non ci siano né spazi vuoti né caratteri speciali. Inoltre vi consiglio di utilizzare una scrittura coerente in minuscolo per questi nomi.

Testate il vostro sito web in locale a fondo. Dovrebbe effettivamente funzionare per la maggior parte senza errori.


Il fornitore corrispondente

Per poter pubblicare il vostro sito web online è necessario del webspace adeguato. (Qui parto dal presupposto che non volete gestire un server proprio, ma volete noleggiare uno spazio web da un fornitore).

Innanzitutto dovete procurarvi uno spazio di archiviazione presso un fornitore. Lo stesso vale per un dominio, ovvero l'indirizzo attraverso il quale il sito web può essere successivamente visualizzato online. Attualmente ci sono numerosi fornitori presso i quali è possibile noleggiare spazio web a buon mercato. Dovreste prestare attenzione ai seguenti aspetti nella scelta del fornitore e del pacchetto di spazio web:

• Almeno 1.5 gigabyte di spazio di archiviazione

• 1 dominio DE incluso

• Di norma dovrebbe essere supportato almeno PHP.

• Dovrebbe essere presente un database MySQL.

• Fate assolutamente attenzione al traffico illimitato.

Soprattutto l'ultimo punto è cruciale, poiché spesso nel traffico si nascondono vere e proprie trappole di costi.

Chiaramente le cose menzionate sono solo requisiti minimi effettivi per piccoli siti web. Chiunque gestisca un sito molto frequentato dovrebbe ovviamente potenziare in questo senso. Tuttavia, un passaggio successivo da un piccolo a un pacchetto di spazio web più grande è generalmente sempre possibile senza problemi. In caso di dubbio, chiedete al fornitore in anticipo.

Sul sito http://www.webhostlist.de/webhosting/vergleich/ potete cercare esplicitamente il fornitore adatto a voi.

HTML & CSS per principianti (Parte 48): Il sito web va online.



La selezione del fornitore può essere avviata su criteri molto diversi.

Una volta che avete scelto un fornitore, selezionato il pacchetto e registrato il dominio desiderato, potete iniziare. Dal fornitore riceverete tutte le informazioni rilevanti, come ad esempio i dati di accesso FTP, via e-mail.

Trasferire i dati

Una volta ottenuti i dati necessari, potete trasferire i vostri file locali sul sito web. Controllate nuovamente i vostri file e la sintassi in essi contenuta. Sono decisivi soprattutto i seguenti aspetti:

• Verificate che tutti gli hyperlink e i percorsi delle immagini siano corretti. (Soprattutto se avete creato le pagine HTML con un editor WYSIWYG, può capitare che vengano utilizzati percorsi locali che poi online non sono più corretti).

• Controllate che i nomi file e directory non contengano spazi vuoti o caratteri speciali.

Tutto corrisponde? Allora potete ora pubblicare le pagine online. Per farlo, stabilite una connessione FTP con lo spazio web. Questo è possibile con qualsiasi strumento FTP. Uno dei migliori e inoltre disponibile gratuitamente di questo tipo è FileZilla, che può essere scaricato dal sito http://www.filezilla.de/.

HTML & CSS per principianti (parte 48): Il sito web va online.

Dopo aver installato e avviato FileZilla, aprite File>Server Manager. Nella finestra di dialogo che si apre, cliccate su Nuovo Server.

HTML & CSS per principianti (Parte 48): Il sito web va online.

Nella sezione a destra della finestra devono essere inseriti i dati FTP che avrete ricevuto dal vostro fornitore. Potrebbe apparire come segue:

Server = www.il-vostro-nome-utente.de

Tipo di server = FTP-File Transfer Protocol

Tipo di connessione = Normale

Utente = ftp_sdfsdfsfd@il-vostro-nome-utente.de

Password = La vostra password

Inserite qui i dati FTP. Se necessario, chiedete di nuovo al vostro fornitore.

Fatto clic su Collega, si stabilisce la connessione al server FTP.

A questo punto, per semplicità, presuppongo che copiate il vostro sito web direttamente nella directory radice del sito web. La directory radice può essere identificata dallo slash iniziale.

HTML & CSS per principianti (Parte 48): Il sito web va online

Il vantaggio di questa modalità diretta: senza ulteriori impostazioni, il sito web sarà accessibile su http://www.il-vostro-dominio.de/. Quindi non è necessario configurare reindirizzamenti o simili.

In molti fornitori, nella directory root è solito trovare già le directory cgi-data e cgi-bin. Ed è proprio a questo livello che si copiano tutte le directory e i file dall'ambiente locale. Per farlo, cercate in alto a sinistra in FileZilla i file locali.

Selezionate i file e le directory in cui si trovano i dati locali.

Adesso dovete solo selezionare i file e le directory che si vedono nella parte inferiore della finestra. Quindi fate clic con il tasto destro del mouse sui file/directory selezionati e scegliete Carica.

HTML & CSS per principianti (parte 48): Il sito web va online

I dati vengono ora caricati sul server. Fate attenzione che tutti i file siano stati effettivamente trasferiti. Se ci sono problemi nel caricare singoli file, potete vederlo nella parte inferiore di FileZilla.

Una volta che tutti i contenuti sono sul server, potete iniziare a testare il sito web. Controllate soprattutto se tutte le immagini sono presenti e se i collegamenti sono corretti.

Conclusione e sintesi

Ecco, siamo giunti alla fine di questa serie su HTML e CSS. Ciò che dovreste aver appreso sono i passaggi fondamentali per creare siti web utilizzando HTML e CSS e per presentarli al pubblico. Dovreste aver compreso soprattutto una cosa: la creazione di un sito web è un processo lungo. Questo inizia con il design, continua con lo sviluppo vero e proprio del sito e finisce con l'upload e il controllo del sito web. E ora vi auguro buona fortuna con il vostro nuovo sito web!