Kako stvoriti web lokaciju bez hostinga sa Itty Bitty

Oglas

Programiranju internetska kreativnost ne poznaje granice. Svakog dana programeri putem Interneta koriste svoje vještine za stvaranje malih projekata za javnost. Itty Bitty, web stranica koju je stvorio Googleov dizajner i sadašnji potpredsjednik tvrtke Dropbox Nocholas Jitkoff, jedan je od takvih malih projekata.

Pomoću stranice Itty Bitty možete besplatno stvoriti sićušnu HTML web stranicu, čak i ako nemate web hosting.

Objašnjenje Itty Bitty

Evo kako to funkcionira: itty.bitty.site stvara male web stranice učitavajući ih putem svojih URL-ova. Drugim riječima, vaše se web mjesto pohranjuje i prezentira u okviru svoje veze.

Zbog toga web stranice stvorene pomoću Itty Bitty ne zahtijevaju apsolutno nikakav web hosting. Sam URL sadrži sve podatke web mjesta: kako izgleda, što piše itd.

Primijetit ćete da kada jednom primite vezu Itty Bitty, bit će malo veća nego inače. To je cijela vaša web stranica.

Link za Link

Stvarna web-lokacija koju je stvorio Itty Bitty ima vrlo minimalno sučelje. Imajte na umu da se svaka dodatna stranica na web-lokaciji kreira pomoću same web lokacije.

S ove stranice, možete odmah početi koristiti osnovni HTML za stvaranje jednostavne stranice.

Ako želite stvoriti robusnije web mjesto Itty Bitty, možete povući ili baciti HTML dokument izravno na web mjesto ili povezati postojeći projekt izravno u odzivniku.

Iako će vaš dokument ili veza možda upotrebljavati druge programske jezike kao što su CSS ili JS, i dalje će biti učitani na vašoj web lokaciji Itty Bitty. U skladu s tim, glavna prednost korištenja Itty Bitty (i središnji razlog zašto se može učitati s adrese) je ta da vaša stranica mora biti pod određenom, malom veličinom.

Koliko je mala stranica Itty Bitty?

Ako je Itty Bitty besplatna i ne zahtijeva web hosting, koliko velika može biti vaša web stranica? Odgovor: Ne baš.

Web mjesto prikazuje veličinu vaše web stranice u gornjem desnom dijelu prozora. Iako web mjesta mogu varirati u veličini, to također znači da će i vaša veza varirati u veličini. Neke web stranice neće dopustiti dijeljenje veza većih od nekoliko bajtova, što može ograničiti vašu mogućnost dijeljenja većih web lokacija.

Srećom, tvorac ima objavio maksimalne veličine bajta moguće je na mnoštvu popularnih platformi objasniti u kojoj će se veličini različite platforme smjestiti:

Ako, primjerice, želite skratiti web mjesto pomoću Bitlyja, morat ćete stvoriti vrlo malu web lokaciju. To vrijedi i za Microsoft Edge. Ako samo želite dijeliti to u preglednicima, možete stvoriti mnogo veću web lokaciju.

Iz veze na web mjesto Itty Bitty

Iako također možete stvoriti Itty Bitty web mjesta dodavanjem HTML datoteka izravno u nju ili upisivanjem sadržaja web mjesta, pokazat ću koristeći Codepen projekt prethodno napravljen od Dudley Storey.

Codepen je najlakši način za stvaranje vaše web stranice pomoću Itty Bitty. Codepen pruža korisnicima i jednostavno razvojno okruženje koje je lako za korištenje i zgodan postupak povezivanja.

Navedeno je fantastičan primjer kako snažna HTML okosnica - i ostali suptilni programski dodaci - mogu stvoriti jednostavnu web stranicu. Srećom, također je dovoljno mali da dijeli na mnogim gore navedenim platformama.

Da biste pretvorili Codepenov projekt u Itty Bitty mjesto, zalijepite vezu olovke na web mjesto Itty Bitty. Zatim, mišem preko sive bez naslova odjeljak i uredite tekst tako da odražava vašu web lokaciju.

Zatim kliknite na izbornik u gornjem desnom uglu prozora.

Ovdje stvarate vezu do svog Ittyja Bittija. Iako se možda ne čini kao da ste upravo izradili web mjesto, imate!

Jednom kada kliknete Kopiraj link opciju, možete zalijepiti vezu u svoj preglednik da biste vidjeli web mjesto. Važna napomena: web mjesta Itty Bitty prema zadanim postavkama mogu se slati putem QR koda.

To omogućuje niz mogućnosti, poput dodavanja fizičke reference za izgubljene uređaje.

Čestitamo, sada imate web lokaciju spremnu za vezu koja je bez poslužitelja i besplatna!

Skratite svoju Bitty Link još više

Također možete stvoriti vezu bez nereda pomoću alata za skraćivanje veze. Koristit ću Bitly, što ne samo da vam omogućuje da skratite veze, već vam omogućuje i prilagođavanje veze vlastitom tekstu ako se prijavite na besplatni račun.

Naš originalni primjer Codepena prevelik je za kondenziranje pomoću Bitlyja, pa evo još jednog fantastičnog projekta tvrtke JT Helms. Jednostavno sam pratio gornji postupak kako bih pretvorio ovu olovku u mjesto Itty Bitty.

Jednom kada imate vezu, idite na Bitly. Zalijepite vezu na Bitlyjevu stranicu za prskanje ili se prijavite na svoj račun i odaberite Stvoriti dugme. Unesite svoju vezu u sljedeći upit.

Nakon što zalijepite vezu, ona će se automatski pretvoriti. Zatim prilagodite svoju vezu onako kako smatrate prikladnim pomoću Bitlyjevog uređivača ako ste prijavljeni.

Mijenjam početnu vezu u ITTYBITTYEXAMPLE. Sada se možete uputiti bit.ly/ITTYBITTYEXAMPLE kao i bilo koja druga web lokacija - osim, naravno, da je besplatna i ne zahtijeva web hosting ili održavanje poslužitelja.

Sigurnost za Itty Bitty web stranice

Iako je to sjajan i genijalan način stvaranja malih HTML web lokacija, nije bez njegovih nedostataka. Možete zloupotrijebiti web mjesto Itty Bitty jednako lako kao i bilo koje druge. To znači da vas web stranice mogu iznervirati značajkama poput upozorenja.

Budući da je web-lokacija još u eksperimentalnoj fazi, nemojte se oslanjati na nju kao na glavni način uspostavljanja sigurne web prisutnosti.

Mogućnosti Itty Bittyja su beskrajne

Kreativnost pronađena na mreži često je impresivna. Rijetko je, međutim, tako jednostavna, pristupačna i jednostavna za upotrebu kao Itty Bitty. Želite pokazati malu aplikaciju? Zabrljati se s div elementima? Sve je lako izvedivo pomoću stranice Itty Bitty.

Štoviše, niste ograničeni na određeni broj ili web mjesta. Zapišite bilješku od tvorca web mjesta Nocholas Jitkoff i povežite web mjesto na web mjestu za sveobuhvatno web mjesto s više stranica. Ili napravite an ASCII buldog. Mogućnosti su male veličine, ali beskonačne po opsegu, tako da danas isprobajte ovaj mali mrežni eksperiment!

Idite dalje i napravite još bolja web mjesta poboljšavajući svoje znanje HTML-a i CSS-a Naučite HTML i CSS pomoću ovih korak po korak vodičaZanima vas HTML, CSS i JavaScript? Ako mislite da imate smisao za učenje kako izraditi web stranice ispočetka - evo nekoliko sjajnih tutorijala koje treba isprobati. Čitaj više prije stvaranja stranice Itty Bitty! Ili provjerite naš pregled InMotion Hosting Kompletan InMotion web hosting pregled za početnikeTrebate pouzdan web hosting? Naš pregled InMotion Hosting će otkriti je li usluga dobar izbor za vas. Čitaj više za još jedan način da ugostite vašu web lokaciju.