Ako vytvoriť web bez hostingu s Itty Bitty

Reklama

Tvorba online nepozná hranice programovania. Programátori cez internet každý deň využívajú svoje zručnosti na vytváranie malých projektov pre verejnosť. Itty Bitty, webová stránka vytvorená bývalým návrhárom spoločnosti Google a súčasným viceprezidentom spoločnosti Dropbox Nocholas Jitkoff, je jedným z takýchto malých projektov.

Pomocou stránky Itty Bitty si môžete vytvoriť malý web HTML zadarmo, aj keď nemáte webhosting.

Vysvetlenie Itty Bitty

Funguje to takto: itty.bitty.site vytvára malé webové stránky ich načítaním prostredníctvom ich adries URL. Inými slovami, vaše stránky sú uložené a prezentované v rámci svojho odkazu.

Z tohto dôvodu webové stránky vytvorené pomocou Itty Bitty nevyžadujú absolútne žiadny webhosting. Samotná adresa URL obsahuje všetky údaje o webe: ako vyzerá, čo hovorí atď.

Všimnite si, že keď dostanete odkaz Itty Bitty, bude o niečo väčší ako zvyčajne. To je celý váš web.

Odkaz na odkaz

Skutočná stránka vytvorená Itty Bitty má veľmi minimálne rozhranie. Nezabudnite, že každá ďalšia stránka na webe je vytvorená pomocou samotného webu.

Z tejto stránky, môžete okamžite začať používať jednoduchý HTML na vytvorenie jednoduchej stránky.

Ak chcete vytvoriť robustnejšiu webovú stránku Itty Bitty, môžete drag and drop dokument HTML priamo na webovú stránku alebo prepojiť existujúci projekt priamo do výzvy.

Hoci váš dokument alebo odkaz môžu používať iné programovacie jazyky, ako sú CSS alebo JS, stále sa načítajú na váš web Itty Bitty. Hlavnou výhodou používania Itty Bitty (a hlavným dôvodom, prečo sa dá načítať z adresy) je, že vaša stránka musí byť udržiavaná v určitej malej veľkosti.

Aký malý je itty bitty?

Ak je Itty Bitty zadarmo a nevyžaduje webhosting, aký veľký môže byť váš web? Odpoveď: nie veľmi.

Stránka predstavuje veľkosť vášho webu v pravom hornom rohu okna. Veľkosť stránok sa môže líšiť, ale to znamená, že sa bude meniť aj váš odkaz. Niektoré stránky vám nedovolia zdieľať odkazy väčšie ako niekoľko bajtov, čo môže obmedziť vašu schopnosť zdieľať väčšie stránky.

Našťastie tvorca zverejnil maximálnu veľkosť bytov pre mnoho populárnych platforiem je možné vysvetliť, aké veľkosti budú rôzne platformy vyhovovať:

Ak napríklad chcete skrátiť web pomocou nástroja Bitly, budete musieť vytvoriť veľmi malý web. To platí aj pre Microsoft Edge. Ak ju však chcete zdieľať iba v prehliadačoch, môžete vytvoriť omnoho väčšie stránky.

Od odkazu na stránku Itty Bitty

Webové stránky Itty Bitty môžete vytvoriť aj vložením súborov HTML priamo do nich alebo priamym zadaním obsahu stránok. Ukážem vám to pomocou projektu Codepen, ktorý predtým vytvoril Dudley Storey.

Codepen je najjednoduchší spôsob, ako vytvoriť svoje stránky pomocou Itty Bitty. Codepen poskytuje používateľom ľahko použiteľné vývojové prostredie a pohodlný proces prepájania.

Vyššie uvedené je fantastickým príkladom toho, ako môže silná chrbtica HTML - a ďalšie jemné programovacie prídavky - vytvoriť jednoduchú webovú stránku. Našťastie je tiež dosť malý na zdieľanie na mnohých vyššie uvedených platformách.

Ak chcete previesť projekt Codepen na web Itty Bitty, prilepte odkaz pera na web Itty Bitty. Potom prejdite myšou cez sivú farbu untitled a upravte text tak, aby odrážal vaše stránky.

Ďalej kliknite na ikonu Ponuka v pravom hornom rohu okna.

Tu vytvoríte odkaz na váš Itty Bitty. Aj keď sa to nemusí zdať, akoby ste práve vytvorili webovú stránku, máte!

Akonáhle kliknete na ikonu skopírovať odkaz môžete vložiť odkaz do svojho prehliadača a zobraziť web. Dôležité upozornenie: V predvolenom nastavení sa stránky Itty Bitty môžu odosielať prostredníctvom QR kódu.

To umožňuje množstvo možností, napríklad pripojenie fyzickej referencie na stratené zariadenia.

Gratulujeme, teraz máte webovú stránku pripravenú na prepojenie, ktorá je bez serverov a je zadarmo!

Skráťte ešte viac váš itty bitty link

Odkaz môžete tiež vytvoriť pomocou nástroja na skracovanie odkazov. Použijem program Bitly, ktorý vám umožní nielen skrátiť odkazy, ale tiež vám umožní prispôsobiť odkaz vlastnému textu, ak sa zaregistrujete k bezplatnému účtu.

Náš pôvodný príklad Codepen je príliš veľký na to, aby kondenzoval pomocou Bitly, takže tu je ďalší fantastický projekt od JT Helms. Jednoducho som postupoval podľa vyššie uvedeného postupu a previedol som toto pero na stránku Itty Bitty.

Akonáhle budete mať svoj odkaz, choďte na Bitly. Vložte svoj odkaz na úvodnú stránku spoločnosti Bitly alebo sa prihláste do svojho účtu a vyberte ikonu vytvoriť Tlačidlo. V nasledujúcom riadku zadajte svoj odkaz.

Po vložení odkazu sa automaticky skonvertuje. Potom upravte svoj odkaz podľa potreby pomocou editora Bitly, ak ste prihlásení.

Pôvodný odkaz som zmenil na ITTYBITTYEXAMPLE. Teraz môžete zamieriť bit.ly/ITTYBITTYEXAMPLE ako by ste akékoľvek iné stránky - samozrejme, s výnimkou toho, že sú bezplatné a nevyžadujú si webhosting ani údržbu servera.

Zabezpečenie pre Itty bitty

Aj keď je to skvelý a dômyselný spôsob vytvárania malých stránok HTML, nie je to bez nedostatkov. Stránky Itty Bitty môžete zneužiť rovnako ľahko ako akékoľvek iné. To znamená, že stránky vás môžu obťažovať funkciami, ako sú upozornenia.

Keďže stránka je stále v experimentálnej fáze, nemusíte sa na ňu nevyhnutne spoliehať ako na hlavnú metódu vytvorenia bezpečnej prítomnosti na webe.

Možnosti Itty Bitty sú nekonečné

Kreativita nájdená online je často pôsobivá. Zriedkakedy je to však také jednoduché, dostupné a ľahko použiteľné ako Itty Bitty. Chcete predviesť malú aplikáciu? Hrávate sa s prvkami div? Všetko je ľahko uskutočniteľné pomocou stránky Itty Bitty.

Okrem toho nie ste obmedzení len na určitý počet alebo weby. Zaznamenajte si poznámku od tvorcu tejto stránky Nocholasa Jitkoffa a prepojte webovú stránku s webom pre komplexný viacstranový vysvetľujúci web. Alebo si urob ASCII buldog. Možnosti sú malé, ale ich rozsah je nekonečný, preto vyskúšajte tento malý online experiment ešte dnes!

Choďte ďalej a vytvorte ešte lepšie stránky zlepšiť svoje znalosti HTML a CSS Naučte sa HTML a CSS pomocou týchto návodov krok za krokomZaujíma vás HTML, CSS a JavaScript? Ak si myslíte, že máte talent na to, aby ste sa naučili, ako vytvárať webové stránky od nuly, tu je niekoľko vynikajúcich návodov, ktoré by sa mali vyskúšať. Čítaj viac pred vytvorením stránky Itty Bitty! Alebo sa pozrite naše hodnotenie hostenia InMotion Kompletná recenzia na webhosting InMotion pre začiatočníkovPotrebujete spoľahlivý webhosting? Naše hodnotenie hostenia InMotion odhalí, či je služba pre vás dobrou voľbou. Čítaj viac pre iný spôsob hostenia vašich stránok.