Kako ustvariti spletno mesto brez gostovanja z Itty Bitty

Oglas

S programiranjem spletna ustvarjalnost ne pozna meja. Vsak dan programerji po internetu uporabljajo svoje veščine za ustvarjanje majhnih projektov za javnost. Itty Bitty, spletno mesto, ki ga je ustvaril nekdanji oblikovalec za Google in sedanji podpredsednik podjetja Dropbox Nocholas Jitkoff, je en tak majhen projekt.

Z uporabo spletnega mesta Itty Bitty lahko brezplačno ustvarite majhno spletno mesto HTML, tudi če nimate spletnega gostovanja.

Pojasnilo Itty Bitty

Takole deluje: itty.bitty.site ustvarja majhna spletna mesta, tako da jih naloži prek svojih URL-jev. Z drugimi besedami, vaše spletno mesto je shranjeno in predstavljeno v svoji povezavi.

Zaradi tega spletna mesta, ustvarjena z uporabo Itty Bitty, ne potrebujejo popolnoma nobenega spletnega gostovanja. Sam URL vsebuje vse podatke spletnega mesta: kako izgleda, kako piše itd.

Upoštevali boste, da ko bo prejela povezavo Itty Bitty, bo ta nekoliko večji kot običajno. To je vaše celotno spletno mesto.

Povezava za povezavo

Dejansko spletno mesto, ki ga je ustvaril Itty Bitty, ima zelo minimalen vmesnik. Upoštevajte, da je vsaka dodatna stran na spletnem mestu ustvarjena z uporabo samega spletnega mesta.

S te stranilahko takoj začnete uporabljati osnovni HTML za ustvarjanje preproste strani.

Če želite ustvariti bolj robustno spletno mesto Itty Bitty, lahko dokument HTML povlečete neposredno na spletno mesto ali povežete obstoječi projekt neposredno v poziv.

Čeprav lahko vaš dokument ali povezava uporablja druge programske jezike, kot sta CSS ali JS, bodo še vedno naloženi z vašim spletnim mestom Itty Bitty. Kljub temu je glavna prednost uporabe Itty Bitty (in glavni razlog, da se lahko naloži z naslova) ta, da mora biti vaša stran v določeni majhni velikosti.

Kako majhno je spletno mesto Itty Bitty?

Če je Itty Bitty brezplačna in ne potrebuje spletnega gostovanja, kako velika je lahko vaša spletna stran v resnici? Odgovor: ne zelo.

Spletno mesto v zgornjem desnem delu okna predstavlja velikost vašega spletnega mesta. Medtem ko spletna mesta lahko spreminjajo velikost, to pomeni tudi, da bo tudi vaša povezava nihala v velikosti. Nekatera spletna mesta ne dovoljujejo skupne rabe povezav, večjih od nekaj bajtov, kar lahko omeji vaše možnosti skupne rabe večjih spletnih mest.

K sreči ustvarjalca ima objavil največje velikosti bajtov možno je na številnih priljubljenih platformah razložiti, kakšne velikosti bodo različne platforme:

Če želite na primer skrajšati spletno mesto z uporabo Bitlyja, boste morali ustvariti zelo majhno spletno mesto. To velja tudi za Microsoft Edge. Če ga želite samo deliti v brskalnikih, lahko ustvarite veliko večje spletno mesto.

Od povezave do mesta Itty Bitty

Medtem ko lahko tudi ustvarite spletna mesta Itty Bitty, tako da v njih spustite datoteke HTML neposredno ali neposredno vnesete vsebino spletnega mesta, bom pokazal z uporabo Codepen projekta, ki ga je prej izdelal Dudley Storey.

Codepen je najlažji način za ustvarjanje spletnega mesta s pomočjo Itty Bitty. Codepen uporabnikom ponuja tako enostavno in uporabniško okolje za razvijalce kot tudi priročen postopek povezovanja.

Zgornje je fantastičen primer, kako močna hrbtenica HTML - in drugi subtilni programski dodatki - lahko ustvarijo preprosto spletno mesto. Na srečo je tudi dovolj majhen, da ga lahko delite na več zgoraj naštetih platform.

Če želite pretvoriti Codepenov projekt v spletno mesto Itty Bitty, prilepite povezavo Pero na spletno mesto Itty Bitty. Nato z miško nad sivo brez naslova razdelite in uredite besedilo tako, da odraža vaše spletno mesto.

Nato kliknite na meni v zgornjem desnem kotu okna.

Tu ustvarite povezavo do Itty Bitty. Čeprav se morda ne zdi, kot da ste pravkar ustvarili spletno mesto, imate!

Ko kliknete na kopiraj povezavo Če želite videti spletno mesto, povezavo lahko prilepite v brskalnik. Pomembno je tudi upoštevati: spletna mesta Itty Bitty privzeto lahko pošljete preko QR kode.

To omogoča niz možnosti, na primer pripisovanje fizičnih referenc izgubljenim napravam.

Čestitamo, zdaj imate spletno mesto, ki je že pripravljeno na povezavo, brez strežnikov in brezplačno!

Skrajšajte svojo povezavo Itty Bitty še bolj

S pomočjo orodja za krajšanje povezav lahko ustvarite tudi povezavo brez nereda. Uporabljal bom Bitly, ki vam omogoča, da ne samo skrajšate povezave, ampak tudi, da prilagodite povezavo s svojim besedilom, če se prijavite na brezplačen račun.

Naš originalni primer Codepena je prevelik, da bi se kondenziral z uporabo Bitlyja, zato je tu še en fantastičen projekt JT Helms. Preprosto sem sledil zgornjemu postopku za pretvorbo tega peresa na spletno mesto Itty Bitty.

Ko vzpostavite povezavo, pojdite na Bitno. Prilepite povezavo na Bitlyjevo spletno stran ali se prijavite v svoj račun in izberite Ustvari gumb. Vnesite spodnjo povezavo v naslednji poziv.

Ko ste povezavo prilepili, se ta samodejno pretvori. Nato prilagodite svojo povezavo tako, kot se vam zdi primerno, z Bitlyjevim urejevalnikom, če ste prijavljeni.

Spremenim začetno povezavo v ITTYBITTYEXAMPLE. Zdaj se lahko odpravite bit.ly/ITTYBITTYEXAMPLE kot vsako drugo spletno mesto, razen seveda, da je brezplačno in ne potrebuje spletnega gostovanja ali vzdrževanja strežnika.

Varnost za mesta Itty Bitty

Čeprav je to kul in iznajdljiv način ustvarjanja majhnih spletnih mest HTML, ni brez njegovih napak. Spletno mesto Itty Bitty lahko zlorabite tako enostavno, kot lahko katero koli drugo. To pomeni, da vas spletna mesta lahko motijo ​​s funkcijami, kot so opozorila.

Ker je spletno mesto še vedno v poskusni fazi, ga ni treba zanašati na glavno metodo za vzpostavitev varne spletne prisotnosti.

Možnosti Itty Bitty so neskončne

Ustvarjalnost, najdena na spletu, je pogosto impresivna. Le redki pa so tako preprosti, dostopni in enostavni za uporabo kot Itty Bitty. Želite predstaviti majhno aplikacijo? Zmešnjava z elementi div? Vse je na voljo na spletnem mestu Itty Bitty.

Poleg tega niste omejeni na določeno število ali spletna mesta. Vzemite si opombo ustvarjalca spletnega mesta Nocholas Jitkoff in povežite spletno mesto na spletnem mestu za obsežno večstransko pojasnjevalno spletno mesto. Ali pa naredite ASCII buldog. Možnosti so majhne, ​​a po obsegu neskončne, zato preizkusite ta mali spletni eksperiment še danes!

Pojdite naprej in naredite še boljša mesta izboljšati svoje znanje HTML in CSS Naučite se HTML in CSS s temi vadnicami po korakihŽelite vedeti o HTML, CSS in JavaScript? Če menite, da se poznate, kako ustvariti spletna mesta iz nič, tukaj je nekaj odličnih vadnic po korakih, ki jih je vredno poskusiti. Preberi več preden ustvarite spletno mesto Itty Bitty! Ali pa preverite naš pregled gostovanja InMotion Celoten pregled spletnega gostovanja InMotion za začetnikePotrebujete zanesljivo spletno gostovanje? Naš pregled gostovanja InMotion bo razkril, ali je storitev dobra izbira za vas. Preberi več za drug način gostovanja vašega spletnega mesta.