Se hai già scritto una pagina Web HTML e l’hai vista renderizzata nel browser, capisci come creare una pagina web. Ma alcuni di voi si staranno chiedendo come posso effettivamente pubblicare quella pagina in modo che tutti possano vederla. In questo post creerò una semplice pagina web e la metterò online.
Quindi, il file HTML salvato nel tuo computer può essere visualizzato solo da te, ma deve essere conservato da qualche parte dove tutti possono accedervi. E hai bisogno di un servizio di web hosting per questo! I servizi di hosting hanno un server o un computer che ti dà un po ‘ di spazio per i tuoi file.
Se sei nuovo nella costruzione di siti Web, puoi provare uno dei tanti servizi di hosting gratuiti. Ho già usato Infinity Free. Puoi anche usare codepen.io dove le persone possono vedere la tua pagina e i codici dietro di essa nella stessa finestra. Github Pages è anche un bene per l’hosting di pagine web statiche. Non sto parlando qui di altri plugin e CMS come WordPress ma di un sito statico che è codificato da te.
1. Servizi di hosting gratuiti
Ora spiegherò come pubblicare la tua pagina web se si utilizza la prima opzione, un servizio di hosting gratuito. Devi prima registrarti per il servizio di hosting e selezionare un nome di dominio per il tuo sito web. Ora, ci sono due opzioni per caricare il file:
- In primo luogo, si va direttamente a file manager e caricare il file e rinominarlo come indice.HTML.
- Un altro modo è possibile caricare è scaricando un client FTP, ad esempio FileZilla e collegarlo al server compilando i dettagli del sito come, Nome host, Nome utente, Password e il numero di porta. Tutti questi dettagli sono disponibili nel tuo account. Quando ti connetti al server puoi caricare il tuo indice di file.HTML.
Uno di questi metodi può essere utilizzato per caricare il tuo file e ora se apri il tuo sito web verrai indirizzato allo stesso indice.file html. Quindi, quando si digita un indirizzo di sito web si viene indirizzati all’indice.file html. Ora hai pubblicato la tua pagina web su Internet e chiunque può vederlo fornito il link. È possibile aggiungere più file HTML o immagini e aggiungere il loro link all’indice.pagina html. Tutti quei file vengono memorizzati nel server e chiunque può accedervi.
La maggior parte delle volte, l’URL dell’immagine che inserisci nella tua pagina web viene scaduto dopo un certo periodo. È meglio scaricare quelle immagini e caricarle e scrivere il nome di quell’immagine esattamente nell’attributo src.
Puoi vedere i codici HTML e CSS per una pagina Web HTML di esempio:
Codice HTML
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
C’è un problema con i servizi di hosting gratuiti: non sono sicuri. La parte peggiore di questi servizi di hosting è che quando gli utenti visitano il tuo sito web, vedranno un avviso che non è sicuro e non dovrebbero aggiungere informazioni sensibili su questo sito. La sua pessima impressione. Quindi puoi pubblicare poche pagine solo per vedere come è fatto, quindi puoi utilizzare altri servizi di hosting a pagamento.
Successivamente vedremo come pubblicare la tua pagina web utilizzando GitHub Pages. Funziona esattamente come descritto in precedenza, ma prima devi sapere come usare GitHub.
2. Github Pages
In primo luogo, è necessario creare un account su GitHub. Quindi creare un nuovo repository e dargli il nome: (nome utente). github.io. Renderlo pubblico e pubblicarlo. Ora è possibile caricare l’indice.file html qui. Se si digita (nome utente). github.io nel tuo browser, vedrai la tua pagina web. Ora puoi aggiungere altri file e immagini e collegarli al tuo indice.pagina html.
Quindi, se hai familiarità con GitHub, è uno dei modi migliori per pubblicare il tuo primo sito web.