Kaip susikurti svetainę be prieglobos, naudojant „Itty Bitty“

Skelbimas

Programuodamas internetinis kūrybiškumas nežino ribų. Kiekvieną dieną programuotojai internete naudojasi savo įgūdžiais kurdami mažus projektus visuomenei. Itty Bitty, svetainė, kurią sukūrė buvęs „Google“ dizaineris ir dabartinis „Dropbox Nocholas Jitkoff“ viceprezidentas, yra vienas iš tokių mažų projektų.

Naudodamiesi „Itty Bitty“ svetaine, galite nemokamai susikurti mažą HTML svetainę, net jei neturite jokios žiniatinklio prieglobos.

Nuostabus baisus paaiškinimas

Štai kaip tai veikia: itty.bitty.site sukuria mažas svetaines, įkeldamas jas per savo URL. Kitaip tariant, jūsų svetainė yra saugoma ir pateikiama per jos saitą.

Dėl šios priežasties svetainėms, sukurtoms naudojant „Itty Bitty“, nereikia jokio interneto prieglobos. Pats URL talpina visus svetainės duomenis: kaip jis atrodo, ką sako ir t.t.

Atminkite, kad kai gausite „Itty Bitty“ nuorodą, ji bus šiek tiek didesnė nei įprasta. Tai yra visa jūsų svetainė.

Nuorodos nuoroda

„Itty Bitty“ sukurta svetainė turi labai mažą sąsają. Atminkite, kad kiekvienas papildomas svetainės puslapis yra sukurtas naudojant pačią svetainę.

Iš šio puslapio, galite nedelsdami pradėti naudoti pagrindinį HTML, kad sukurtumėte paprastą puslapį.

Jei norite sukurti tvirtesnę „Itty Bitty“ svetainę, galite nuvilkti HTML dokumentą tiesiai į svetainę arba susieti esamą projektą tiesiai į raginimą.

Nors jūsų dokumentas ar nuoroda gali naudoti kitas programavimo kalbas, tokias kaip CSS ar JS, jie vis tiek bus įkelti į jūsų „Itty Bitty“ svetainę. Vis dėlto pagrindinis „Itty Bitty“ naudojimo pranašumas (ir pagrindinė priežastis, kodėl jį galima įkelti iš adreso) yra tas, kad jūsų puslapis turi būti tam tikro dydžio.

Kiek maža yra „Bitty“ svetainė?

Jei „Itty Bitty“ yra nemokama ir nereikalauja žiniatinklio prieglobos, kokia iš tiesų gali būti jūsų svetainė? Atsakymas: nelabai.

Svetainės viršutinėje dešinėje lango dalyje pateikiamas jūsų svetainės dydis. Nors svetainių dydis gali svyruoti, tai taip pat reiškia, kad jūsų nuoroda taip pat svyruos. Kai kurios svetainės neleis dalintis didesnėmis nei keliais baitais nuorodomis, o tai gali apriboti jūsų galimybes bendrinti didesnes svetaines.

Laimei, kūrėjas turi paskelbė didžiausius baitų dydžius galima daugybe populiarių platformų paaiškinti, kokio dydžio bus skirtingos platformos:

Pavyzdžiui, jei norite sutrumpinti svetainę naudodami „Bitly“, turėsite sukurti labai mažą svetainę. Tai tinka ir „Microsoft Edge“. Tačiau jei norite tik bendrinti ją naršyklėse, galite sukurti daug didesnę svetainę.

Iš nuorodos į „Itty Bitty“ svetainę

Nors taip pat galite sukurti „Itty Bitty“ svetaines, įmesdami HTML failus tiesiai į jas arba tiesiogiai įvesdami svetainės turinį, aš pademonstruosiu naudodamas „Codepen“ projektą, kurį anksčiau sukūrė Dudley aukštas.

„Codepen“ yra lengviausias būdas sukurti savo svetainę naudojant „Itty Bitty“. „Codepen“ vartotojams suteikia ir lengvai naudojamą kūrėjų aplinką, ir patogų susiejimo procesą.

Aukščiau pateiktas pavyzdys yra puikus pavyzdys, kaip tvirtas HTML pagrindas ir kiti subtilūs programavimo priedai gali sukurti paprastą svetainę. Laimei, ji taip pat yra pakankamai maža, kad ją būtų galima bendrinti daugelyje aukščiau išvardytų platformų.

Norėdami konvertuoti „Codepen“ projektą į „Itty Bitty“ svetainę, įklijuokite rašiklio nuorodą į „Itty Bitty“ svetainę. Tada perveskite pelę virš pilkos spalvos be pavadinimo skyrių ir redaguokite tekstą, kad jis atspindėtų jūsų svetainę.

Tada spustelėkite Meniu lango viršuje, dešinėje.

Čia sukuriate nuorodą į savo „Itty Bitty“. Nors gali neatrodyti, kad ką tik sukūrėte svetainę, turite!

Kai spustelėsite nukopijuoti nuorodą parinktį, galite įklijuoti nuorodą į savo naršyklę, kad peržiūrėtumėte svetainę. Taip pat svarbu atkreipti dėmesį: pagal nutylėjimą „Itty Bitty“ svetaines galima siųsti naudojant QR kodą.

Tai suteikia daugybę galimybių, pavyzdžiui, pritvirtinti prarastų prietaisų fizinę atskaitą.

Sveikiname, dabar jūs turite parengtą susieti svetainę, kurioje nėra serverių ir nemokama!

Sutrumpinkite savo „Itty Bitty“ saitą dar labiau

Be to, naudodamiesi nuorodų sutrumpinimo įrankiu, galite sukurti nuorodą, kurioje nėra griozdo. Naudosiu „Bitly“, kuris ne tik leidžia sutrumpinti nuorodas, bet ir leidžia tinkinti nuorodą pagal savo tekstą, jei prisiregistruojate į nemokamą paskyrą.

Mūsų originalus „Codepen“ pavyzdys yra per didelis, kad būtų galima sutankėti naudojant „Bitly“, taigi čia pateiktas dar vienas fantastiškas projektas JT Helmsas. Aš paprasčiausiai sekiau aukščiau aprašytą procesą, kad paversčiau šią rašiklį „Itty Bitty“ svetaine.

Kai turėsite savo nuorodą, eikite į Šiek tiek. Įklijuokite savo nuorodą į „Bitly“ pagrindinį puslapį arba prisijunkite prie savo paskyros ir pasirinkite Sukurti mygtuką. Įveskite savo nuorodą į šį raginimą.

Įklijavę nuorodą, ji bus automatiškai paversta. Tada, naudodami „Bitly“ redaktorių, jei esate prisijungę, pakoreguokite savo nuorodą.

Aš keičiu pradinę nuorodą į ITTYBITTYEXAMPLE. Dabar galite eiti į bit.ly/ITTYBITTYEXAMPLE kaip ir bet kurioje kitoje svetainėje, išskyrus, žinoma, kad ji nemokama ir nereikalauja žiniatinklio prieglobos ar serverio priežiūros.

„Itty Bitty“ svetainių saugumas

Nors tai yra puikus ir išradingas būdas sukurti mažas HTML svetaines, jis nėra be savo trūkumų. Galite netinkamai naudoti „Itty Bitty“ svetainę taip lengvai, kaip ir bet kurią kitą. Tai reiškia, kad svetainės gali jus erzinti tokiomis funkcijomis kaip įspėjimai.

Kadangi svetainė vis dar yra eksperimento stadija, nebūtinai pasikliaukite svetaine kaip pagrindiniu saugaus buvimo internete nustatymo metodu.

„Betty Bitty“ galimybių yra begalė

Internete rastas kūrybiškumas dažnai būna įspūdingas. Tačiau retai tai yra taip paprasta, prieinama ir lengva naudoti, kaip „Itty Bitty“. Norite parodyti nedidelę aplikaciją? Messing aplink div elementus? Viską galima lengvai atlikti naudojantis „Itty Bitty“ svetaine.

Be to, jūs esate ne tik tam tikras skaičius ar svetainės. Pažvelkite į svetainės kūrėjo Nocholaso ​​Jitkoffo pastabą ir susiekite svetainėje esančią svetainę, kad gautumėte išsamią daugialapį paaiškinamąją svetainę. Arba padarykite ASCII buldogas. Galimybės yra nedidelės, tačiau begalinės, todėl išbandykite šį mažą internetinį eksperimentą jau šiandien!

Eikite toliau ir sukurkite dar geresnes svetaines patobulinti savo žinias apie HTML ir CSS Sužinokite HTML ir CSS naudodamiesi šiais „žingsnis po žingsnio“ vadovėliaisNorite sužinoti apie HTML, CSS ir „JavaScript“? Jei manote, kad turite žinių apie tai, kaip kurti svetaines nuo nulio, - tai keletas puikių žingsnis po žingsnio vadovėlių, kuriuos verta išbandyti. Skaityti daugiau prieš sukurdami „Itty Bitty“ svetainę! Arba patikrinkite mūsų „InMotion Hostingas“ apžvalga Pilna „InMotion“ interneto prieglobos apžvalga pradedantiesiemsReikia patikimo interneto prieglobos? Mūsų „InMotion Hosting“ apžvalgoje paaiškės, ar ši paslauga yra geras pasirinkimas. Skaityti daugiau kitas būdas priglobti jūsų svetainę.