Jak vytvořit web bez hostingu s Itty Bitty

reklama

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 můžete zdarma vytvořit malý web HTML, i když nemáte webhosting.

Itty Bitty Vysvětlení

Funguje to takto: itty.bitty.site vytváří malé weby jejich 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

Samotný 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.

Z této stránky, 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?

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 se váš odkaz 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 ano zveřejnil maximální velikosti bajtů pro mnoho populárních platforem je možné vysvětlit, jaké velikosti budou různé platformy vyhovovat:

Pokud například chcete zkrátit web pomocí nástroje Bitly, budete muset vytvořit velmi malý web. To platí také pro Microsoft Edge. Pokud jej 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 se mohl podílet na mnoha výše uvedených platformách.

Chcete-li převést projekt Codepen na web 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 kondenzoval pomocí Bitly, takže tady je další fantastický projekt JT Helms. Jednoduše jsem postupoval výše uvedeným postupem a převedl jsem toto pero na Itty Bitty.

Jakmile máte 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 knoflík. V následující výzvě zadejte svůj odkaz.

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

Změním počáteční odkaz na ITTYBITTYEXAMPLE. Nyní můžete zamířit bit.ly/ITTYBITTYEXAMPLE stejně jako na jakémkoli jiném webu - kromě toho, ž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.

Kromě toho 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 udělej ASCII buldok. Možnosti jsou malé, ale nekonečné co do rozsahu, proto vyzkoušejte tento malý online experiment ještě dnes!

Jděte dále a vytvořte ještě lepší stránky zlepšit své znalosti HTML a CSS Naučte se HTML a CSS s těmito návody krok za krokemZají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řečtěte si více před vytvořením webu Itty Bitty! Nebo se podívejte naše recenze InMotion Hosting Kompletní recenze na webhosting InMotion pro začátečníkyPotřebujete spolehlivý webhosting? Naše recenze hostingu InMotion odhalí, zda je služba pro vás dobrou volbou. Přečtěte si více pro jiný způsob hostování vašeho webu.