Kuidas luua Itty Bitty abil hostimisvaba veebisaiti

Reklaam

Programmeerimisel ei tunne veebiareaalsus piire. Iga päev kasutavad Internetis programmeerijad oma oskusi üldsusele väikeste projektide loomiseks. Itty Bitty, veebisait, mille lõi endine Google'i disainer ja Dropbox Nocholas Jitkoffi praegune asepresident, on üks selline väike projekt.

Itty Bitty saidi abil saate tasuta luua pisikese HTML-i veebisaidi, isegi kui teil pole veebimajutust.

Päris kentsakas seletus

See toimib järgmiselt: itty.bitty.site loob väikeseid saite, laadides need nende URL-ide kaudu. Teisisõnu, teie sait salvestatakse ja tutvustatakse selle lingi piires.

Seetõttu ei vaja Itty Bitty abil loodud veebisaidid mingit veebimajutust. URL ise sisaldab kogu saidi andmeid: milline see välja näeb, mida see ütleb jne.

Pange tähele, et kui olete oma Itty Bitty lingi kätte saanud, on see pisut suurem kui tavaliselt. See on kogu teie veebisait.

Link linki

Itty Bitty loodud saidil on väga minimaalne liides. Pidage meeles, et saidi iga täiendav leht luuakse saidi enda abil.

Sellelt lehelt, võite kohe alustada HTML-i kasutamist lihtsa lehe loomiseks.

Kui soovite luua kindlama Itty Bitty saidi, saate HTML-dokumendi lohistada otse veebisaidile või linkida olemasoleva projekti otse viipasse.

Ehkki teie dokument või link võib kasutada muid programmeerimiskeeli, näiteks CSS või JS, laaditakse need ikkagi teie Itty Bitty saidile. Itty Bitty kasutamise peamine eelis (ja peamine põhjus, miks seda saab aadressilt laadida) on see, et teie leht tuleb hoida teatud väikese suuruse all.

Kui väike on üsna kena sait?

Kui Itty Bitty on tasuta ja ei vaja veebimajutust, siis kui suur võib teie sait olla? Vastus: mitte väga.

Saidil kuvatakse akna paremas ülanurgas teie veebisaidi suurus. Ehkki saitide suurus võib kõikuda, tähendab see, et ka teie link kõigub. Mõni sait ei luba teil jagada mõne baidiga suuremaid linke, mis võib piirata teie võimalust jagada suuremaid saite.

Õnneks on loojal postitas maksimaalse baitide suuruse on võimalik paljude populaarsete platvormide abil selgitada, millises suuruses erinevad platvormid sobivad:

Kui soovite veebisaiti näiteks Bitly abil lühendada, peate looma väga väikese veebisaidi. See kehtib ka Microsoft Edge'i kohta. Kui soovite seda jagada vaid brauserite vahel, saate luua palju suurema saidi.

Linkilt Itty Bitty saidile

Ehkki saate luua ka Itty Bitty saite, visates HTML-faile otse sellesse või kirjutades saidi sisu otse, demonstreerin ma kasutades Codepen projekti, mille Dudley korrus.

Codepen on lihtsaim viis saidi loomiseks Itty Bitty abil. Codepen pakub kasutajatele nii hõlpsasti kasutatavat arendajakeskkonda kui ka mugavat linkimisprotsessi.

Ülaltoodud on fantastiline näide sellest, kuidas tugev HTML-i selgroog ja muud peened programmeerimislisandid saavad luua lihtsa veebisaidi. Õnneks on see ka piisavalt väike, et seda saaks jagada paljude ülalnimetatud platvormide vahel.

Codepeni projekti Itty Bitty saidiks teisendamiseks kleepige pliiatsi link Itty Bitty saidile. Seejärel hiirega üle halli pealkirjata ja muutke teksti oma saidi kajastamiseks.

Järgmisena klõpsake nuppu menüü akna paremas ülanurgas.

Siit saate luua lingi oma Itty Bitty juurde. Ehkki ei pruugi tunduda, nagu oleksite just veebisaidi loonud, olete!

Kui olete klõpsanud nupul kopeeri link kui saate selle saidi kleepimiseks oma brauserisse kleepida. Samuti on oluline märkida: vaikimisi saab Itty Bitty saite saata QR-koodi kaudu.

See võimaldab kasutada arvukalt võimalusi, näiteks kaotatud seadmetele füüsilise viite kinnitamine.

Õnnitleme, teil on nüüd linkimiseks valmis veebisait, mis on serverivaba ja tasuta!

Lühendage oma Itty Bitty linki veelgi

Lühendamise tööriista abil saate luua ka rämpsvaba lingi. Ma kasutan Bitlyt, mis võimaldab mitte ainult linke lühendada, vaid võimaldab teil ka linki oma tekstiga kohandada, kui registreerute tasuta kontole.

Meie algupärane Codepeni näide on liiga suur, et Bitly abil kondenseeruda, nii et siin on veel üks fantastiline projekt, mille autor on JT Helms. Ma lihtsalt jälgisin ülaltoodud protsessi selle pliiatsi teisendamiseks Itty Bitty saidiks.

Kui olete oma lingi leidnud, minge siia Natuke. Kleepige oma link Bitly splash-lehele või logige sisse oma kontole ja valige Loo nuppu. Sisestage oma link järgmisse viipasse.

Kui olete oma lingi kleepinud, teisendatakse see automaatselt. Seejärel korrigeerige oma linki vastavalt enda sisselogimisele Bitly redaktori abil.

Ma muudan algse lingi ITTYBITTYEXAMPLE. Nüüd saate edasi minna bit.ly/ITTYBITTYEXAMPLE nagu mis tahes muu saidi puhul - välja arvatud muidugi see, et see on tasuta ja ei vaja veebimajutust ega serveri hooldust.

Itty Bitty saitide turvalisus

Ehkki see on lahe ja leidlik viis väikeste HTML-saitide loomiseks, pole see ilma puudusteta. Saate Itty Bitty saiti väärkasutada nii lihtsalt kui võimalik. See tähendab, et saidid võivad teid häirida selliste funktsioonide nagu hoiatused abil.

Kuna sait on endiselt eksperimentaalses etapis, ärge lootke tingimata sellele saidile kui peamisele meetodile veebis ohutu olemasolu tagamiseks.

Päris kentsakaid võimalusi on lõputult

Internetist leitud loovus on sageli muljetavaldav. Harva on see sama lihtne, juurdepääsetav ja hõlpsasti kasutatav kui Itty Bitty. Kas soovite näidata väikest rakendust? Segamini div elementidega? Itty Bitty saidi abil on see kõik hõlpsasti teostatav.

Lisaks pole te piiratud teatud arvu või saitidega. Saate teada saidi looja Nocholas Jitkoffi märkuse ja linkige saidil olev sait terviklikuks, mitmeleheküljeliseks selgitavaks veebisaidiks. Või tehke ASCII buldog. Võimalused on väikesed, kuid ulatuselt lõputud, nii et proovige seda väikest veebikatset juba täna!

Minge kaugemale ja tehke veel paremaid saite HTML-i ja CSS-i tundmise parandamine Õppige HTML-i ja CSS-i nende samm-sammult juhendavate dokumentidegaKas olete huvitatud HTMList, CSSist ja JavaScriptist? Kui arvate, et teil on nullist veebisaitide loomise õppimiseks vajalik teadmine - siin on mõned suurepärased samm-sammult õpetamisvõimalused. Loe rohkem enne Itty Bitty saidi loomist! Või vaadake meie InMotioni hostingu ülevaade InMotioni täielik veebimajutus ülevaade algajateleKas vajate usaldusväärset veebimajutust? Meie InMotion Hosting ülevaade annab teada, kas teenus on teie jaoks hea valik. Loe rohkem teie saidi majutamiseks veel üheks viisiks.