Hvordan lage et hostingfritt nettsted med Itty Bitty

Hvordan lage et hostingfritt nettsted med Itty Bitty

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





Ved å bruke Itty Bitty -nettstedet kan du opprette et lite HTML -nettsted gratis, selv om du ikke har noen webhotell.





En Itty Bitty forklaring

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





På grunn av dette krever nettsteder opprettet med Itty Bitty absolutt ingen webhotell. Selve nettadressen inneholder alle dataene på nettstedet: hvordan det ser ut, hva det sier, etc.

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



Selve nettstedet opprettet av Itty Bitty har et veldig minimalt grensesnitt. Husk at hver ekstra side på nettstedet opprettes ved hjelp av selve nettstedet.

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





Hvis du vil lage et mer robust Itty Bitty -nettsted, kan du enten dra og slippe et HTML -dokument direkte til nettstedet eller koble et eksisterende prosjekt direkte til ledeteksten.

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





Hvor lite er et Itty Bitty -nettsted?

Hvis Itty Bitty er gratis og ikke krever webhotell, hvor stort kan nettstedet ditt egentlig være? Svaret: ikke veldig .

hvordan få en rekke på snapchat raskt

Nettstedet viser størrelsen på nettstedet ditt til deg øverst til høyre i vinduet. Selv om nettsteder kan variere i størrelse, betyr det også at lenken din også vil svinge i størrelse. Noen nettsteder lar deg ikke dele lenker som er større enn noen få byte, noe som kan begrense muligheten for å dele større nettsteder.

Heldigvis har skaperen postet maks byte størrelser mulig for mange populære plattformer å forklare hvilke størrelser forskjellige plattformer vil romme:

Hvis du for eksempel ønsker å forkorte et nettsted ved hjelp av Bitly, må du opprette et veldig lite nettsted. Det gjelder også Microsoft Edge. Hvis du bare ønsker å dele det på tvers av nettlesere, kan du imidlertid opprette et mye større nettsted.

Selv om du også kan opprette Itty Bitty -nettsteder ved å slippe HTML -filer direkte inn i det eller ved å skrive innholdet direkte, vil jeg demonstrere å bruke et Codepen -prosjekt som tidligere er 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 utviklermiljø og en praktisk koblingsprosess.

Ovenstående er et fantastisk eksempel på hvordan en sterk HTML-ryggrad --- og andre subtile programmeringstillegg --- kan lage et enkelt nettsted. Heldigvis er den også liten nok til å dele på mange av plattformene som er oppført ovenfor.

For å konvertere et Codepen -prosjekt til et Itty Bitty -nettsted, lim inn pennens lenke i Itty Bitty -området. Deretter holder du musen over det grå uten navn og rediger teksten for å gjenspeile nettstedet ditt.

Klikk deretter på Meny øverst til høyre i vinduet.

Smerten i seg selv er mye smerte, den viktigste adipisic

Det er her du oppretter lenken til din Itty Bitty. Selv om det kanskje ikke virker som om du nettopp har opprettet et nettsted, har du det!

Når du klikker på kopier link alternativet, kan du lime inn lenken i nettleseren din for å se nettstedet. Også viktig å merke seg: Som standard kan Itty Bitty -nettsteder sendes via QR -kode.

Det gir en rekke alternativer, som å legge ved en fysisk referanse for tapte enheter.

Gratulerer, du har nå et klart til å koble nettsted som er serverfritt og gratis!

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

Vårt originale Codepen -eksempel er for stort til å kondensere ved å bruke Bitly, så her er et annet fantastisk prosjekt av JT -ror . Jeg fulgte ganske enkelt prosessen ovenfor for å konvertere denne pennen til et Itty Bitty -nettsted.

Når du har lenken din, går du til Litt . Lim inn lenken din på Bitlys sprutside, eller logg på kontoen din og velg Skape knapp. Skriv inn lenken din i følgende melding.

Når du har limt inn lenken din, blir den automatisk konvertert. Deretter kan du justere lenken din etter behov ved å bruke Bitlys redaktør hvis du er logget inn.

Jeg endrer den første lenken til ITTYBITTYEXAMPLE. Du kan nå gå til bit.ly/ITTYBITTYEXAMPLE som du ville gjort med et annet nettsted --- bortsett fra selvfølgelig at det er gratis og ikke krever webhotell eller servervedlikehold.

Sikkerhet for Itty Bitty -nettsteder

Selv om dette er en kul og genial måte å lage små HTML -sider på, er det ikke feilfritt. Du kan misbruke et Itty Bitty -nettsted like enkelt som du kan. Det betyr at nettsteder kan irritere deg med funksjoner som varsler.

Siden nettstedet fremdeles er i en eksperimentell fase, må du ikke nødvendigvis stole på nettstedet som en hovedmetode for å etablere et sikkert webtilstedevæ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 en liten applikasjon? Rote rundt med div -elementer? Det er lett å gjøre med Itty Bitty -nettstedet.

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

Gå videre og lag enda bedre sider ved å forbedre kunnskapen din om HTML og CSS før du oppretter et Itty Bitty -nettsted! Eller sjekk ut vår InMotion Hosting -anmeldelse for en annen måte å være vert for nettstedet ditt.

Dele Dele kvitring E -post Slik rengjør du Windows -PC -en ved hjelp av kommandoprompt

Hvis det er lite lagringsplass på Windows -PC -en, kan du rydde opp i søppelet med disse raske kommandoprompt -verktøyene.

Les neste
Relaterte temaer
  • Internett
  • Programmering
  • HTML
  • Webutvikling
Om forfatteren Christian bonilla(83 artikler publisert)

Christian er et nylig tillegg til MakeUseOf -samfunnet og en ivrig leser av alt fra tett litteratur til Calvin og Hobbes tegneserier. Hans lidenskap for teknologi matches bare av hans vilje og vilje til å hjelpe; Hvis du har spørsmål angående (for det meste) noe, kan du sende en e -post!

Mer fra Christian Bonilla

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere