Belajar Membuat Website Gratis

Peralatan yang Dibutuhkan untuk Membuat Website

Untuk membuat website sederhana dengan HTML, kamu hanya membutuhkan beberapa alat dasar yang semuanya bisa diakses secara gratis. Pertama, kamu butuh teks editor seperti Notepad di Windows atau TextEdit di Mac. Jika kamu ingin teks editor yang lebih canggih, bisa juga menggunakan Visual Studio Code atau Sublime Text yang memiliki banyak fitur tambahan untuk memudahkan penulisan kode.

Selanjutnya, kamu butuh browser seperti Google Chrome, Firefox, atau Edge untuk melihat hasil dari kode HTML yang kamu tulis. Itulah alat-alat dasar yang kamu perlukan untuk memulai. Setelah itu, kamu bisa langsung mulai menulis kode!

Sekarang, kita masuk ke bagian teknis: bagaimana sebenarnya HTML disusun? Setiap halaman web yang dibuat dengan HTML memiliki struktur dasar yang harus diikuti. Pada dasarnya, struktur ini terdiri dari beberapa elemen penting:

Halo Dunia!

Ini adalah paragraf pertama saya di website HTML saya.

Dalam contoh di atas, kita punya beberapa elemen kunci seperti , yang memberitahu browser bahwa ini adalah dokumen HTML, serta , , dan . Elemen-elemen ini membantu menyusun halaman agar tampil dengan benar di browser.

Memilih Nama dan Domain untuk Website Anda

Nama website Anda penting karena merepresentasikan identitas online Anda. Jadi pilihlah nama yang sesuai dengan tujuan website dan mudah diingat oleh pengunjung. Apabila Anda memilih paket gratis, domain website akan berupa subdomain dari Wordpress (misalnya, websitename.wordpress.com). Namun, Anda masih bisa meng-upgrade ke domain kustom dengan paket berbayar.

Wordpress.com menawarkan beragam tema gratis yang cocok untuk berbagai jenis website. Telusuri berbagai tema dan pilih yang paling sesuai dengan konten dan style website Anda. Setelah memilih tema, klik tema tersebut dan tekan tombol “Aktifkan.”

Tips SEO untuk Website HTML

Agar website kamu bisa ditemukan di mesin pencari seperti Google, kamu perlu melakukan optimasi SEO (Search Engine Optimization). SEO membantu website kamu muncul di hasil pencarian, sehingga lebih banyak orang bisa mengunjunginya.

Beberapa tips SEO dasar yang bisa kamu terapkan di website HTML adalah:

Membuat website gratis dengan HTML adalah langkah awal yang sangat bagus untuk mulai berkarir di dunia digital. Dengan hanya beberapa baris kode, kamu bisa membuat website yang fungsional dan siap digunakan. Tidak perlu takut untuk mencoba, karena semakin sering kamu praktik, semakin mahir kamu akan menjadi.

Apakah saya bisa membuat website tanpa biaya? Ya, kamu bisa membuat website gratis menggunakan HTML dan layanan hosting gratis seperti GitHub Pages.

Apa alat yang dibutuhkan untuk membuat website HTML? Kamu hanya memerlukan teks editor dan browser untuk memulai.

Apakah saya perlu belajar coding untuk membuat website? HTML sangat mudah dipelajari dan kamu bisa mulai tanpa pengetahuan coding yang mendalam.

Di era digital seperti ini, memiliki website telah menjadi hal penting untuk membangun citra pribadi, bisnis, dan menampilkan bakat atau minat Anda. Jika Anda selama ini berpikir bahwa membuat website memerlukan keahlian teknis atau biaya mahal, mari kita koreksi pandangan tersebut. Sebab, ada cara membuat website gratis.

Berikut ini adalah langkah-langkah membuat website gratis menggunakan WordPress, tanpa perlu pengetahuan detail tentang pemrograman.

Bagaimana agar website kamu bisa diakses oleh orang lain ?

Untuk membuat website kamu bisa diakses oleh orang lain, kamu perlu mengupload kode kamu ke sebuah server atau dikenal dengan istilah hosting.

Setelah itu menyambungkannya dengan nama domain agar mudah diingat dan dibuka oleh orang lain.

Referensi artikel terkait ini:

Pentingnya Memiliki Website

Sebelum tahu cara membuat website gratis, kita pahami dulu kenapa harus membuat website, geng. Seperti yang sudah Jaka sebutkan di prolog, website ini punya banyak manfaat untuk bisnis, komunitas hingga portofolio karya pribadi.

Untuk para pebisnis, kalian dapat memanfaatkan website sebagai media promosi yang efektif. Usaha kalian juga terlihat lebih profesional dan kredibel.

Untuk kalian yang memiliki komunitas, website dapat menjadi wadah informasi sekaligus media aktualisasi diri. Jadi kegiatan yang dilakukan, prestasi dan momen di komunitas dapar dibagikan ke banyak orang melalui website.

Untuk kebutuhan personal, kalian tentunya dapat mengasah kemampuan menulismu. Lalu websitemu bisa menjadi portfoliomu ketika melamar kerja. Kamu juga akan menjadi lebih produktif serta daya imajinasi dan kreativitasmu akan berkembang.

Buat Tampilan Website yang User Friendly

Karena first impression adalah awal dari segalanya, kalian juga harus membuat tampilan website kalian menarik. Website harus bisa dibuka di mana saja, baik itu komputer, laptop, handphone dan lainnya.

Lalu, pilih kombinasi warna yang pas. Jangan terlalu banyak 'hiasan' supaya website tetap cepat loadingnya.

SEO, alias Search Engine Optimization, adalah suatu cara meningkatkan trafik website kalian. Dengan penerapan SEO, website kalian lebih mudah ditemukan karena berada di halaman awal Google.

Tentukan Judul Website dan Halaman

Setelah membuat website baru, kamu perlu mengisi judul website dan halaman utama agar lebih mudah untuk diingat. Kamu dapat mengubah judul website di bagian kiri atas halaman. Sedangkan judul halaman utama dapat diubah dengan meng-klik pada tulisan ‘Your page title‘.

Setelah mengatur judul website dan halaman utama, kamu dapat mulai bermain-main dengan desain atau tampilan website kamu. Untuk melakukan hal tersebut, kamu perlu mengenali berbagai fitur yang ditawarkan oleh editor Google Sites.

Mengenali Editor Google Sites

Dalam interface Google Sites, kamu dapat menemukan tiga set menu editor yang berada di bagian tengah, atas, dan samping.

Mari kita bahas setiap menu yang berada pada masing-masing bagian di atas.

Editor bagian tengah ini berfungsi untuk mengelola semua elemen yang akan tampil di website secara langsung.

Setelah kamu menambahkan berbagai elemen, kamu dapat mengubah posisi dan melakukan perubahan seperti mengubah font, mengganti warna latar, mengatur paragraf, dan sebagainya melalui editor ini.

Di bagian atas layar, terdapat beberapa tombol yang berfungsi untuk melakukan tindakan yang tidak berkaitan langsung dengan desain website.

Berikut adalah fungsi dari tombol-tombol tersebut (dari kiri ke kanan):

Undo: Membatalkan perubahan yang telah dilakukan satu langkah ke belakang.

Redo: Mengembalikan perubahan yang telah dilakukan satu langkah ke depan.

Preview: Membuka pratinjau website yang sedang dibuat.

Copy Link: Menyalin tautan ke website (jika sudah di-publish)

Share with Others: Menunjukkan website dengan orang lain atau berbagi akses kepemilikan website untuk berkolaborasi.

Settings: Membuka beberapa pengaturan website, termasuk menghubungkannya ke Google Analytics.

More: Menampilkan fungsi tambahan seperti melihat riwayat perubahan atau menduplikasi website.

Publish: Tombol untuk mempublikasikan website sehingga dapat diakses oleh siapa saja.

Di bagian samping kanan halaman, kamu dapat menemukan menu bagian yang berisi berbagai macam fungsi. Ketiga menu tersebut adalah:

Mari kita bahas satu per satu, mulai dari fungsi yang berada di bawah menu Insert:

Pada kelompok paling atas, kamu dapat melihat empat tombol berwarna. Berikut ini adalah fungsi keempat tombol tersebut:

Text box: Membuat sebuah area yang dapat diisi dengan teks.

Images: Menyematkan gambar ke website dengan cara mengunggah dari komputer atau memilih dari stok yang tersedia.

Embed: Mencantumkan elemen web dari halaman lain dengan menggunakan URL atau HTML embed code.

Drive: Mencantumkan file dari Google Drive ke website yang sedang dibuat.

Di bawah sub-menu berjudul ‘Layout,’ kamu dapat melihat beberapa pilihan tata letak elemen di dalam website yang sedang kamu buat. Kamu dapat memilih layout tersebut untuk menyusun kelompok elemen.

Kamu dapat menyusun beberapa layout sekaligus dalam satu halaman untuk meningkatkan estetika website, seperti contoh di bawah ini:

Bagian paling bawah dari menu Insert adalah daftar berisi berbagai elemen tambahan dengan berbagai macam fungsi.

Kamu dapat menggunakan elemen-elemen ini untuk meningkatkan fungsionalitas website dengan divider, kalender, YouTube, dan lain-lain.

Di sebelah kanan tab Insert, kamu dapat melihat tab dengan judul Pages. Tab Pages ini berfungsi untuk:

Tab terakhir di menu bagian kanan adalah Themes. Seperti namanya, tab ini berisi berbagai pilihan tema yang dapat kamu gunakan dari Google Sites. Tapi, kamu juga dapat membuat tema sendiri dengan logo, gambar, font, dan skema warna yang dapat kamu atur sesuka hati.

Setelah kamu merasa cukup puas dengan tampilan website-mu, kamu dapat langsung mempublikasikannya dengan menekan tombol Publish yang ada di bagian kanan atas halaman.

Ketika kamu menekan tombol Publish, maka kamu dapat mengatur URL untuk website kamu. Jika kamu menggunakan akun Google pribadi, maka URL website kamu akan memiliki struktur sebagai berikut:

https://sites.google.com/view/nama-website

Tapi jika kamu menggunakan akun Google sekolah atau perusahaan, maka URL website kamu akan mengandung nama organisasi di dalamnya:

https://sites.google.com/namaorganisasi/nama-website

Setelah kamu menentukan URL yang ingin digunakan untuk mengakses website, cukup tekan Publish dan website kamu sudah dapat diakses oleh orang lain.

Biasanya ada tiga jenis website sekolah:

Cara Membuat Website Gratis

Nah, sekarang kita lanjut ke cara membuat website gratis. Ada beberapa penyedia website gratis yang bisa kita manfaatkan layanannya, dan Jaka akan membahasnya satu per satu.

Menambahkan Judul dan Teks

Hal pertama yang bisa kamu lakukan setelah memahami struktur dasar HTML adalah menambahkan judul dan teks ke website. Judul pada website ditulis menggunakan elemen

hingga

, di mana

adalah judul paling besar, dan

adalah yang terkecil.

Untuk teks biasa, kamu bisa menggunakan elemen

yang merupakan singkatan dari “paragraph”. HTML memungkinkan kita membuat paragraf yang terstruktur dengan baik dan mudah dibaca oleh pengunjung website.

Selamat Datang di Website Saya

Ini adalah website pertama saya yang dibuat dengan HTML.