So erstellen Sie mit Itty Bitty eine hostingfreie Website

Werbung

Beim Programmieren kennt die Online-Kreativität keine Grenzen. Jeden Tag nutzen Programmierer im Internet ihre Fähigkeiten, um kleine Projekte für die Öffentlichkeit zu erstellen. Itty Bitty, eine Website, die vom ehemaligen Designer für Google und aktuellen Vizepräsidenten bei Dropbox Nocholas Jitkoff erstellt wurde, ist ein solches kleines Projekt.

Mit der Itty Bitty-Website können Sie kostenlos eine kleine HTML-Website erstellen, auch wenn Sie kein Webhosting haben.

Eine klitzekleine Erklärung

So funktioniert das: itty.bitty.site erstellt kleine Websites, indem sie über ihre URLs geladen werden. Mit anderen Worten, Ihre Website wird unter ihrem Link gespeichert und präsentiert.

Aus diesem Grund erfordern Websites, die mit Itty Bitty erstellt wurden, absolut kein Webhosting. Die URL selbst enthält die gesamten Daten der Site: wie sie aussieht, was sie sagt usw.

Sie werden feststellen, dass Ihr Itty Bitty-Link nach Erhalt etwas größer als gewöhnlich ist. Das ist Ihre gesamte Website.

Link für Link

Die eigentliche Site, die von Itty Bitty erstellt wurde, hat eine sehr minimale Oberfläche. Beachten Sie, dass jede zusätzliche Seite auf der Site mithilfe der Site selbst erstellt wird.

Von dieser Seitekönnen Sie sofort mit der Verwendung von einfachem HTML beginnen, um eine einfache Seite zu erstellen.

Wenn Sie eine robustere Itty Bitty-Site erstellen möchten, können Sie entweder ein HTML-Dokument per Drag & Drop direkt auf die Website ziehen oder ein vorhandenes Projekt direkt mit der Eingabeaufforderung verknüpfen.

Während Ihr Dokument oder Link möglicherweise andere Programmiersprachen wie CSS oder JS verwendet, werden diese dennoch mit Ihrer Itty Bitty-Site geladen. Der Hauptvorteil der Verwendung von Itty Bitty (und der zentrale Grund, warum es von einer Adresse geladen werden kann) besteht darin, dass Ihre Seite unter einer bestimmten, kleinen Größe gehalten werden muss.

Wie klein ist eine kleine Website?

Wie groß kann Ihre Website wirklich sein, wenn Itty Bitty kostenlos ist und kein Webhosting erfordert? Die Antwort: nicht sehr.

Die Website zeigt Ihnen oben rechts im Fenster die Größe Ihrer Website an. Während die Größe von Websites schwanken kann, bedeutet dies auch, dass die Größe Ihres Links ebenfalls schwankt. Auf einigen Websites können Sie keine Links freigeben, die größer als einige Bytes sind. Dies kann Ihre Fähigkeit einschränken, größere Websites freizugeben.

Zum Glück hat der Schöpfer hat die maximalen Bytegrößen gepostet Viele beliebte Plattformen können erklären, welche Größen auf verschiedenen Plattformen möglich sind:

Wenn Sie beispielsweise eine Website mit Bitly kürzen möchten, müssen Sie eine sehr kleine Website erstellen. Das gilt auch für Microsoft Edge. Wenn Sie es jedoch nur für mehrere Browser freigeben möchten, können Sie eine viel größere Website erstellen.

Vom Link zur Itty Bitty Site

Sie können Itty Bitty-Websites auch erstellen, indem Sie HTML-Dateien direkt darin ablegen oder den Inhalt der Website direkt eingeben. Ich werde jedoch die Verwendung eines Codepen-Projekts demonstrieren, das zuvor von erstellt wurde Dudley Storey.

Codepen ist der einfachste Weg, um Ihre Website mit Itty Bitty zu erstellen. Codepen bietet Benutzern sowohl eine benutzerfreundliche Entwicklerumgebung als auch einen bequemen Verknüpfungsprozess.

Das Obige ist ein fantastisches Beispiel dafür, wie ein starkes HTML-Backbone - und andere subtile Programmierzusätze - eine einfache Website erstellen können. Glücklicherweise ist es auch klein genug, um es auf vielen der oben aufgeführten Plattformen zu teilen.

Fügen Sie den Link des Stifts in die Itty Bitty-Site ein, um ein Codepen-Projekt in eine Itty Bitty-Site zu konvertieren. Fahren Sie dann mit der Maus über das Grau ohne Titel Abschnitt und bearbeiten Sie den Text, um Ihre Website widerzuspiegeln.

Klicken Sie anschließend auf Speisekarte oben rechts im Fenster.

Hier erstellen Sie den Link zu Ihrem Itty Bitty. Es scheint zwar nicht so, als hätten Sie gerade eine Website erstellt, aber Sie haben!

Sobald Sie auf die klicken Link kopieren Mit dieser Option können Sie den Link in Ihren Browser einfügen, um die Site anzuzeigen. Ebenfalls wichtig zu beachten: Standardmäßig können Itty Bitty-Sites per QR-Code gesendet werden.

Dies ermöglicht eine Reihe von Optionen, z. B. das Anhängen einer physischen Referenz für verlorene Geräte.

Herzlichen Glückwunsch, Sie haben jetzt eine verlinkbare Website, die ohne Server und kostenlos ist!

Verkürzen Sie Ihren Itty Bitty Link noch weiter

Sie können einen übersichtlichen Link auch mit einem Linkverkürzungswerkzeug erstellen. Ich verwende Bitly, mit dem Sie nicht nur Links kürzen, sondern den Link auch mit Ihrem eigenen Text anpassen können, wenn Sie sich für ein kostenloses Konto anmelden.

Unser ursprüngliches Codepen-Beispiel ist zu groß, um es mit Bitly zu verdichten. Hier ist ein weiteres fantastisches Projekt von JT Helms. Ich habe einfach den obigen Prozess befolgt, um diesen Stift in eine Itty Bitty-Site umzuwandeln.

Sobald Sie Ihren Link haben, gehen Sie zu Bitly. Fügen Sie Ihren Link in die Begrüßungsseite von Bitly ein oder melden Sie sich in Ihrem Konto an und wählen Sie die aus Erstellen Taste. Geben Sie Ihren Link in die folgende Eingabeaufforderung ein.

Sobald Sie Ihren Link eingefügt haben, wird er automatisch konvertiert. Passen Sie dann Ihren Link nach Belieben mit dem Bitly-Editor an, wenn Sie angemeldet sind.

Ich ändere den ursprünglichen Link zu ITTYBITTYEXAMPLE. Sie können jetzt zu gehen bit.ly/ITTYBITTYEXAMPLE Wie bei jeder anderen Website - außer natürlich, dass sie kostenlos ist und kein Webhosting oder Serverwartung erfordert.

Sicherheit für Itty Bitty Sites

Dies ist zwar eine coole und geniale Methode zum Erstellen kleiner HTML-Sites, aber nicht ohne Mängel. Sie können eine Itty Bitty-Site so einfach wie jede andere missbrauchen. Das bedeutet, dass Websites Sie mit Funktionen wie Warnungen nerven können.

Da sich die Website noch in einer experimentellen Phase befindet, sollten Sie sich nicht unbedingt auf die Website als Hauptmethode für die Einrichtung einer sicheren Webpräsenz verlassen.

Die Möglichkeiten von Itty Bitty sind endlos

Online gefundene Kreativität ist oft beeindruckend. Selten ist es jedoch so einfach, zugänglich und benutzerfreundlich wie Itty Bitty. Möchten Sie eine kleine Anwendung präsentieren? Mit div-Elementen herumspielen? Mit der Itty Bitty-Website ist alles problemlos möglich.

Darüber hinaus sind Sie nicht auf eine bestimmte Anzahl oder bestimmte Websites beschränkt. Nehmen Sie eine Notiz vom Ersteller der Website, Nocholas Jitkoff, und verknüpfen Sie eine Website innerhalb einer Website mit einer umfassenden, mehrseitigen erklärenden Website. Oder machen Sie eine ASCII-Bulldogge. Die Möglichkeiten sind klein, aber endlos. Probieren Sie dieses kleine Online-Experiment noch heute aus!

Gehen Sie weiter und machen Sie noch bessere Websites durch Verbessern Sie Ihre Kenntnisse in HTML und CSS Lernen Sie HTML und CSS mit diesen Schritt-für-Schritt-AnleitungenNeugierig auf HTML, CSS und JavaScript? Wenn Sie der Meinung sind, dass Sie ein Händchen für das Erstellen von Websites von Grund auf haben, finden Sie hier einige großartige Schritt-für-Schritt-Anleitungen, die es wert sind, ausprobiert zu werden. Weiterlesen bevor Sie eine Itty Bitty Site erstellen! Oder auschecken unsere InMotion Hosting Bewertung Der vollständige InMotion Web Hosting Review für AnfängerBenötigen Sie zuverlässiges Webhosting? Unsere InMotion Hosting-Bewertung zeigt, ob der Service eine gute Wahl für Sie ist. Weiterlesen für eine andere Möglichkeit, Ihre Website zu hosten.