Kuinka luoda hosting-vapaa verkkosivusto Itty Bitty -sovelluksella

Mainos

Ohjelmoinnin avulla luovuus verkossa ei tunne rajoja. Joka päivä Internetin ohjelmoijat käyttävät taitojaan pienten projektien luomiseen yleisölle. Itty Bitty, verkkosivusto, jonka on luonut entinen Google-suunnittelija ja nykyinen Dropbox Nocholas Jitkoffin varapuheenjohtaja, on yksi tällainen pieni projekti.

Itty Bitty -sivuston avulla voit luoda pienen HTML-sivuston ilmaiseksi, vaikka sinulla ei olisi web-hosting-palvelua.

Itty Bitty selitys

Näin se toimii: itty.bitty.site luo pieniä sivustoja lataamalla ne URL-osoitteidensa kautta. Toisin sanoen sivustosi tallennetaan ja esitetään linkin sisällä.

Tämän vuoksi Itty Bitty -sovelluksella luodut verkkosivustot eivät vaadi mitään web-hosting-palvelua. Itse URL-osoitteessa on koko sivuston tiedot: miltä se näyttää, mitä sanotaan jne.

Huomaa, että kun saat Itty Bitty -linkin, se on vähän tavallista suurempi. Se on koko verkkosivustosi.

Link linkille

Itty Bittyn luomassa todellisessa sivustossa on erittäin pieni käyttöliittymä. Muista, että kaikki sivuston lisäsivut luodaan itse sivustoa käyttämällä.

Tältä sivulta, voit heti alkaa käyttää HTML-perustana yksinkertaisen sivun luomista.

Jos haluat luoda vankeamman Itty Bitty -sivuston, voit joko vetää ja pudottaa HTML-asiakirjan suoraan verkkosivustolle tai linkittää olemassa olevan projektin suoraan kehotteeseen.

Vaikka asiakirjasi tai linkkisi voi käyttää muita ohjelmointikieliä, kuten CSS tai JS, ne ladataan silti Itty Bitty -sivustollesi. Itty Bittyn käytön tärkein etu (ja keskeinen syy sen lataamiseen osoitteesta) on kuitenkin se, että sivusi on pidettävä tietyn pienen koon alla.

Kuinka pieni on melko bitty sivusto?

Jos Itty Bitty on ilmainen eikä vaadi web-hosting-palvelua, kuinka suuri sivustosi voi olla? Vastaus: ei kovinkaan.

Sivusto esittelee verkkosivustosi koon ikkunan oikeassa yläkulmassa. Vaikka sivustojen koko voi vaihdella, se tarkoittaa myös, että linkkisi vaihtelee myös koon mukaan. Jotkin sivustot eivät salli muutama tavua suurempien linkkien jakamista, mikä voi rajoittaa kykyäsi jakaa suurempia sivustoja.

Onneksi luojalla on lähetti maksimitavukokojen mahdollista, että monet suositut alustat selittävät, mitkä koot erilaisille alustoille mahtuvat:

Jos haluat lyhentää verkkosivustoa esimerkiksi käyttämällä Bitlyä, sinun on luotava hyvin pieni verkkosivusto. Tämä koskee myös Microsoft Edgeä. Jos kuitenkin haluat jakaa sen vain selainten välillä, voit luoda paljon suuremman sivuston.

Linkistä Itty Bitty -sivustoon

Vaikka voit myös luoda Itty Bitty -sivustoja pudottamalla HTML-tiedostoja suoraan niihin tai kirjoittamalla sivuston sisällön suoraan, osoitan käyttämällä Codepen-projektia, jonka Dudley-kerros.

Codepen on helpoin tapa luoda sivustosi Itty Bittin avulla. Codepen tarjoaa käyttäjille sekä helppokäyttöisen kehitysympäristön että kätevän linkitysprosessin.

Yllä oleva on loistava esimerkki siitä, kuinka vahva HTML-runko - ja muut hienovaraiset ohjelmistolisäykset - voivat luoda yksinkertaisen verkkosivun. Onneksi se on myös tarpeeksi pieni jaettavaksi monille yllä luetelluille alustoille.

Voit muuntaa Codepen-projektin Itty Bitty -sivustoksi liittämällä kynän linkin Itty Bitty -sivustoon. Siirrä sitten hiiri harmaan päälle nimetön -osiossa ja muokkaa tekstiä vastaamaan sivustoasi.

Napsauta seuraavaksi valikko ikkunan oikeassa yläkulmassa.

Täällä voit luoda linkin Itty Bittyyn. Vaikka ei vaikuta siltä, ​​että olet juuri luonut verkkosivuston, sinulla on!

Kun napsautat kopioi linkki -vaihtoehto, voit liittää linkin selaimeesi nähdäksesi sivuston. Tärkeä huomata myös: oletuksena Itty Bitty -sivustot voidaan lähettää QR-koodilla.

Tämä mahdollistaa suuren määrän vaihtoehtoja, kuten fyysisen ohjeen kiinnittäminen kadonneille laitteille.

Onnittelut, sinulla on nyt linkitettävä verkkosivusto, joka ei sisällä palvelinta ja ilmaista!

Lyhennä melko Bitty-linkkiäsi entisestään

Voit myös luoda häiriöttömän linkin linkin lyhennystyökalulla. Käytän Bitlyä, joka ei vain mahdollista lyhentää linkkejä, vaan myös mukauttaa linkin omalla tekstilläsi, jos kirjaudut ilmaiseksi tilille.

Alkuperäinen Codepen-esimerkimme on liian suuri tiivistyäkseen käyttämällä Bitlyä, joten tässä on toinen fantastinen projekti JT Helms. Seurasin yksinkertaisesti yllä olevaa prosessia muuntaaksesi tämän kynän Itty Bitty -sivustoksi.

Kun sinulla on linkki, siirry bitly. Liitä linkki Bitlyn splash-sivulle tai kirjaudu tiliisi ja valitse Luoda painiketta. Kirjoita linkkisi seuraavaan kehotteeseen.

Kun olet liittänyt linkin, se muunnetaan automaattisesti. Säädä sitten linkkiäsi sopivaksi katsomallasi Bitly-editorilla, jos olet kirjautunut sisään.

Vaihdan alkuperäisen linkin kohtaan ITTYBITTYEXAMPLE. Voit nyt suunnata bit.ly/ITTYBITTYEXAMPLE kuten millä tahansa muulla sivustolla - paitsi tietysti, että se on ilmainen ja ei vaadi web-hosting- tai palvelimen ylläpitoa.

Itty Bitty -sivustojen turvallisuus

Vaikka tämä on hieno ja nerokas tapa luoda pieniä HTML-sivustoja, se ei ole ilman puutteita. Voit käyttää Itty Bitty -sivustoa väärin niin helposti kuin mitä tahansa muuta. Tämä tarkoittaa, että sivustot voivat häiritä sinua esimerkiksi hälytysten avulla.

Koska sivusto on edelleen kokeiluvaiheessa, älä välttämättä luota siihen sivustoon päämenetelmänä turvallisen Web-läsnäolon luomiseksi.

Itty Bitty -mahdollisuudet ovat rajattomat

Verkossa löydetty luovuus on usein vaikuttavaa. Harvoin se on kuitenkin yhtä yksinkertainen, helposti saavutettavissa oleva ja helppo käyttää kuin Itty Bitty. Haluatko esitellä pienen sovelluksen? Messing noin div-elementtejä? Se on kaikki helppo suorittaa Itty Bitty -sivuston avulla.

Et myöskään ole rajoitettu tiettyyn lukumäärään tai sivustoihin. Tee muistiinpano sivuston luojalta Nocholas Jitkoffilta ja linkitä sivuston sisällä kattava, monisivuinen selittävä verkkosivusto. Tai tee ASCII-buldogi. Mahdollisuudet ovat kooltaan pieniä, mutta laajuudeltaan loputtomia, joten kokeile tätä pientä verkkokoetta tänään!

Mene pidemmälle ja tee vielä parempia sivustoja mennessä HTML- ja CSS-tietämyksesi parantaminen Opi HTML ja CSS näillä askel askeleelta -opetusohjelmillaKiinnostaako HTML, CSS ja JavaScript? Jos uskot, että sinulla on taito oppia luomaan verkkosivustoja tyhjästä - tässä on muutama hyvä askel askeleelta-opas, jotka kannattaa kokeilla. Lue lisää ennen Itty Bitty -sivuston luomista! Tai tarkista InMotion-hosting-arvostelu Täydellinen InMotion-web-hosting-arvostelu aloittelijoilleTarvitsetko luotettavaa web-hosting-palvelua? InMotion Hosting -katsauksemme paljastaa, onko palvelu hyvä valinta sinulle. Lue lisää toisen tavan isännöidä sivustoasi.