jos olet jo kirjoittanut HTML – sivun ja nähnyt sen kääntyvän selaimessa, ymmärrät miten web-sivu luodaan. Mutta, jotkut teistä varmasti ihmettelevät, miten voin todella julkaista sen sivun, jotta kaikki voivat nähdä sen. Tässä viestissä aion luoda yksinkertaisen web-sivun ja laittaa sen verkkoon.
joten tietokoneeseen tallennettua HTML-tiedostoa voi tarkastella vain sinä itse, mutta se on säilytettävä jossain, missä kaikki voivat käyttää sitä. Ja tarvitset web hosting-palvelun siihen! Hosting-palveluissa on palvelin tai tietokone, joka antaa sinulle tilaa tiedostoillesi.
jos olet uusi sivuston rakentamisessa, voit kokeilla yhtä monista ilmaisista hosting-palveluista. Olen aiemmin käyttänyt Infinity Free. Voit myös käyttää codepen.io jossa ihmiset voivat nähdä sivusi ja koodit sen takana samassa ikkunassa. Github sivut on myös hyvä hosting staattinen web-sivuja. En puhu täällä muita plugins ja CMS kuten WordPress mutta staattinen sivusto, joka on koodattu sinulle.
1. Ilmaiset Hosting-palvelut
selitän nyt, miten verkkosivusi julkaistaan, jos käytät ensimmäistä vaihtoehtoa, ilmaista hosting-palvelua. Sinun täytyy ensin rekisteröityä hosting-palveluun ja valita verkkotunnus sivustollesi. Nyt, on kaksi vaihtoehtoa ladata tiedoston:
- ensimmäinen, voit suoraan mennä file manager ja ladata tiedoston ja nimetä sen indeksinä.html.
- toinen tapa ladata on ladata FTP-asiakasohjelma, esimerkiksi FileZilla ja liittää se palvelimeen täyttämällä sivustosi tiedot, kuten Hostname, käyttäjätunnus, salasana ja portin numero. Kaikki nämä tiedot ovat saatavilla tililläsi. Kun saat yhteyden palvelimeen, voit ladata tiedostoindeksisi.html.
jompaakumpaa näistä menetelmistä voidaan käyttää tiedoston lataamiseen ja jos avaat verkkosivustosi, sinut ohjataan samaan indeksiin.html-tiedosto. Niin, kun kirjoitat sivuston osoite ohjataan hakemistoon.html-tiedosto. Olet nyt julkaissut web-sivun Internetissä ja kuka tahansa voi nähdä sen edellyttäen linkki. Voit lisätä lisää HTML-tiedostoja tai kuvia ja lisätä niiden linkin hakemistoon.html-sivu. Kaikki ne tiedostot tallennetaan palvelimelle ja kuka tahansa voi käyttää sitä.
useimmiten verkkosivullesi syötettävän kuvan URL-osoite vanhenee jonkin ajan kuluttua. Sen parempi ladata nämä kuvat ja ladata ne ja kirjoittaa kuvan nimi täsmälleen src-attribuuttiin.
voit nähdä HTML – ja CSS-koodit esimerkiksi HTML-sivuilta:
HTML-koodi
<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;}
ilmaisissa hosting-palveluissa on yksi ongelma-ne eivät ole turvallisia. Pahinta näistä hosting-palvelu on, että kun käyttäjät vierailevat verkkosivuilla, he näkevät varoituksen, että se ei ole turvallista ja ne eivät saa lisätä arkaluonteisia tietoja tällä sivustolla. Se vaikuttaa pahalta. Joten voit julkaista muutaman sivun vain nähdä, miten sen tehnyt, voit käyttää muita maksullisia hosting-palveluja.
seuraavaksi katsotaan, miten verkkosivusi julkaistaan GitHub-sivuilla. Se toimii täsmälleen kuten aiemmin on kuvattu, mutta sinun on ensin osattava käyttää GitHubia.
2. Github sivut
ensin sinun täytyy luoda tili GitHubiin. Luo sitten uusi arkisto ja anna sille nimi: (käyttäjätunnus). github.io tee siitä julkinen ja julkaise se. Nyt voit ladata indeksin.html-tiedosto täällä. Jos kirjoitat (käyttäjätunnus). github.io selaimessasi, näet web-sivun. Voit nyt lisätä lisää tiedostoja ja kuvia ja linkittää ne hakemistoon.html-sivu.
joten, jos tunnet Githubin, se on yksi parhaista tavoista julkaista ensimmäinen verkkosivustosi.