Ako vytvoriť web bez hostingu s Itty Bitty

Ako vytvoriť web bez hostingu s Itty Bitty

S programovaním sa online kreativite medze nekladú. Programátori na internete každý deň používajú svoje schopnosti na vytváranie malých projektov pre verejnosť. Itty Bitty, webová stránka, ktorú vytvoril bývalý dizajnér pre Google a súčasný viceprezident spoločnosti Dropbox Nocholas Jitkoff, je jedným z takýchto malých projektov.





Pomocou stránky Itty Bitty môžete bezplatne vytvoriť malú webovú stránku HTML, aj keď nemáte žiadny webhosting.



Itty Bitty Vysvetlenie

Funguje to takto: itty.bitty.site vytvára malé stránky tak, že ich načítava prostredníctvom svojich adries URL. Inými slovami, váš web je uložený a prezentovaný v rámci odkazu.





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

Všimnite si toho, že akonáhle dostanete svoj odkaz Itty Bitty, bude o niečo väčší ako obvykle. To je celý váš web.



Skutočná stránka vytvorená spoločnosťou Itty Bitty má veľmi minimálne rozhranie. Majte na pamäti, ž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ť základný HTML na vytvorenie jednoduchej stránky.



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

Aj keď váš dokument alebo odkaz môže používať iné programovacie jazyky, ako sú CSS alebo JS, budú stále načítané na vašom webe Itty Bitty. To znamená, že hlavnou výhodou použitia Itty Bitty (a hlavným dôvodom, prečo je možné ho načítať z adresy) je, že vašu stránku je potrebné udržiavať v určitej malej veľkosti.



Ako malý je itty bitty web?

Ak je Itty Bitty bezplatný a nevyžaduje žiadny webhosting, aké veľké môžu byť vaše stránky? Odpoveď: nie veľmi .

skvelé veci, ktoré je možné urobiť so starým počítačom

Stránka vám v pravej hornej časti okna zobrazuje veľkosť vašich webových stránok. Aj keď sa veľkosť stránok môže líšiť, znamená to tiež, že veľkosť vášho odkazu bude tiež kolísať. Niektoré weby vám nedovolia zdieľať odkazy väčšie ako niekoľko bajtov, čo môže obmedziť vašu schopnosť zdieľať väčšie weby.

Našťastie tvorca má zverejnil maximálnu veľkosť bajtov Je možné, že veľa populárnych platforiem vysvetľuje, aké veľkosti rôzne platformy uspokoja:

Ak napríklad chcete skrátiť webovú stránku pomocou Bitly, budete musieť vytvoriť veľmi malú webovú stránku. To platí aj pre Microsoft Edge. Ak ho však chcete zdieľať iba v prehliadačoch, môžete vytvoriť oveľa rozsiahlejší web.

Aj keď môžete tiež vytvárať weby Itty Bitty tak, že do nich vložíte súbory HTML priamo alebo zadaním obsahu stránky priamo, predvediem to pomocou projektu Codepen, ktorý predtým vytvoril Dudley Storey .

Codepen je najľahší spôsob, ako vytvoriť svoj web pomocou Itty Bitty. Codepen poskytuje užívateľom ľahko použiteľné vývojárske prostredie a pohodlný proces prepojenia.

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

Ak chcete projekt Codepen previesť na web Itty Bitty, prilepte odkaz na pero na web Itty Bitty. Potom umiestnite kurzor myši na sivú bez názvu sekcii a upravte text tak, aby zodpovedal vašim stránkam.

Ďalej kliknite na Ponuka v pravom hornom rohu okna.

ako premietať záznam so zvukom na iphone

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

Akonáhle kliknete na skopírovať odkaz Ak chcete zobraziť stránku, môžete vložiť odkaz do svojho prehliadača. Je tiež dôležité poznamenať: v predvolenom nastavení je možné weby Itty Bitty odosielať prostredníctvom QR kódu.

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

Blahoželáme, teraz máte webovú stránku pripravenú na prepojenie, ktorá je bez serverov a zadarmo!

Bezproblémový odkaz môžete vytvoriť aj pomocou nástroja na skrátenie odkazu. Budem používať Bitly, ktorý vám umožní nielen skrátiť odkazy, ale tiež vám umožní prispôsobiť odkaz pomocou vlastného textu, ak si zaregistrujete bezplatný účet.

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

Akonáhle budete mať svoj odkaz, choďte na Bitly . Vložte svoj odkaz na úvodnú stránku Bitly alebo sa prihláste do svojho účtu a vyberte položku Vytvoriť tlačidlo. Do nasledujúcej výzvy zadajte svoj odkaz.

Keď prilepíte svoj odkaz, automaticky sa prevedie. Potom, ak ste prihlásení, upravte svoj odkaz podľa vlastného uváženia pomocou editora Bitly.

Pôvodný odkaz mením na ITTYBITTYEXAMPLE. Teraz môžete zamieriť do bit.ly/ITTYBITTYEXAMPLE ako všetky ostatné stránky --- samozrejme okrem toho, že sú bezplatné a nevyžadujú žiadny webhosting ani údržbu servera.

Zabezpečenie pre Itty Bitty Sites

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

Keďže je web stále v experimentálnej fáze, nespoliehajte sa naň ako na hlavný spôsob vytvorenia bezpečnej webovej prezentácie.

Možnosti Itty Bitty sú nekonečné

Kreativita nájdená na internete je často pôsobivá. Zriedka je to však také jednoduché, prístupné a ľahko použiteľné ako Itty Bitty. Chcete predviesť malú aplikáciu? Bavíte sa s prvkami div? Všetko je možné ľahko vykonať pomocou stránky Itty Bitty.

Okrem toho nie ste obmedzení na určitý počet alebo weby. Vezmite si poznámku od tvorcu stránky Nocholasa Jitkoffa a prepojte webovú stránku s inými webovými stránkami, aby ste získali komplexnú, viacstranovú vysvetľujúcu webovú stránku. Alebo si urobte Buldog ASCII . Možnosti sú malé, ale nekonečné, preto vyskúšajte tento malý online experiment ešte dnes!

Choďte ďalej a vytvorte ešte lepšie stránky zlepšením svojich znalostí HTML a CSS pred vytvorením stránky Itty Bitty! Alebo sa pozrite naša kontrola hostingu InMotion pre iný spôsob hostenia vašich stránok.

zdieľam zdieľam Tweet E -mail Ako vyčistiť počítač so systémom Windows pomocou príkazového riadka

Ak má váš počítač so systémom Windows nedostatok úložného priestoru, odstráňte nepotrebné informácie pomocou týchto rýchlych nástrojov príkazového riadka.

Čítajte ďalej Súvisiace témy
  • Internet
  • Programovanie
  • HTML
  • Vývoj webových aplikácií
O autorovi Kresťanská bonilla(83 publikovaných článkov)

Christian je nedávnym prírastkom do komunity MakeUseOf a zanieteným čitateľom všetkého od hutnej literatúry po komiksy Calvina a Hobbesa. Jeho vášni pre technológiu zodpovedá iba jeho chuť a ochota pomôcť; Ak máte otázky týkajúce sa (väčšinou) čohokoľvek, neváhajte nám poslať e -mail!

Viac od Christiana Bonillu

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber