Sådan opretter du et hostingfrit websted med Itty Bitty

Sådan opretter du et hostingfrit websted med Itty Bitty

Med programmering kender online kreativitet ingen grænser. Hver dag bruger programmerere på Internettet deres færdigheder til at oprette små projekter for offentligheden. Itty Bitty, et websted oprettet af tidligere designer for Google og nuværende vicepræsident hos Dropbox Nocholas Jitkoff, er et sådant lille projekt.





Ved hjælp af Itty Bitty -webstedet kan du oprette et lille HTML -websted gratis, selvom du ikke har nogen webhosting.



En Itty Bitty forklaring

Sådan fungerer det: itty.bitty.site opretter små websteder ved at indlæse dem via deres webadresser. Med andre ord, dit websted er gemt og præsenteret i sit link.





På grund af dette kræver websteder oprettet ved hjælp af Itty Bitty absolut ingen webhosting. Selve webadressen indeholder alle webstedets data: hvordan det ser ud, hvad det siger osv.

Du vil bemærke, at når du modtager dit Itty Bitty -link, vil det være lidt større end normalt. Det er hele dit websted.



Det egentlige websted oprettet af Itty Bitty har en meget minimal grænseflade. Husk, at hver ekstra side på webstedet er oprettet ved hjælp af selve webstedet.

Fra denne side , kan du straks begynde at bruge grundlæggende HTML til at oprette en simpel side.



Hvis du vil oprette et mere robust Itty Bitty -websted, kan du enten trække og slippe et HTML -dokument direkte ind på webstedet eller linke et eksisterende projekt direkte til prompten.

Selvom dit dokument eller link muligvis bruger andre programmeringssprog som CSS eller JS, bliver de stadig indlæst med dit Itty Bitty -websted. Når det er sagt, er den største fordel ved at bruge Itty Bitty (og den centrale årsag til at den kan indlæses fra en adresse), at din side skal holdes under en bestemt, lille størrelse.



Hvor lille er et Itty Bitty -websted?

Hvis Itty Bitty er gratis og ikke kræver webhosting, hvor stort kan dit websted egentlig være? Svaret: ikke meget .

hvordan man får spil til at køre hurtigere på android

Webstedet præsenterer størrelsen på dit websted for dig øverst til højre i vinduet. Selvom websteder kan svinge i størrelse, betyder det også, at dit link også vil svinge i størrelse. Nogle websteder tillader dig ikke at dele links, der er større end et par bytes, hvilket kan begrænse din mulighed for at dele større websteder.

Heldigvis har skaberen det bogført de maksimale byte størrelser muligt for mange populære platforme at forklare, hvilke størrelser forskellige platforme vil rumme:

Hvis du f.eks. Ønsker at forkorte et websted ved hjælp af Bitly, bliver du nødt til at oprette et meget lille websted. Det gælder også Microsoft Edge. Hvis du kun ønsker at dele det på tværs af browsere, kan du dog oprette et meget større websted.

Selvom du også kan oprette Itty Bitty -websteder ved at slippe HTML -filer direkte ind i det eller ved at skrive webstedets indhold direkte, demonstrerer jeg ved hjælp af et Codepen -projekt, der tidligere er lavet af Dudley Storey .

Codepen er den nemmeste måde at oprette dit websted ved hjælp af Itty Bitty. Codepen giver brugerne både et brugervenligt udviklermiljø og en praktisk forbindelsesproces.

Ovenstående er et fantastisk eksempel på, hvordan en stærk HTML-rygrad --- og andre subtile programmeringstilskud --- kan skabe et simpelt websted. Heldigvis er den også lille nok til at dele på mange af de ovenstående platforme.

For at konvertere et Codepen -projekt til et Itty Bitty -websted skal du indsætte pennens link i Itty Bitty -webstedet. Derefter skal du holde musen over det grå uden titel sektion og rediger teksten, så den afspejler dit websted.

Klik derefter på menu øverst til højre i vinduet.

hvordan man ripper en blu ray

Det er her du opretter linket til din Itty Bitty. Selvom det måske ikke ser ud til, at du lige har oprettet et websted, har du det!

Når du klikker på kopier link mulighed, kan du indsætte linket i din browser for at se webstedet. Også vigtig at bemærke: Som standard kan Itty Bitty -websteder sendes via QR -kode.

Det giver mulighed for en lang række muligheder, f.eks. Vedhæftning af en fysisk reference til tabte enheder.

Tillykke, du har nu et klar-til-link-websted, der er serverfrit og gratis!

Du kan også oprette et rodfrit link ved hjælp af et linkforkortelsesværktøj. Jeg vil bruge Bitly, som ikke kun giver dig mulighed for at forkorte links, men også giver dig mulighed for at tilpasse linket med din egen tekst, hvis du tilmelder dig en gratis konto.

Vores originale Codepen -eksempel er for stort til at kondensere ved hjælp af Bitly, så her er endnu et fantastisk projekt af JT -ror . Jeg fulgte simpelthen processen ovenfor for at konvertere denne pen til et Itty Bitty -websted.

Når du har dit link, skal du gå til Lidt . Indsæt dit link på Bitlys splash -side, eller log ind på din konto, og vælg skab knap. Indtast dit link i følgende prompt.

Når du har indsat dit link, konverteres det automatisk. Juster derefter dit link, som du finder passende, ved hjælp af Bitlys editor, hvis du er logget ind.

Jeg ændrer det oprindelige link til ITTYBITTYEXAMPLE. Du kan nu gå til bit.ly/ITTYBITTYEXAMPLE som du ville ethvert andet websted --- undtagen selvfølgelig, at det er gratis og ikke kræver webhosting eller servervedligeholdelse.

Sikkerhed for Itty Bitty -websteder

Selvom dette er en cool og genial måde at oprette små HTML -websteder på, er det ikke uden fejl. Du kan misbruge et Itty Bitty -websted lige så let som du kan. Det betyder, at websteder kan irritere dig med funktioner som advarsler.

Da webstedet stadig er i en eksperimentel fase, skal du ikke nødvendigvis stole på stedet som en hovedmetode til etablering af en sikker webtilstedeværelse.

Itty Bitty -mulighederne er uendelige

Kreativitet fundet online er ofte imponerende. Sjældent er det dog så enkelt, tilgængeligt og let at bruge som Itty Bitty. Vil du fremvise en lille applikation? Roder du rundt med div -elementer? Det er alt let muligt ved hjælp af Itty Bitty -webstedet.

Desuden er du ikke begrænset til et bestemt antal eller websteder. Tag et notat fra webstedets skaber Nocholas Jitkoff, og link et websted på et websted for et omfattende, forklarende websted på flere sider. Eller lav en ASCII bulldog . Mulighederne er små i størrelse, men uendelige i omfang, så prøv dette lille online eksperiment i dag!

Gå videre og lav endnu bedre websteder ved at forbedre din viden om HTML og CSS, før du opretter et Itty Bitty -websted! Eller tjek ud vores InMotion Hosting anmeldelse til en anden måde at hoste dit websted på.

Del Del Tweet E -mail Sådan rengøres din Windows -pc ved hjælp af kommandoprompt

Hvis din Windows -pc er ved at løbe tør for lagerplads, skal du rydde op i skrammel ved hjælp af disse hurtige kommandopromptværktøjer.

Læs Næste Relaterede emner
  • Internet
  • Programmering
  • HTML
  • Web-udvikling
Om forfatteren Christian bonilla(83 artikler udgivet)

Christian er en nylig tilføjelse til MakeUseOf -fællesskabet og en ivrig læser af alt fra tæt litteratur til Calvin og Hobbes tegneserier. Hans passion for teknologi matches kun af hans ønsker og vilje til at hjælpe; hvis du har spørgsmål vedrørende (for det meste) noget, er du velkommen til at e -maile væk!

Mere fra Christian Bonilla

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere