Sådan opretter du et webstedsfrit websted med Itty Bitty

Med programmering kender online kreativitet ingen grænser. Hver dag bruger programmerere over internettet deres færdigheder til at skabe små projekter for offentligheden. Itty Bitty, et websted oprettet af tidligere designer for Google og nuværende vicepræsident på Dropbox Nocholas Jitkoff, er et så 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å sider ved at indlæse dem gennem deres URL'er. Med andre ord, dit websted gemmes og præsenteres inden for dets link.

På grund af dette kræver websteder oprettet ved hjælp af Itty Bitty absolut ingen webhosting. Selve URL'en indeholder hele dataene på webstedet: hvordan det ser ud, hvad det siger osv.

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

Link til Link

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

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

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

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

Hvor lille er et Itty Bitty-sted?

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

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

Heldigvis har skaberen lagt de maksimale byte-størrelser til rådighed for masser af populære platforme for at forklare, hvilke størrelser forskellige platforme kan 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 imidlertid oprette et meget større websted.

Fra link til Itty Bitty Site

Mens du også kan oprette Itty Bitty-websteder ved at droppe HTML-filer direkte i det eller ved at skrive indholdet på webstedet 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 udviklingsmiljø og en praktisk sammenkoblingsproces.

Ovenstående er et fantastisk eksempel på, hvordan en stærk HTML-rygrad - og andre subtile programmeringstilsæt - kan skabe et enkelt websted. Heldigvis er den også lille nok til at dele på tværs af mange af de ovennævnte platforme.

Hvis du vil konvertere et Codepen-projekt til et Itty Bitty-sted, skal du indsætte Pen's link på Itty Bitty-stedet. Derefter musen over det grå untitled sektion og rediger teksten for at afspejle dit websted.

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

Det er her du opretter linket til din Itty Bitty. Selvom det måske ikke ser ud som om 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 stedet. Det er også vigtigt at bemærke: Som standard kan Itty Bitty-websteder sendes via QR-kode.

Det giver mulighed for en række muligheder, som vedhæftning af en fysisk reference til mistede enheder.

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

Forkort dit Itty Bitty-link endnu mere

Du kan også oprette et rodfrit link ved hjælp af et linkforkortelsesværktøj. Jeg bruger 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 et andet fantastisk projekt af JT Helms. Jeg fulgte ganske enkelt processen ovenfor for at konvertere denne pen til et Itty Bitty-sted.

Når du har et link, skal du gå til Bitly. Indsæt dit link på Bitlys splashside, 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 synes, ved hjælp af Bitly's editor, hvis du er logget ind.

Jeg ændrer det oprindelige link til ITTYBITTYEXAMPLE. Du kan nu gå til bit.ly/ITTYBITTYEXAMPLE, som du ville gøre på ethvert andet sted - undtagen naturligvis 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 dets mangler. Du kan misbruge et Itty Bitty-site så let som du kan. Det betyder, at websteder kan irritere dig med funktioner som alarmer.

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

De Itty Bitty muligheder er uendelige

Kreativitet fundet online er ofte imponerende. Sjældent er det imidlertid så enkelt, tilgængeligt og let at bruge som Itty Bitty. Vil du vise et lille program? Messing med div elementer? Det hele er let gennemførligt ved hjælp af Itty Bitty-webstedet.

Derudover er du ikke begrænset til et bestemt antal eller websteder. Tag en note fra stedets skaber Nocholas Jitkoff, og link et sted på et websted for et omfattende, flersidigt forklarende websted. 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 foretag endnu bedre websteder ved at forbedre din viden om HTML og CSS Lær HTML og CSS med disse trinvise tutorials Lær HTML og CSS med disse trinvise tutorials. Er du nysgerrig efter HTML, CSS og JavaScript? Hvis du tror, ​​at du har en evne til at lære at oprette websteder fra bunden - her er et par gode trin-for-trin-tutorials værd at prøve. før du opretter et Itty Bitty-site! Eller tjek vores anmeldelse af InMotion Hosting Den komplette anmeldelse af InMotion Web Hosting for begyndere Den komplette anmeldelse af InMotion Web Hosting for begyndere Har du brug for pålidelig webhosting? Vores anmeldelse af InMotion Hosting afslører, om tjenesten er et godt valg for dig. for en anden måde at være vært for dit websted på.