Jak stworzyć stronę internetową bez hostingu z Itty Bitty?

Jak stworzyć stronę internetową bez hostingu z Itty Bitty?

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 publiczności. Itty Bitty, witryna stworzona przez byłego projektanta dla Google i obecnego wiceprezesa Dropbox Nocholas Jitkoff, jest jednym z takich małych projektów.





Korzystając z witryny Itty Bitty, możesz bezpłatnie utworzyć małą witrynę HTML, nawet jeśli nie masz żadnego hostingu.





Niewielkie wyjaśnienie

Oto jak to działa: itty.bitty.site tworzy małe witryny, ładując je za pośrednictwem ich adresów URL. Innymi słowy, Twoja witryna jest przechowywana i prezentowana w jej linku.





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

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



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 zacząć używać podstawowego kodu HTML do tworzenia prostej strony.





Jeśli chcesz stworzyć bardziej solidną witrynę Itty Bitty, możesz albo przeciągnąć i upuścić dokument HTML bezpośrednio na witrynę internetową, albo połączyć istniejący projekt bezpośrednio z monitem.

Chociaż Twój dokument lub łącze 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 pewnym, małym rozmiarze.





Jak mała jest witryna Itty Bitty?

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

Windows XP do pobrania za darmo pełna wersja

Witryna przedstawia rozmiar Twojej witryny w prawej górnej części okna. Chociaż rozmiar witryn może się zmieniać, oznacza to również, że Twój link również będzie 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 dla wielu popularnych platform, aby wyjaśnić, jakie rozmiary pomieszczą różne platformy:

Jeśli chcesz na przykład skrócić stronę internetową za pomocą Bitly, będziesz musiał stworzyć bardzo małą stronę internetową. 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ę.

Chociaż możesz również tworzyć witryny Itty Bitty, upuszczając pliki HTML bezpośrednio do nich lub wpisując bezpośrednio zawartość witryny, zademonstruję przy użyciu projektu Codepen, który został wcześniej stworzony przez Piętro Dudleya .

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 jest fantastycznym przykładem tego, jak silny szkielet HTML — i inne subtelne dodatki programistyczne — może stworzyć prostą witrynę internetową. Na szczęście jest również wystarczająco mały, aby udostępniać go na wielu platformach wymienionych powyżej.

Aby przekonwertować projekt Codepen na witrynę Itty Bitty, wklej link Pen do witryny Itty Bitty. Następnie najedź myszą na szary nieuprawny sekcji i edytuj tekst, aby odzwierciedlał Twoją witrynę.

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

jak grać w grę ps1 na komputerze?

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

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

Pozwala to na wiele opcji, takich jak dołączenie fizycznego odniesienia do utraconych urządzeń.

Gratulacje, masz teraz gotową do połączenia stronę internetową, która jest bezserwerowa i bezpłatna!

Możesz także utworzyć link bez bałaganu za pomocą narzędzia do skracania linków. Będę używał Bitly, który nie tylko pozwala skrócić linki, ale także pozwala dostosować link do własnego tekstu, jeśli założysz darmowe konto.

Nasz oryginalny przykład Codepen jest zbyt duży, aby skondensować go za pomocą Bitly, więc oto kolejny fantastyczny projekt autorstwa Hełmy JT . Po prostu postępowałem zgodnie z powyższym procesem, aby przekonwertować ten Pen do witryny Itty Bitty.

Gdy masz już link, przejdź do Bitly . Wklej swój link do strony powitalnej Bitly lub zaloguj się na swoje konto i wybierz Tworzyć przycisk. Wprowadź swój link w poniższym monicie.

Po wklejeniu linku zostanie on automatycznie przekonwertowany. Następnie dostosuj swój 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 witryna --- z wyjątkiem tego, że jest bezpłatna i nie wymaga hostingu ani konserwacji serwera.

Bezpieczeństwo witryn Itty Bitty

Chociaż jest to fajny i pomysłowy sposób tworzenia małych witryn HTML, nie jest on pozbawiony wad. Możesz nadużywać witryny Itty Bitty tak łatwo, jak każdą inną. Oznacza to, że witryny mogą Cię denerwować funkcjami, takimi jak alerty.

Ponieważ witryna jest nadal w fazie eksperymentalnej, niekoniecznie należy polegać na niej jako na głównej metodzie zapewniania bezpiecznej obecności w sieci.

Możliwości Itty Bitty są nieograniczone

Kreatywność znaleziona w Internecie jest często imponująca. Rzadko jednak jest tak prosty, przystępny i łatwy w użyciu jak Itty Bitty. Chcesz zaprezentować małą aplikację? Bawisz się elementami div? Wszystko to można łatwo wykonać za pomocą strony Itty Bitty.

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

Idź dalej i twórz jeszcze lepsze witryny, poprawiając swoją wiedzę na temat HTML i CSS przed utworzeniem witryny Itty Bitty! Lub sprawdź nasz przegląd hostingu InMotion dla innego sposobu hostowania witryny.

Udział Udział Ćwierkać E-mail Jak wyczyścić komputer z systemem Windows za pomocą wiersza polecenia

Jeśli na komputerze z systemem Windows zaczyna brakować miejsca do przechowywania, usuń śmieci za pomocą tych szybkich narzędzi wiersza polecenia.

Czytaj dalej
Powiązane tematy
  • Internet
  • Programowanie
  • HTML
  • Tworzenie stron internetowych
O autorze Chrześcijańska bonilla(83 opublikowane artykuły)

Christian jest niedawnym członkiem społeczności MakeUseOf i zapalonym czytelnikiem wszystkiego, od gęstej literatury po komiksy Calvina i Hobbesa. Jego pasji do technologii dorównuje jedynie jego chęć i chęć pomocy; jeśli masz jakieś pytania dotyczące (głównie) czegokolwiek, nie wahaj się wysłać e-maila!

Więcej od Christiana Bonilli

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować