Cum de a crea un site-ul gratuit de găzduire cu Itty Bitty

Cu programare, creativitatea online nu cunoaște limite. În fiecare zi, programatorii de pe Internet își folosesc abilitățile pentru a crea proiecte mici pentru public. Itty Bitty, un site creat de fostul designer pentru Google și actualul vicepreședinte la Dropbox Nocholas Jitkoff, este un astfel de proiect mic.

Folosind site-ul Itty Bitty, puteți crea gratuit un site HTML gratuit, chiar dacă nu aveți nicio gazdă web.

O explicație itty bitty

Iată cum funcționează: itty.bitty.site creează site-uri mici prin încărcarea lor prin adresele URL. Cu alte cuvinte, site-ul dvs. este stocat și prezentat în cadrul legăturii acestuia.

Din acest motiv, site-urile create folosind Bitty Itty necesită absolut nici o gazduire web. URL-ul în sine deține toate datele site-ului: cum arată, ce scrie, etc..

Veți observa că odată ce veți primi linkul dvs. Itty Bitty, va fi un pic mai mare decât de obicei. Acesta este întregul dvs. site web.

Link pentru Link

Site-ul actual creat de Itty Bitty are o interfață foarte minimă. Rețineți că fiecare pagină suplimentară de pe site este creată folosind site-ul în sine.

Din această pagină, puteți începe imediat să utilizați codul de bază HTML pentru a crea o pagină simplă.

Dacă doriți să creați un site mai robust Bitty Bitty, puteți să glisați și să aruncați un document HTML direct în site sau să conectați un proiect existent direct la prompt.

În timp ce documentul sau linkul dvs. pot utiliza alte limbi de programare, cum ar fi CSS sau JS, acestea vor fi în continuare încărcate cu site-ul Itty Bitty. Acestea fiind spuse, beneficiul principal al folosirii lui Itty Bitty (și motivul central pe care îl poate încărca de la o adresă) este acela că pagina dvs. trebuie păstrată sub o anumită dimensiune.

Cât de mic este un site itty Bitty?

Dacă Itty Bitty este gratuit și nu necesită găzduire web, cât de mare poate fi site-ul dvs. într-adevăr? Răspunsul: nu foarte.

Site-ul prezintă dimensiunea site-ului dvs. web în partea dreaptă sus a ferestrei. În timp ce site-urile pot fluctua în dimensiune, înseamnă că și link-ul dvs. va fluctua în dimensiune. Unele site-uri nu vă vor permite să partajați linkuri mai mari decât câteva octeți, ceea ce vă poate limita capacitatea de a distribui site-uri mai mari.

Din fericire, creatorul a postat dimensiunile maxime de octeți posibile pentru o mulțime de platforme populare pentru a explica dimensiunile diferitelor platforme:

Dacă doriți să scurtați un site utilizând Bitly, de exemplu, va trebui să creați un site web foarte mic. Acest lucru este valabil și pentru Microsoft Edge. Dacă doriți doar să îl distribuiți între browsere, puteți crea un site mult mai mare.

De la Link la site-ul Itty Bitty

În timp ce puteți crea, de asemenea, site-uri Itty Bitty prin abandonarea directă a fișierelor HTML în el sau prin tastarea directă a conținutului site-ului, voi demonstra folosind un proiect Codepen realizat anterior de Dudley Storey.

Codepen este cel mai simplu mod de a crea site-ul dvs. folosind Itty Bitty. Codepen oferă utilizatorilor atât un mediu dezvoltator ușor de utilizat, cât și un proces de conectare convenabil.

Cele de mai sus reprezintă un exemplu fantastic despre modul în care o structură HTML puternică și alte elemente de programare subtile pot crea un site simplu. Din fericire, este, de asemenea, suficient de mic pentru a împărtăși multe dintre platformele enumerate mai sus.

Pentru a converti un proiect Codepen într-un site Itty Bitty, lipiți link-ul Penului în site-ul Itty Bitty. Apoi, mouse-ul peste gri fără titlu și editați textul pentru a reflecta site-ul dvs..

Apoi faceți clic pe meniul în partea dreaptă sus a ferestrei.

Acesta este locul unde creați link-ul către dvs. Itty Bitty. Deși este posibil să nu pari ca și cum tocmai ați creat un site web, aveți!

După ce faceți clic pe copiază legătură , puteți să inserați linkul în browser pentru a vizualiza site-ul. De asemenea, important să rețineți: în mod implicit, site-urile Itty Bitty pot fi trimise prin cod QR.

Aceasta permite o serie de opțiuni, cum ar fi atașarea unei referințe fizice pentru dispozitive pierdute.

Felicitări, acum aveți un site gata de conectare, care este gratuit și fără server!

Scurgeți-vă legătura bâzâită chiar mai departe

De asemenea, puteți crea o legătură fără agitate utilizând un instrument de scurtare a legăturii. Voi folosi Bitly, care nu numai că vă permite să scurtați linkurile, dar și vă permite să personalizați link-ul cu propriul dvs. text dacă vă înscrieți pentru un cont gratuit.

Exemplul nostru original Codepen este prea mare pentru a condensa folosind Bitly, deci iată un alt proiect fantastic realizat de JT Helms. Am urmat pur și simplu procesul de mai sus pentru a converti acest Pen într-un site Itty Bitty.

Odată ce ai legătura, du-te la Bitly. Inserați linkul dvs. în pagina de start Bitly sau conectați-vă la contul dvs. și selectați-l Crea buton. Introduceți link-ul dvs. în următoarea comandă.

După ce ați inserat linkul, acesta va fi automat convertit. Apoi, ajustați linkul după cum credeți necesar, utilizând editorul lui Bitly dacă sunteți conectat (ă).

Schimbați linkul inițial la ITTYBITTYEXAMPLE. Acum puteți să vă îndreptați spre bit.ly/ITTYBITTYEXAMPLE ca la orice alt site - cu excepția, desigur, că este gratuit și nu necesită nicio întreținere web sau de întreținere a serverului.

Securitate pentru site-urile itty Bitty

În timp ce acesta este un mod interesant și ingenios de a crea mici site-uri HTML, nu este fără defectele sale. Puteți folosi în mod abuziv un site Itty Bitty la fel de ușor ca oricare alta. Asta înseamnă că site-urile vă pot deranja prin caracteristici precum alerte.

Deoarece site-ul se află încă într-o fază experimentală, nu se bazează neapărat pe site ca o metodă principală de stabilire a prezenței web în siguranță.

Posibilitățile Itty Bitty sunt nesfârșite

Creativitatea găsită online este adesea impresionantă. Rareori, cu toate acestea, este la fel de simplu, accesibil și ușor de utilizat ca Itty Bitty. Doriți să prezentați o aplicație mică? Mesaj în jurul valorii de elemente div? Totul este ușor de realizat folosind site-ul Itty Bitty.

Mai mult, nu vă limitați la un anumit număr sau site-uri. Luați o notă de la creatorul site-ului Nocholas Jitkoff și conectați un site într-un site pentru un site web explicativ cuprinzător, cu mai multe pagini. Sau face un bulldog ASCII. Posibilitățile sunt de dimensiuni reduse, dar fără sfârșit, așa că încercați astăzi acest mic experiment online!

Du-te mai departe și face site-uri chiar mai bune prin îmbunătățirea cunoștințelor dvs. de HTML și CSS Aflați HTML și CSS cu aceste Tutoriale pas cu pas Aflați HTML și CSS cu aceste Tutoriale pas cu pas Curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un talent pentru a învăța cum să creați site-uri web de la zero - aici sunt câteva tutoriale pas cu pas care merită încercate. Citește mai mult înainte de a crea un site Itty Bitty! Sau verifica InMotion noastre de revizuire Gazduire Complete InMotion Web Hosting Review pentru incepatori Complete InMotion Web Hosting Review pentru incepatori Aveti nevoie de web hosting de încredere? Revizuirea noastră InMotion Hosting va dezvălui dacă serviciul este o alegere bună pentru dvs. Citiți mai multe pentru un alt mod de a găzdui site-ul dvs..

Explorați mai multe despre: HTML, Dezvoltare Web.