Pokud jste již napsal HTML webové stránky a viděl, že je vykreslen v prohlížeči, můžete pochopit, jak vytvořit webové stránky. Ale někteří z vás se musí divit, jak mohu tuto stránku skutečně publikovat, aby ji každý mohl vidět. V tomto příspěvku vytvořím jednoduchou webovou stránku a uvedu ji online.
takže soubor HTML uložený v počítači můžete zobrazit pouze vy, ale musí být uchováván někde, kde k němu má přístup každý. A k tomu potřebujete webhostingovou službu! Hostingové služby mají server nebo počítač, který vám dává prostor pro vaše soubory.
pokud jste nováčkem v budování webových stránek, můžete vyzkoušet jednu z mnoha bezplatných hostingových služeb. Dříve jsem použil Nekonečno zdarma. Můžete také použít codepen.io kde lidé mohou vidět vaši stránku a kódy za ní ve stejném okně. Stránky Github jsou také dobré pro hostování statických webových stránek. Nemluvím zde o dalších pluginech a CMS, jako je WordPress, ale o statickém webu, který jste kódovali.
1. Bezplatné hostingové služby
nyní vysvětlím, jak publikovat vaši webovou stránku, pokud použijete první možnost, bezplatnou hostingovou službu. Nejprve se musíte zaregistrovat k hostingové službě a vybrat název domény pro svůj web. Nyní existují dvě možnosti, jak nahrát soubor:
- nejprve přímo přejdete do Správce souborů a nahrajete soubor a přejmenujete jej jako index.html.
- dalším způsobem, jak můžete nahrát, je stažení FTP klienta, například FileZilla a připojení k serveru vyplněním podrobností o webu, jako je název hostitele, uživatelské jméno, heslo a číslo portu. Všechny tyto údaje jsou k dispozici ve vašem účtu. Když se připojíte k serveru, můžete nahrát svůj index souborů.html.
některou z těchto metod lze použít k nahrání souboru a nyní, pokud otevřete svůj web, budete přesměrováni na stejný index.html soubor. Když tedy zadáte adresu webové stránky, budete přesměrováni na index.html soubor. Nyní jste zveřejnili svou webovou stránku na internetu a kdokoli ji může vidět za předpokladu odkazu. Můžete přidat další soubory nebo obrázky HTML a přidat jejich odkaz do indexu.stránka. Všechny tyto soubory se ukládají na server a kdokoli k nim má přístup.
většinou adresa URL obrázku, který zadáte na své webové stránce, vyprší po určité době. Je lepší stáhnout tyto obrázky a nahrát je a napsat název tohoto obrázku přesně do atributu src.
můžete vidět HTML a CSS kódy pro příklad HTML stránky:
HTML Kódu
<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;}
je Tu jeden problém s free webhostingové služby – oni nejsou bezpečné. Nejhorší část těchto hostingových služeb je, že když uživatelé navštíví váš web, uvidí varování, že to není bezpečné a neměli by na tento web přidávat citlivé informace. Je to velmi špatný dojem. Takže můžete publikovat několik stránek, abyste viděli, jak se to dělá, pak můžete použít jiné placené hostingové služby.
dále uvidíme, jak publikovat vaši webovou stránku pomocí stránek GitHub. Funguje to přesně tak, jak bylo popsáno výše, ale nejprve musíte vědět, jak používat GitHub.
2. Stránky Github
nejprve si musíte vytvořit účet na Githubu. Poté vytvořte nové úložiště a pojmenujte jej: (uživatelské jméno). github.io, Zveřejněte ji a zveřejněte ji. Nyní můžete nahrát index.html soubor zde. Pokud zadáte (uživatelské jméno). github.io ve Vašem prohlížeči se zobrazí vaše webová stránka. Nyní můžete přidat další soubory a obrázky a propojit je s indexem.stránka.
Takže, pokud jste obeznámeni s GitHub jeho jeden z nejlepších způsob, jak publikovat své první webové stránky.