Hvordan lage et Hosting-Free Website med Itty Bitty

Med programmering kjenner online kreativitet ingen grenser. Programmerne over Internett bruker hver dag sine ferdigheter til å lage små prosjekter for publikum. Itty Bitty, et nettsted opprettet av tidligere designer for Google og nåværende visepresident hos Dropbox Nocholas Jitkoff, er et slikt lite prosjekt.

Ved hjelp av Itty Bitty-siden kan du lage et lite HTML-nettsted gratis, selv om du ikke har noen web hosting.

En Itty Bitty Forklaring

Slik fungerer det: itty.bitty.site lager små nettsteder ved å laste dem gjennom nettadressene sine. Med andre ord, er nettstedet ditt lagret, og presentert, innenfor sin lenke.

På grunn av dette krever nettsteder opprettet ved hjelp av Itty Bitty absolutt ingen web hosting. Nettadressen i seg selv inneholder hele data på nettstedet: hvordan det ser ut, hva det står osv.

Du vil merke at når du får din Itty Bitty-lenken, blir den litt større enn vanlig. Det er hele nettstedet ditt.

Link for Link

Den faktiske siden laget av Itty Bitty har et veldig lite grensesnitt. Husk, hver ekstra side på nettstedet er opprettet ved hjelp av selve nettstedet.

Fra denne siden kan du umiddelbart begynne å bruke grunnleggende HTML for å lage en enkel side.

Hvis du vil opprette et mer robust Itty Bitty-nettsted, kan du enten dra og slippe et HTML-dokument direkte inn på nettsiden eller koble et eksisterende prosjekt direkte til spørringen.

Mens dokumentet eller lenken din kan bruke andre programmeringsspråk som CSS eller JS, vil de fortsatt bli lastet med ditt Itty Bitty-nettsted. Når det er sagt, er den største fordelen med å bruke Itty Bitty (og den sentrale årsaken det kan lastes fra en adresse) at siden din må holdes under en viss, liten størrelse.

Hvor liten er en Itty Bitty-side?

Hvis Itty Bitty er gratis og krever ingen web hosting, hvor stor kan nettstedet ditt egentlig være? Svaret: ikke veldig.

Nettstedet viser størrelsen på nettstedet ditt til deg øverst til høyre i vinduet. Mens nettsteder kan variere i størrelse, betyr det også at linken din også vil variere i størrelse. Enkelte nettsteder vil ikke tillate deg å dele lenker som er større enn noen få byter, noe som kan begrense muligheten til å dele større nettsteder.

Heldigvis har skaperen lagt ut de maksimale byte-størrelsene som er mulige for mange populære plattformer for å forklare hvilke størrelser forskjellige plattformer skal imøtekomme:

Hvis du ønsker å forkorte et nettsted ved hjelp av Bitly, for eksempel, må du lage en veldig liten nettside. Det gjelder også Microsoft Edge. Hvis du bare ser for å dele den over nettlesere, kan du imidlertid opprette et mye større nettsted.

Fra Link til Itty Bitty Site

Mens du også kan opprette Itty Bitty-nettsteder ved å droppe HTML-filer direkte inn i det eller ved å skrive inn innholdet direkte, demonstrerer jeg med et Codepen-prosjekt som tidligere ble laget av Dudley Storey.

Codepen er den enkleste måten å lage nettstedet ditt ved hjelp av Itty Bitty. Codepen gir brukerne både et brukervennlig utviklingsmiljø og en praktisk koblingsprosess.

Ovenstående er et fantastisk eksempel på hvordan en sterk HTML-ryggrad og andre subtile programmerings tillegg kan skape et enkelt nettsted. Heldigvis er det også lite nok til å dele på tvers av mange av plattformene som er oppført ovenfor.

For å konvertere et Codepen-prosjekt til et Itty Bitty-nettsted, lim inn pennens link til Itty Bitty-siden. Deretter musen over den grå uten navn delen og rediger teksten for å gjenspeile nettstedet ditt.

Deretter klikker du på Meny øverst til høyre i vinduet.

Dette er hvor du lager koblingen til din Itty Bitty. Selv om det kanskje ikke virker som om du nettopp har opprettet et nettsted, har du!

Når du klikker på kopier link alternativ, du kan lime inn koblingen til nettleseren din for å se siden. Også viktig å merke seg: Som standard kan Itty Bitty-sider sendes via QR-kode.

Det tillater en rekke alternativer, som vedlegger en fysisk referanse for tapte enheter.

Gratulerer med at du nå har en nettleser som er server-fri og gratis!

Forkort din Itty Bitty Link enda lenger

Du kan også opprette en ledig kobling ved hjelp av et linkforkortingsverktøy. Jeg bruker Bitly, som ikke bare lar deg forkorte koblinger, men lar deg også tilpasse lenken med din egen tekst hvis du registrerer deg for en gratis konto.

Vårt originale Codepen-eksempel er for stort til å kondensere med Bitly, så her er et annet fantastisk prosjekt av JT Helms. Jeg fulgte bare prosessen over for å konvertere denne pennen til et Itty Bitty-nettsted.

Når du har koblingen din, gå til Bitly. Lim inn koblingen din til Bitly's splash-side, eller logg inn på kontoen din og velg Skape knapp. Skriv inn lenken din i den følgende spørringen.

Når du har lagt inn linken din, blir den automatisk konvertert. Deretter justerer du koblingen som du ser hensiktsmessig ved å bruke Bitly's editor hvis du er logget inn.

Jeg endrer den opprinnelige lenken til ITTYBITTYEXAMPLE. Du kan nå hodet til bit.ly/ITTYBITTYEXAMPLE som du ville noe annet sted - unntatt selvfølgelig at det er gratis og krever ingen web hosting eller server vedlikehold.

Sikkerhet for Itty Bitty-nettsteder

Selv om dette er en kul og genial måte å lage små HTML-nettsteder på, er det ikke uten feil. Du kan misbruke en Itty Bitty-side så enkelt som mulig. Det betyr at nettsteder kan irritere deg med funksjoner som varsler.

Siden nettstedet fortsatt er i en eksperimentell fase, trenger du ikke nødvendigvis å stole på nettstedet som en hovedmetode for å etablere en trygg web tilstedeværelse.

Itty Bitty-mulighetene er uendelige

Kreativitet funnet på nettet er ofte imponerende. Sjelden er det imidlertid så enkelt, tilgjengelig og lett å bruke som Itty Bitty. Vil du vise frem et lite program? Messing rundt med div elementer? Det er lett å gjøre med Itty Bitty-siden.

Videre er du ikke begrenset til et bestemt antall eller nettsteder. Ta et notat fra nettstedets skaperen Nocholas Jitkoff og lenke et nettsted på et nettsted for et omfattende, flersidet forklarende nettsted. Eller lage en ASCII bulldog. Mulighetene er små, men uendelige, så prøv dette lille online-eksperimentet i dag!

Gå videre og gjør enda bedre nettsteder ved å forbedre din kunnskap om HTML og CSS Lær HTML og CSS med disse trinnvise opplæringsprogrammene Lær HTML og CSS med disse trinnvise opplæringsprogrammene Nysgjerrig om HTML, CSS og JavaScript? Hvis du tror at du har mulighet til å lære å lage nettsteder fra bunnen av - her er noen gode trinnvise opplæringsprogrammer verdt å prøve. Les mer før du lager et Itty Bitty-nettsted! Eller sjekk ut vår InMotion Hosting gjennomgang Den komplette InMotion Web Hosting gjennomgang for nybegynnere Den komplette InMotion Web Hosting gjennomgang for nybegynnere Trenger pålitelig web hosting? Vår InMotion Hosting gjennomgang vil avsløre om tjenesten er et godt valg for deg. Les mer for en annen måte å være vert for nettstedet ditt.

Utforsk mer om: HTML, Webutvikling.