Com crear un lloc web sense allotjament amb Itty Bitty

Com crear un lloc web sense allotjament amb Itty Bitty

Amb la programació, la creativitat en línia no té límits. Cada dia, els programadors d’Internet utilitzen les seves habilitats per crear petits projectes per al públic. Itty Bitty, un lloc web creat per l’exdissenyador de Google i actual vicepresident de Dropbox Nocholas Jitkoff, és un projecte tan petit.





Mitjançant el lloc Itty Bitty, podeu crear un lloc web HTML de forma gratuïta, fins i tot si no teniu cap allotjament web.





Una explicació Itty Bitty

Així és com funciona: itty.bitty.site crea llocs petits carregant-los a través dels seus URL. En altres paraules, el vostre lloc s’emmagatzema i es presenta dins del seu enllaç.





Per això, els llocs web creats amb Itty Bitty no requereixen absolutament cap allotjament web. La pròpia URL conté totes les dades del lloc: com és, què diu, etc.

Tingueu en compte que un cop hàgiu rebut l’enllaç Itty Bitty, serà una mica més gran de l’habitual. Aquest és el vostre lloc web sencer.



El lloc real creat per Itty Bitty té una interfície molt mínima. Tingueu en compte que cada pàgina addicional del lloc es crea mitjançant el mateix lloc.

Des d’aquesta pàgina , podeu començar immediatament a utilitzar HTML bàsic per crear una pàgina senzilla.





Si voleu crear un lloc Itty Bitty més robust, podeu arrossegar i deixar anar un document HTML directament al lloc web o enllaçar un projecte existent directament a la sol·licitud.

Tot i que el vostre document o enllaç pot utilitzar altres llenguatges de programació com CSS o JS, encara es carregaran amb el vostre lloc Itty Bitty. Dit això, el principal avantatge d'utilitzar Itty Bitty (i la raó principal per la qual es pot carregar des d'una adreça) és que la pàgina s'ha de mantenir sota una mida petita.





Què tan petit és un lloc Itty Bitty?

Si Itty Bitty és gratuït i no necessita allotjament web, fins a quin punt pot ser realment el vostre lloc? La resposta: no gaire .

Windows 10 diu que no està connectat a Internet, però ho estic

El lloc us presenta la mida del vostre lloc web a la part superior dreta de la finestra. Tot i que els llocs poden variar de mida, també vol dir que el vostre enllaç també variarà de mida. Alguns llocs no us permetran compartir enllaços de més de pocs bytes, cosa que pot limitar la vostra capacitat de compartir llocs més grans.

Per sort, el creador sí ha publicat les mides màximes de bytes és possible que hi hagi moltes plataformes populars per explicar quines mides s'adaptaran a les diferents plataformes:

Si voleu escurçar un lloc web mitjançant Bitly, per exemple, haureu de crear un lloc web molt petit. Això també passa amb Microsoft Edge. No obstant això, si només voleu compartir-lo entre navegadors, podeu crear un lloc molt més gran.

Tot i que també podeu crear llocs Itty Bitty deixant anar fitxers HTML directament o escrivint directament el contingut del lloc, ho demostraré mitjançant un projecte Codepen realitzat prèviament per Dudley Storey .

Codepen és la forma més senzilla de crear el vostre lloc mitjançant Itty Bitty. Codepen proporciona als usuaris un entorn de desenvolupador fàcil d’utilitzar i un procés d’enllaç convenient.

L'anterior és un fantàstic exemple de com una forta columna vertebral HTML --- i altres subtils afegits de programació --- poden crear un lloc web senzill. Per sort, també és prou petit per compartir-lo a moltes de les plataformes esmentades anteriorment.

Per convertir un projecte Codepen en un lloc Itty Bitty, enganxeu l'enllaç de la ploma al lloc Itty Bitty. A continuació, col·loqueu el ratolí sobre el gris sense títol i editeu el text per reflectir el vostre lloc.

A continuació, feu clic a menú a la part superior dreta de la finestra.

com veure dms d’instagram a la vostra PC

Aquí és on creeu l'enllaç al vostre Itty Bitty. Tot i que pot no semblar que acabeu de crear un lloc web, sí!

Un cop feu clic al botó copia l’enllaç opció, podeu enganxar l'enllaç al navegador per veure el lloc. També és important tenir en compte: per defecte, els llocs Itty Bitty es poden enviar mitjançant codi QR.

Això permet una gran quantitat d'opcions, com adjuntar una referència física per a dispositius perduts.

Enhorabona, ara teniu un lloc web preparat per enllaçar que no serveix de servidor i és gratuït.

També podeu crear un enllaç lliure de desordres mitjançant una eina d’escurçament d’enllaços. Utilitzaré Bitly, que no només us permet escurçar enllaços, sinó que també us permet personalitzar l'enllaç amb el vostre propi text si us inscriviu a un compte gratuït.

El nostre exemple original de Codepen és massa gran per condensar-se amb Bitly, així que aquí teniu un altre projecte fantàstic de Timons JT . Simplement he seguit el procés anterior per convertir aquest llapis a un lloc Itty Bitty.

Un cop tingueu l'enllaç, aneu a Amargament . Enganxeu l'enllaç a la pàgina de presentació de Bitly o inicieu la sessió al vostre compte i seleccioneu Crear botó. Introduïu el vostre enllaç a la següent sol·licitud.

Un cop hàgiu enganxat l'enllaç, es convertirà automàticament. A continuació, si heu iniciat la sessió, ajusteu l’enllaç que considereu convenient mitjançant l’editor de Bitly.

Canvio l'enllaç inicial per ITTYBITTYEXAMPLE. Ara podeu dirigir-vos a bit.ly/ITTYBITTYEXAMPLE com ho faríeu amb qualsevol altre lloc, excepte, per descomptat, que és gratuït i no requereix allotjament web ni manteniment del servidor.

Seguretat per als llocs Itty Bitty

Tot i que aquesta és una manera genial i enginyosa de crear llocs HTML petits, no està exempta de defectes. Podeu fer un ús indegut d’un lloc d’Itty Bitty tan fàcilment com qualsevol altre. Això significa que els llocs us poden molestar amb funcions com alertes.

Com que el lloc encara es troba en una fase experimental, no confieu necessàriament en el lloc com a mètode principal per establir una presència web segura.

Les possibilitats Itty Bitty són infinites

La creativitat que es troba en línia sovint és impressionant. Poques vegades, però, és tan senzill, accessible i fàcil d’utilitzar com Itty Bitty. Voleu mostrar una petita aplicació? Us heu embolicat amb elements div? Tot es pot fer fàcilment mitjançant el lloc Itty Bitty.

A més, no es limita a un nombre o llocs determinats. Preneu una nota del creador del lloc, Nocholas Jitkoff, i enllaceu un lloc amb un lloc web per obtenir un lloc web explicatiu de múltiples pàgines. O fer un Bulldog ASCII . Les possibilitats són reduïdes, però d’abast infinit, així que proveu aquest petit experiment en línia avui mateix.

Aneu més enllà i feu llocs encara millors millorant els vostres coneixements d’HTML i CSS abans de crear un lloc Itty Bitty. O fes un cop d'ull la nostra revisió d’InMotion Hosting per una altra manera d'allotjar el vostre lloc.

Compartir Compartir Tweet Correu electrònic Com netejar el vostre PC amb Windows mitjançant el símbol del sistema

Si el vostre PC amb Windows es queda sense espai d’emmagatzematge, netegeu la brossa amb aquestes ràpides utilitats de símbol del sistema.

Llegiu a continuació
Temes relacionats
  • Internet
  • Programació
  • HTML
  • Desenvolupament web
Sobre l'autor Christian Bonilla(83 articles publicats)

Christian és una incorporació recent a la comunitat MakeUseOf i un àvid lector de tot, des de literatura densa fins a historietes de Calvin i Hobbes. La seva passió per la tecnologia només es combina amb la seva voluntat i voluntat d’ajudar; si teniu cap pregunta sobre (sobretot) res, no dubteu a enviar-nos un correu electrònic.

Més de Christian Bonilla

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us