Jak stworzyć witrynę bez hostingu dzięki Itty Bitty

Reklama

Dzięki programowaniu kreatywność online nie zna granic. Każdego dnia programiści w Internecie wykorzystują swoje umiejętności do tworzenia małych projektów dla społeczeństwa. Itty Bitty, strona internetowa stworzona przez byłego projektanta Google'a i obecnego wiceprezesa Dropbox Nocholas Jitkoff, to jeden z takich małych projektów.

Korzystając z witryny Itty Bitty, możesz stworzyć małą witrynę HTML za darmo, nawet jeśli nie masz hostingu.

Itty Bitty Wyjaśnienie

Oto jak to działa: itty.bitty.site tworzy małe witryny, ładując je za pomocą adresów URL. Innymi słowy, twoja strona jest przechowywana i prezentowana pod linkiem.

Z tego powodu strony internetowe utworzone przy użyciu Itty Bitty absolutnie nie wymagają hostingu. Sam adres URL przechowuje wszystkie dane witryny: jak to wygląda, co mówi itp.

Zauważysz, że po otrzymaniu linku Itty Bitty będzie on nieco większy niż zwykle. To cała twoja strona internetowa.

Link do łącza

Rzeczywista strona stworzona przez Itty Bitty ma bardzo minimalny interfejs. Pamiętaj, że każda dodatkowa strona w witrynie jest tworzona przy użyciu samej witryny.

Z tej strony, możesz od razu rozpocząć korzystanie z podstawowego kodu HTML w celu utworzenia prostej strony.

Jeśli chcesz utworzyć bardziej niezawodną witrynę Itty Bitty, możesz przeciągnąć i upuścić dokument HTML bezpośrednio na stronie internetowej lub połączyć istniejący projekt bezpośrednio w wierszu polecenia.

Chociaż Twój dokument lub link może używać innych języków programowania, takich jak CSS lub JS, nadal będą one ładowane z Twoją witryną Itty Bitty. To powiedziawszy, główną zaletą korzystania z Itty Bitty (i głównym powodem, dla którego można go załadować z adresu) jest to, że twoja strona musi być utrzymywana w określonym, małym rozmiarze.

Jak mały jest Itty Bitty?

Jeśli Itty Bitty jest bezpłatny i nie wymaga hostingu, to jak duża może być Twoja witryna? Odpowiedź: nie bardzo.

Witryna przedstawia rozmiar Twojej witryny w prawej górnej części okna. Chociaż witryny mogą zmieniać się pod względem wielkości, oznacza to również, że rozmiar linku również się zmienia. Niektóre witryny nie pozwalają na udostępnianie linków większych niż kilka bajtów, co może ograniczać możliwość udostępniania większych witryn.

Na szczęście twórca ma opublikował maksymalne rozmiary bajtów możliwe jest wiele popularnych platform, aby wyjaśnić, jakie rozmiary mogą pomieścić różne platformy:

Jeśli na przykład chcesz skrócić witrynę za pomocą Bitly, musisz utworzyć bardzo małą witrynę. Dotyczy to również Microsoft Edge. Jeśli jednak chcesz udostępnić go tylko w różnych przeglądarkach, możesz utworzyć znacznie większą witrynę.

Od linku do strony Itty Bitty

Chociaż możesz także tworzyć witryny Itty Bitty, upuszczając bezpośrednio pliki HTML lub bezpośrednio wpisując treść witryny, zademonstruję użycie projektu Codepen wcześniej utworzonego przez Dudley Storey.

Codepen to najprostszy sposób na stworzenie witryny za pomocą Itty Bitty. Codepen zapewnia użytkownikom zarówno łatwe w użyciu środowisko programistyczne, jak i wygodny proces łączenia.

Powyższe stanowi fantastyczny przykład tego, jak silny szkielet HTML - i inne subtelne dodatki programistyczne - mogą stworzyć prostą stronę internetową. Na szczęście jest także wystarczająco mały, aby udostępniać go na wielu platformach wymienionych powyżej.

Aby przekonwertować projekt Codepen na stronę Itty Bitty, wklej link pióra do strony Itty Bitty. Następnie najedź myszą na szary nieuprawny sekcji i edytuj tekst, aby odzwierciedlić Twoją witrynę.

Następnie kliknij menu w prawym górnym rogu okna.

Tutaj tworzysz link do swojego Itty Bitty. Choć może nie wydawać się, że właśnie utworzyłeś witrynę, masz!

Po kliknięciu przycisku skopiuj link opcja, możesz wkleić link do przeglądarki, aby wyświetlić stronę. Należy również pamiętać: domyślnie strony Itty Bitty można wysyłać za pomocą kodu QR.

Pozwala to na wiele opcji, takich jak dołączanie fizycznych odniesień do utraconych urządzeń.

Gratulacje, masz już gotową stronę internetową, która nie wymaga serwera i jest darmowa!

Skróć swój Itty Bitty Link jeszcze bardziej

Możesz także utworzyć pozbawiony bałaganu link za pomocą narzędzia do skracania linków. Będę korzystać z Bitly, która nie tylko pozwala skracać linki, ale także umożliwia dostosowanie linku za pomocą własnego tekstu, jeśli zarejestrujesz darmowe konto.

Nasz oryginalny przykład Codepen jest zbyt duży, aby go skondensować za pomocą Bitly, więc oto kolejny fantastyczny projekt autorstwa JT Helms. Po prostu wykonałem powyższy proces, aby przekonwertować ten Pen na stronę Itty Bitty.

Po uzyskaniu linku przejdź do Bitly. Wklej link na stronę powitalną Bitly lub zaloguj się na swoje konto i wybierz Stwórz przycisk. Wpisz swój link w następującym monicie.

Po wklejeniu link zostanie automatycznie przekonwertowany. Następnie dostosuj link według własnego uznania za pomocą edytora Bitly, jeśli jesteś zalogowany.

Zmieniam początkowy link na ITTYBITTYEXAMPLE. Możesz teraz udać się do bit.ly/ITTYBITTYEXAMPLE jak każda inna strona - oczywiście z wyjątkiem tego, że jest bezpłatna i nie wymaga hostingu ani konserwacji serwera.

Bezpieczeństwo stron Itty Bitty

Chociaż jest to fajny i genialny sposób tworzenia małych witryn HTML, nie jest pozbawiony wad. Możesz niewłaściwie korzystać ze strony Itty Bitty tak łatwo, jak każdą inną. Oznacza to, że witryny mogą Cię denerwować za pomocą funkcji takich jak alerty.

Ponieważ witryna jest wciąż w fazie eksperymentalnej, niekoniecznie polegaj na niej jako głównej metodzie zapewniania bezpiecznej obecności w sieci.

Itty Bitty Możliwości są nieograniczone

Kreatywność znaleziona w Internecie jest często imponująca. Rzadko jednak jest tak prosty, dostępny i łatwy w użyciu jak Itty Bitty. Chcesz zaprezentować małą aplikację? Bałagan z elementami div? Wszystko jest łatwo wykonalne przy użyciu strony Itty Bitty.

Co więcej, nie jesteś ograniczony do określonej liczby witryn. Zanotuj od twórcy witryny, Nocholasa Jitkoffa, i połącz witrynę w witrynie, aby uzyskać obszerną, wielostronicową stronę z objaśnieniami. Lub zrób Buldog ASCII. Możliwości są niewielkie, ale nie mają końca, więc wypróbuj ten mały eksperyment online już dziś!

Idź dalej i twórz jeszcze lepsze strony poprawa znajomości HTML i CSS Naucz się HTML i CSS dzięki tym samouczkom krok po krokuCiekawi Cię HTML, CSS i JavaScript? Jeśli uważasz, że masz talent do nauki tworzenia stron internetowych od podstaw - oto kilka świetnych samouczków, które warto wypróbować. Czytaj więcej przed utworzeniem strony Itty Bitty! Lub sprawdź nasza opinia na temat hostingu InMotion Kompletny przegląd hostingu InMotion dla początkującychPotrzebujesz niezawodnego hostingu? Nasza recenzja Hostingu InMotion ujawni, czy usługa jest dla Ciebie dobrym wyborem. Czytaj więcej dla innego sposobu hostowania swojej witryny.