Jak vytvořit web bez hostingu s Itty Bitty

Díky programování nezná online kreativita žádné hranice. Každý den používají programátoři na internetu své dovednosti k vytváření malých projektů pro veřejnost. Itty Bitty, web vytvořený bývalým návrhářem společnosti Google a současným viceprezidentem společnosti Dropbox Nocholas Jitkoff, je jedním z takových malých projektů.

Pomocí webu Itty Bitty si můžete zdarma vytvořit malý HTML web, i když nemáte webhosting.

Itty Bitty Vysvětlení

Funguje to takto: itty.bitty.site vytváří malé weby načtením prostřednictvím jejich adres URL. Jinými slovy, váš web je uložen a prezentován v rámci svého odkazu.

Z tohoto důvodu webové stránky vytvořené pomocí Itty Bitty nevyžadují absolutně žádný webhosting. Samotná adresa URL obsahuje všechna data webu: jak to vypadá, co říká atd.

Všimněte si, že jakmile obdržíte odkaz Itty Bitty, bude to o něco větší než obvykle. To je celý váš web.

Odkaz na odkaz

Vlastní web vytvořený Itty Bitty má velmi minimální rozhraní. Mějte na paměti, že každá další stránka na webu je vytvořena pomocí samotného webu.

Na této stránce můžete okamžitě začít používat základní HTML pro vytvoření jednoduché stránky.

Pokud chcete vytvořit robustnější web Itty Bitty, můžete buď přetáhnout dokument HTML přímo na web, nebo propojit existující projekt přímo do výzvy.

Přestože váš dokument nebo odkaz může používat jiné programovací jazyky, jako je CSS nebo JS, stále budou načteny na váš web Itty Bitty. Hlavní výhodou používání Itty Bitty (a hlavním důvodem, proč lze načíst z adresy) je, že vaše stránka musí být udržována v určité malé velikosti.

Jak malý je itty bitty web?

Pokud je Itty Bitty zdarma a nevyžaduje žádný webhosting, jak velký může být váš web? Odpověď: nepříliš.

Tento web vám zobrazuje velikost vašeho webu v pravé horní části okna. I když se weby mohou lišit ve velikosti, znamená to také, že váš odkaz se bude také měnit. Některé weby vám neumožní sdílet odkazy větší než několik bajtů, což může omezit vaši schopnost sdílet větší weby.

Naštěstí tvůrce zveřejnil maximální možné velikosti bytů pro mnoho populárních platforem, aby vysvětlil, jaké velikosti budou různé platformy vyhovovat:

Pokud například chcete zkrátit web pomocí Bitly, budete muset vytvořit velmi malý web. To platí také pro Microsoft Edge. Pokud ji však chcete sdílet pouze v prohlížečích, můžete vytvořit mnohem větší web.

Od odkazu na Itty Bitty

I když můžete také vytvořit stránky Itty Bitty přímým vložením souborů HTML nebo přímým zadáním obsahu stránek, ukážu to pomocí projektu Codepen, který dříve vytvořil Dudley Storey..

Codepen je nejjednodušší způsob, jak vytvořit svůj web pomocí Itty Bitty. Codepen poskytuje uživatelům snadno použitelné vývojové prostředí a pohodlný proces propojení.

Výše uvedené je fantastickým příkladem toho, jak může silný páteř HTML - a další jemné programovací doplňky - vytvořit jednoduchý web. Naštěstí je také dost malý na to, aby mohl sdílet mnoho z výše uvedených platforem.

Chcete-li převést projekt Codepen na server Itty Bitty, vložte odkaz Pen do webu Itty Bitty. Poté přejeďte myší nad šedou nepojmenovaná a upravte text tak, aby odrážel váš web.

Dále klikněte na Jídelní lístek v pravém horním rohu okna.

Zde vytvoříte odkaz na Itty Bitty. I když se to nemusí zdát, jako byste právě vytvořili web, máte!

Jakmile kliknete na ikonu kopírovat odkaz můžete vložit odkaz do svého prohlížeče a zobrazit web. Důležité je také poznamenat: Ve výchozím nastavení mohou být stránky Itty Bitty odesílány pomocí QR kódu.

To umožňuje řadu možností, jako je připojení fyzické reference pro ztracená zařízení.

Gratulujeme, nyní máte web připravený k propojení, který je bez serveru a je zdarma!

Zkraťte ještě více Itty Bitty Link

Odkaz můžete také vytvořit pomocí nástroje pro zkracování odkazů. Budu používat Bitly, což vám nejen umožní zkrátit odkazy, ale také vám umožní přizpůsobit odkaz svým vlastním textem, pokud se zaregistrujete k bezplatnému účtu.

Náš původní příklad Codepen je příliš velký na to, aby se kondenzoval pomocí Bitly, takže zde je další fantastický projekt JT Helms. Prostě jsem postupoval podle výše uvedeného postupu a převedl jsem toto pero na Itty Bitty.

Až budete mít odkaz, jděte na Bitly. Vložte svůj odkaz na úvodní stránku Bitly nebo se přihlaste do svého účtu a vyberte ikonu Vytvořit tlačítko. V následující výzvě zadejte svůj odkaz.

Po vložení odkazu bude automaticky převeden. Poté upravte odkaz, jak uznáte za vhodný, pomocí editoru Bitly, pokud jste přihlášeni.

Změním počáteční odkaz na ITTYBITTYEXAMPLE. Nyní se můžete vydat na bit.ly/ITTYBITTYEXAMPLE stejně jako na jakémkoli jiném webu - samozřejmě, že je to zdarma a nevyžaduje žádný webhosting ani údržbu serveru.

Zabezpečení pro Itty bitty

I když je to skvělý a důmyslný způsob vytváření malých stránek HTML, není to bez jeho nedostatků. Stránky Itty Bitty můžete zneužít stejně snadno jako ostatní. To znamená, že stránky vás mohou obtěžovat funkcemi, jako jsou upozornění.

Vzhledem k tomu, že web je stále v experimentální fázi, nemusíte se na něj spolehnout jako na hlavní metodu vytvoření bezpečné webové přítomnosti.

Možnosti Itty Bitty jsou nekonečné

Kreativita nalezená online je často působivá. Zřídka je však stejně jednoduché, dostupné a snadno použitelné jako Itty Bitty. Chcete předvést malou aplikaci? Posloucháte si prvky div? Vše je snadno proveditelné pomocí webu Itty Bitty.

Navíc nejste omezeni na určitý počet nebo weby. Vezměte si poznámku od tvůrce webu Nocholas Jitkoffa a propojte web v rámci webu s komplexním vícestránkovým vysvětlujícím webem. Nebo si vyrobte buldok ASCII. Možnosti jsou malé, ale nekonečné co do rozsahu, takže dnes vyzkoušejte tento malý online experiment!

Jděte dále a zdokonalte své stránky vylepšením svých znalostí o HTML a CSS Naučte se HTML a CSS pomocí těchto výukových programů Krok za krokem Naučte se HTML a CSS pomocí těchto výukových programů Krok za krokem Zajímá vás HTML, CSS a JavaScript? Pokud si myslíte, že máte talent pro učení, jak vytvářet webové stránky od nuly - zde je několik skvělých návodů, které stojí za to vyzkoušet. před vytvořením webu Itty Bitty! Nebo si prohlédněte naši recenzi hostingu InMotion Kompletní recenzi hostitele InMotion Recenze pro začátečníky Kompletní recenzi hostitele InMotion Recenze pro začátečníky Potřebujete spolehlivý webhosting? Naše recenze hostingu InMotion odhalí, zda je služba pro vás dobrou volbou. pro jiný způsob hostování vašeho webu.