Cum să creezi un site web gratuit care să găzduiască cu Itty Bitty

Publicitate

Cu programarea, creativitatea online nu cunoaște limite. În fiecare zi, programatorii de pe Internet își folosesc abilitățile pentru a crea mici proiecte pentru public. Itty Bitty, un site web creat de fostul designer pentru Google și actualul vicepreședinte la Dropbox Nocholas Jitkoff, este unul dintre proiectele atât de mici.

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

O explicație grozavă

Iată cum funcționează: itty.bitty.site creează site-uri mici, încărcându-le prin adresele URL. Cu alte cuvinte, site-ul dvs. este stocat și prezentat în linkul său.

Din această cauză, site-urile web create cu Itty Bitty nu necesită absolut nicio găzduire web. URL-ul în sine deține toate datele site-ului: cum arată, cum spune, etc.

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

Link pentru link

Site-ul 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 HTML de bază pentru a crea o pagină simplă.

Dacă doriți să creați un site Itty Bitty mai robust, puteți trage și plasa un document HTML direct pe site-ul web sau conectați un proiect existent direct în prompt.

În timp ce documentul sau linkul dvs. poate utiliza alte limbaje de programare, cum ar fi CSS sau JS, acestea vor fi încărcate cu site-ul dvs. Itty Bitty. Acestea fiind spuse, principalul beneficiu al utilizării Itty Bitty (și motivul central pentru care poate fi încărcat de la o adresă) este acela că pagina dvs. trebuie să fie păstrată la o dimensiune anume, mică.

Cât de mic este un site Bitty Itty?

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

Site-ul vă prezintă dimensiunea site-ului dvs. web în partea din dreapta sus a ferestrei. În timp ce site-urile pot fluctua în dimensiuni, asta înseamnă, de asemenea, legătura dvs. va fluctua și în dimensiune. Unele site-uri nu vă permit să partajați linkuri mai mari decât câțiva octeți, ceea ce vă poate limita capacitatea de a partaja site-uri mai mari.

Din fericire, creatorul are a postat dimensiunile maxime ale octeților este posibil ca o mulțime de platforme populare să explice ce dimensiuni se pot încadra diferite platforme:

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

De la Link către site-ul Itty Bitty

Deși puteți crea și site-uri Itty Bitty aruncând fișiere HTML direct în el sau tastând conținutul site-ului direct, voi demonstra folosind un proiect Codepen realizat anterior de Dudley Storey.

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

De mai sus, este un exemplu fantastic de cum o coloană vertebrală HTML puternică - și alte adăugări de programare subtile - pot crea un site web simplu. Din fericire, este suficient de mic pentru a partaja în multe dintre platformele enumerate mai sus.

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

Apoi, faceți clic pe butonul meniul în dreapta sus a ferestrei.

Aici creați link-ul către Itty Bitty. Cu toate că s-ar putea să nu pară că ai creat doar un site web, ai!

După ce faceți clic pe butonul copiază legătură opțiune, puteți lipi linkul în browserul dvs. pentru a vizualiza site-ul. De asemenea important de reținut: î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 dispozitivele pierdute.

Felicități, aveți acum un site web gata de conectare, care nu este server și gratuit!

Scurtați-vă legătura Bitty Itty și mai departe

Puteți crea, de asemenea, o legătură fără dezordine folosind un instrument de scurtare a legăturilor. Voi folosi Bitly, care nu numai că vă permite să scurtați linkurile, dar vă permite să personalizați linkul cu propriul dvs. text dacă vă înscrieți pentru un cont gratuit.

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

După ce ai legătura, du-te la Bitly. Lipiți-vă link-ul în pagina splash Bitly sau conectați-vă la contul dvs. și selectați Crea buton. Introduceți linkul în următorul prompt.

După ce ați lipit linkul, acesta va fi convertit automat. Apoi, ajustați-vă legătura după cum considerați potrivită folosind editorul Bitly dacă v-ați autentificat.

Modific legătura inițială în ITTYBITTYEXAMPLE. Acum vă puteți îndrepta spre bit.ly/ITTYBITTYEXAMPLE precum orice alt site - cu excepția, desigur, că este gratuit și nu necesită nicio întreținere web sau întreținere server.

Securitate pentru site-uri Itty Bitty

Deși acesta este un mod cool și ingenios de a crea mici site-uri HTML, nu este lipsit de defectele sale. Puteți folosi greșit un site Itty Bitty cât de ușor puteți face. Asta înseamnă că site-urile vă pot enerva cu funcții precum alerte.

Deoarece site-ul este încă într-o fază experimentală, nu vă bazați neapărat pe site ca metodă principală de stabilire a unei prezențe sigure pe web.

Posibilitățile grozave sunt nesfârșite

Creativitatea găsită online este adesea impresionantă. Totuși, rar, este la fel de simplu, accesibil și ușor de utilizat ca Itty Bitty. Doriți să vă prezentați o aplicație mică? Vă încurcați cu elemente div? Totul este ușor de utilizat utilizând site-ul Itty Bitty.

În plus, nu vă limitați la un anumit număr sau site-uri. Ia o notă de la creatorul site-ului Nocholas Jitkoff și leagă un site în cadrul unui site pentru un site web explicativ, cu mai multe pagini. Sau faceți un Bulldog ASCII. Posibilitățile sunt de dimensiuni reduse, dar în sfera de acțiune, așa că încercați astăzi acest mic experiment online!

Mergeți mai departe și faceți și mai bine site-uri îmbunătățirea cunoștințelor dvs. despre HTML și CSS Aflați HTML și CSS cu aceste instrucțiuni pas cu pasEști curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un avantaj pentru a învăța cum să creați site-uri de la zero - iată câteva instrucțiuni pas-cu-pas minunate care merită încercate. Citeste mai mult înainte de a crea un site Itty Bitty! Sau vezi recenzia noastră de gazduire InMotion Revizuirea completă de găzduire web InMotion pentru începătoriAveți nevoie de găzduire web fiabilă? Evaluarea noastră InMotion Hosting va dezvălui dacă serviciul este o alegere bună pentru dvs. Citeste mai mult pentru o altă modalitate de a vă găzdui site-ul.