Cara Membuat Situs Web Bebas-Hosting Dengan Itty Bitty

Iklan

Dengan pemrograman, kreativitas online tidak mengenal batas. Setiap hari, programmer di Internet menggunakan keterampilan mereka untuk membuat proyek kecil untuk publik. Itty Bitty, situs web yang dibuat oleh mantan perancang untuk Google dan wakil presiden saat ini di Dropbox Nocholas Jitkoff, adalah salah satu proyek sekecil itu.

Menggunakan situs Itty Bitty, Anda dapat membuat situs web HTML kecil gratis meskipun Anda tidak memiliki hosting web apa pun.

Penjelasan Itty Bitty

Begini cara kerjanya: itty.bitty.site membuat situs kecil dengan memuatnya melalui URL mereka. Dengan kata lain, situs Anda disimpan, dan disajikan, di dalam tautannya.

Karena itu, situs web yang dibuat menggunakan Itty Bitty sama sekali tidak memerlukan hosting web. URL itu sendiri menyimpan seluruh data situs: seperti apa, apa katanya, dll.

Anda akan perhatikan bahwa setelah Anda menerima tautan Itty Bitty Anda, itu akan menjadi sedikit lebih besar dari biasanya. Itu seluruh situs web Anda.

Tautan untuk Tautan

Situs sebenarnya yang dibuat oleh Itty Bitty memiliki antarmuka yang sangat minim. Perlu diingat, setiap halaman tambahan di situs dibuat menggunakan situs itu sendiri.

Dari halaman ini, Anda dapat segera mulai menggunakan HTML dasar untuk membuat halaman sederhana.

Jika Anda ingin membuat situs Itty Bitty yang lebih kuat, Anda bisa menarik dan melepas dokumen HTML langsung ke situs web atau menautkan proyek yang ada langsung ke prompt.

Meskipun dokumen atau tautan Anda mungkin menggunakan bahasa pemrograman lain seperti CSS atau JS, mereka masih akan dimuat dengan situs Itty Bitty Anda. Yang mengatakan, manfaat utama menggunakan Itty Bitty (dan alasan utama itu bisa diambil dari alamat) adalah bahwa halaman Anda harus disimpan di bawah ukuran kecil tertentu.

Seberapa Kecil Situs Itty Bitty?

Jika Itty Bitty gratis dan tidak memerlukan hosting web, seberapa besar situs Anda sebenarnya? Jawabannya: tidak terlalu.

Situs ini menyajikan ukuran situs web Anda kepada Anda di bagian kanan atas jendela. Sementara situs dapat berfluktuasi dalam ukuran, itu juga berarti tautan Anda akan berfluktuasi dalam ukuran juga. Beberapa situs tidak akan memungkinkan Anda untuk membagikan tautan yang lebih besar dari beberapa byte, yang dapat membatasi kemampuan Anda untuk berbagi situs yang lebih besar.

Untungnya, sang pencipta memiliki diposting ukuran byte maks mungkin bagi banyak platform populer untuk menjelaskan ukuran platform apa yang akan mengakomodasi:

Jika Anda ingin mempersingkat situs web menggunakan Bitly, misalnya, Anda harus membuat situs web yang sangat kecil. Itu berlaku untuk Microsoft Edge juga. Namun, jika Anda hanya ingin membaginya di seluruh browser, Anda dapat membuat situs yang jauh lebih besar.

Dari Tautan ke Situs Itty Bitty

Meskipun Anda juga dapat membuat situs Itty Bitty dengan menjatuhkan file HTML langsung ke dalamnya atau dengan mengetikkan konten situs secara langsung, saya akan menunjukkan menggunakan proyek Codepen yang sebelumnya dibuat oleh Dudley Storey.

Codepen adalah cara termudah untuk membuat situs Anda menggunakan Itty Bitty. Codepen menyediakan lingkungan pengembang yang mudah digunakan dan proses penautan yang nyaman bagi pengguna.

Di atas adalah contoh fantastis tentang bagaimana tulang punggung HTML yang kuat — dan tambahan pemrograman halus lainnya — dapat membuat situs web sederhana. Untungnya, itu juga cukup kecil untuk dibagikan di banyak platform yang tercantum di atas.

Untuk mengonversi proyek Codepen menjadi situs Itty Bitty, rekatkan tautan Pena ke situs Itty Bitty. Lalu, arahkan mouse ke atas abu-abu tanpa judul bagian dan edit teks untuk mencerminkan situs Anda.

Selanjutnya, klik pada Tidak bisa di kanan atas jendela.

Di sinilah Anda membuat tautan ke Itty Bitty Anda. Meskipun sepertinya Anda belum membuat situs web, Anda telah melakukannya!

Setelah Anda mengklik Salin tautan opsi, Anda dapat menempelkan tautan ke browser Anda untuk melihat situs. Juga penting untuk dicatat: secara default, situs Itty Bitty dapat dikirim melalui kode QR.

Itu memungkinkan untuk beberapa opsi, seperti melampirkan referensi fisik untuk perangkat yang hilang.

Selamat, Anda sekarang memiliki situs web siap-untuk-tautan yang bebas server dan gratis!

Persingkat Bty Link Itty Anda Lebih Jauh

Anda juga dapat membuat tautan bebas kekacauan menggunakan alat pemendek tautan. Saya akan menggunakan Bitly, yang tidak hanya memungkinkan Anda untuk mempersingkat tautan tetapi juga memungkinkan Anda untuk menyesuaikan tautan dengan teks Anda sendiri jika Anda mendaftar untuk mendapatkan akun gratis.

Contoh Codepen asli kami terlalu besar untuk dikondensasi menggunakan Bitly, jadi inilah proyek fantastis lainnya JT Helms. Saya cukup mengikuti proses di atas untuk mengonversi Pena ini ke situs Itty Bitty.

Setelah Anda memiliki tautan, buka Sedikit. Tempel tautan Anda ke halaman splash Bitly, atau masuk ke akun Anda dan pilih Membuat tombol. Masukkan tautan Anda di prompt berikut.

Setelah Anda menempelkan tautan Anda, tautan itu akan secara otomatis dikonversi. Kemudian, sesuaikan tautan Anda sesuai keinginan menggunakan editor Bitly jika Anda masuk.

Saya mengubah tautan awal ke ITTYBITTYEXAMPLE. Anda sekarang dapat menuju ke bit.ly/ITTYBITTYEXAMPLE seperti yang Anda lakukan pada situs lain — kecuali, tentu saja, itu gratis dan tidak memerlukan hosting web atau pemeliharaan server.

Keamanan untuk Situs Bty Itty

Meskipun ini adalah cara yang keren dan cerdik untuk membuat situs HTML kecil, ini bukan tanpa kekurangannya. Anda dapat menyalahgunakan situs Itty Bitty semudah yang lain. Itu berarti situs dapat mengganggu Anda dengan fitur seperti peringatan.

Karena situs ini masih dalam tahap percobaan, jangan lantas mengandalkan situs sebagai metode utama membangun keberadaan web yang aman.

Kemungkinan Itty Bitty Tidak Ada habisnya

Kreativitas yang ditemukan online sering kali mengesankan. Namun, jarang, sesederhana itu, dapat diakses, dan mudah digunakan seperti Itty Bitty. Ingin menampilkan aplikasi kecil? Bermain-main dengan elemen div? Semuanya bisa dilakukan menggunakan situs Itty Bitty.

Selain itu, Anda tidak terbatas pada jumlah atau situs tertentu. Ambil catatan dari pencipta situs, Nocholas Jitkoff, dan tautkan sebuah situs di dalam situs untuk situs web penjelas banyak halaman yang komprehensif. Atau membuat Bulldog ASCII. Kemungkinannya kecil dalam ukuran, tetapi cakupannya tak terbatas, jadi cobalah eksperimen online kecil ini hari ini!

Pergi lebih jauh dan buat situs yang lebih baik lagi dengan meningkatkan pengetahuan Anda tentang HTML dan CSS Pelajari HTML dan CSS dengan Tutorial Langkah demi Langkah IniIngin tahu tentang HTML, CSS, dan JavaScript? Jika Anda berpikir bahwa Anda memiliki keahlian untuk mempelajari cara membuat situs web dari awal - berikut adalah beberapa tutorial langkah demi langkah yang patut dicoba. Baca lebih banyak sebelum membuat situs Itty Bitty! Atau lihat Ulasan InMotion Hosting kami Ulasan Web Hosting InMotion Lengkap untuk PemulaPerlu hosting web yang andal? Ulasan InMotion Hosting kami akan mengungkapkan jika layanan ini adalah pilihan yang baik untuk Anda. Baca lebih banyak untuk cara lain meng-host situs Anda.