Berapa lama waktu yang dibutuhkan untuk membuat website ?
Sangat bervariasi. Jumlah waktu belajar orang berbeda-beda, karena itu tidak ada patokan waktu yang pasti.
Jangan terburu-buru, selama kamu tekun dan sabar, kamu akan bisa membuat website kamu sendiri. Jika mudah, maka skill ini tidak akan lagi spesial. Hanya orang-orang yang sabar belajar akan lolos dan bisa menguasai skill ini.
Apa perbedaan website yang ditulis dengan kode sendiri dan menggunakan platform seperti wordpress ?
Menggunakan platform punya keuntungan berikut:
Namun dengan batasan:
Sebaliknya, dengan membuat website dengan kode sendiri, kita bisa:
Rekomendasi Platform untuk Membuat Website tanpa Coding
Berikut adalah beberapa rekomendasi platform untuk membuat website tanpa coding:
Platform website builder ini sangat populer, terutama di kalangan web developer.
Ini memiliki dua opsi. Pertama, dengan menggunakan layanan WordPress.com tanpa memerlukan hosting dan domain. Kedua, dengan self-hosting di web hosting dan domain sendiri.
Kedua opsi ini memberikan fleksibilitas bagi pengguna dengan tingkat keterampilan coding yang berbeda.
Selain itu, adanya banyak pilihan template dan kemudahan dalam pengelolaan konten membuat WordPress menjadi pilihan yang tepat untuk berbagai keperluan pembuatan website.
Webs menawarkan fitur pembuatan website yang mirip dengan platform sebelumnya, WordPress.
Dengan opsi penggunaan gratis meski terbatas, Webs tetap memberikan fleksibilitas sesuai kebutuhan pengguna. Pengguna dapat berlangganan jika ingin memanfaatkan fitur lengkapnya.
Meskipun hasil akhir menggunakan domain berakhiran webs.com, tersedia juga opsi untuk menggunakan custom domain.
Webs cocok untuk pengguna yang ingin pilihan yang serba terjangkau dan mudah diakses.
Ini adalah salah satu platform membuat website tanpa coding yang memiliki fitur lebih canggih.
Platform ini memungkinkan pengguna untuk menyesuaikan kebutuhan coding tanpa memerlukan keterampilan coding yang tinggi.
Dengan template yang sudah jadi, Dreamweaver cocok untuk pengguna yang ingin mengontrol desain website mereka tanpa harus membuat semuanya dari awal.
Wix telah menjadi pilihan populer bagi pelaku UMKM karena kemudahan dalam mengatur tampilan menggunakan berbagai gadget yang tersedia.
Dengan beragam opsi template gratis, Wix menyediakan solusi untuk website pribadi maupun toko online sederhana.
Kelebihan lainnya adalah interface yang ramah pengguna dan kesempatan untuk membuat website dengan tampilan profesional tanpa keterampilan coding yang rumit.
Weebly menawarkan platform website builder dan content management system dengan tema-tema unik dan menarik.
Cocok untuk pembelajaran website pribadi atau bisnis, Weebly hadir dengan fitur penyimpanan otomatis, memberikan keamanan ekstra untuk proyek Anda.
Meskipun ada keterbatasan pada fitur dan nama domain untuk pengguna gratis, Weebly tetap menjadi pilihan yang baik untuk pemula.
Meski belum begitu dikenal di Indonesia, Zyro menyediakan platform gratis untuk membuat website tanpa coding dengan sederhana.
Dengan keunggulan dalam berbagai template, platform ini menawarkan fleksibilitas dalam desain.
Dengan 160 template yang siap digunakan, Zyro menawarkan opsi yang menarik untuk pengguna yang mencari solusi cepat dan mudah.
Google Sites, sebagai produk besutan Google, memungkinkan pengguna membuat website tanpa coding melalui antarmuka yang sederhana dengan metode drag and drop.
Dengan kemudahan akses melalui akun Google, Google Sites adalah pilihan yang efisien untuk pembuatan halaman landing page tanpa keahlian coding yang diperlukan.
Squarespace memberikan pengalaman membuat website tanpa coding yang unik dan responsif, terutama di era smartphone.
Aplikasi ini tidak hanya memfasilitasi kustomisasi template, tetapi juga menyediakan fitur SEO dan dukungan e-commerce sederhana, memungkinkan transaksi online secara mudah.
InVision Studio menjadi pilihan bagi pelaku UMKM dengan kemudahan mengatur tampilan menggunakan berbagai gadget.
Dengan opsi template gratis untuk landing page, InVision Studio menawarkan solusi untuk pembuatan website pribadi dan toko online sederhana.
Adobe XD, sebagai aplikasi website builder dari Adobe, memberikan kemampuan mengedit file dari sketch dan mengembangkan website serta prototipe aplikasi multi-platform.
Dengan desain yang mendukung Android, iOS, dan website, serta koneksi dengan Adobe Library, Adobe XD merupakan pilihan yang baik untuk pengguna yang sudah terbiasa dengan ekosistem Adobe.
Mengubah warna tulisan website
Untuk mengubah warna tulisan website, kita bisa menggunakan kode berikut:
Nah letakkan kode di atas menggantikan ... di antara tag .
Lalu save text-editor kamu dan refresh browsernya. Kamu akan melihat tulisan h1 kamu menjadi merah , sesuai dengan color red yang kamu berikan.
Mengatur Tema dan Tampilan
Langkah selanjutnya adalah mengatur tema dan tampilan website.
Pilihan tema pada platform gratis terkadang terbatas, namun pengguna dapat memilih tema melalui Softaculous App Installer atau dashboard WordPress.
Tampilan dapat disesuaikan melalui dashboard WordPress pada bagian Appearance > Customize.
Menambahkan paragraf di situs kamu
Untuk menambahkan paragraf, kita bisa menggunakan tag
...
. Contohnya:letakkan tag p setelah tag h1 yang kamu buat sebelumnya
Sekarang reload browser, kamu akan melihat paragraf baru yang ditambahkan.
Bagaimana latihan membuat website selanjutnya ?
Kamu bisa mulai membuat website yang kamu inginkan sendiri. Bisa mencari contoh desain dari situs yang kamu suka, atau melihat inspirasi di Dribble, Pinterest, atau Behance.
Jika kamu ingin sekedar latihan (tidak mendesign sendiri), gunakan situs ini:
Persiapan membuat website dari dasar
Berikut alat yang kita butuhkan untuk membuat website sendiri:
Jika kamu ingin mengikut panduan ini, mari install Visual Studio Code.
Kamu bisa menemukan tombol download di halamannya.
Baca kelebihan Visual Studio Code untuk coding
Untuk membuat stuktur dasar websitenya, kita perlu menulis kode HTML. Dalam membuat kode sudah ada syntax atau aturan baku bagaimana caranya.
Kamu tidak harus menghafal atau mengingat ini, ada internet yang bisa kamu gunakan untuk mencari informasi tersebut sewaktu-waktu.
Nama `index` bisa kamu ubah dengan nama apa saja
Kamu tidak perlu langsung paham semuanya. Pola penulisan
Menentukan Jenis Website
Langkah pertama dalam cara membuat website tanpa coding adalah menentukan jenis website dan tujuannya.
Hal ini akan membantu dalam mengatur prioritas selama proses pembuatan.
Sebagai contoh, jika tujuan website adalah berjualan pakaian, fokus dapat diberikan pada halaman katalog.
Jenis website dapat bervariasi tergantung kebutuhan. Misalnya, website personal, toko online, blog, website organisasi, portal berita, website regional, dan website sekolah.
Apa yang akan kita lakukan di panduan tutorial ini?
Kamu akan terjun langsung merasakan bagaimana membuat website dari dasar dengan HTML dan CSS. Tentu kita tidak akan menjadi ahli hanya dengan satu artikel.
Tapi tujuannya, agar kamu bisa merasakan langsung dan menghilangkan tanda tanya selama ini seputar pembuatan situs.
Ini adalah awal dari kamu nanti bisa membuat berbagai situs lain seperti, profil perusahaan, blog, toko online, aplikasi, sosial media dan masih banyak lagi!
Sudah siap? mari kita mulai!
