Cara Membuat Website Gratis Untuk Pemula

Cara Membuat Website Gratis Untuk Pemula

Dewasa ini, website merupakan salah satu wadah yang banyak dimanfaatkan secara perseorangan maupun perusahaan. Website adalah kumpulan halaman yang berisi informasi dan data yang terangkum dalam sebuah nama domain. Banyak sekali cara buat website yang sudah diterapkan oleh beberapa orang.

Apabila saat ini Anda membutuhkan website untuk kebutuhan bisnis, konten, atau sebagai media informasi lain, perlu diketahui bahwa beragam cara dan sarana dapat memenuhi website yang sesuai dengan keinginan.

Cara Membuat Website

  1. WordPress

Merupakan wadah pembuat website yang mampu memenuhi kebutuhan blog, situs bisnis, portofolio, toko online, atau keperluan lain yang Anda inginkan. WordPress menyediakan paket berbayar yang terjangkau jika Anda yang ingin mendapatkan fitur lebih lengkap. Namun, apabila ingin berkreasi dengan memanfaatkan yang sudah ada, fitur gratis tetap mampu melengkapi kebutuhan tersebut.

Langkah-langkah:

  • Buka website WordPress.com kemudian klik ‘Mulai situs web Anda’.
  • Anda akan diarahkan untuk membuat akun dengan mengisi e-mail pengguna, nama pengguna, dan password. Setelah itu, pilih Buat akun Anda.
  • Muncul beberapa pilihan yang mengacu pada jenis website yang Anda inginkan, yaitu Blog, Business, Professional, dan Online store. Klik salah satu yang sesuai dengan kebutuhan.
  • Selanjutnya, masukkan kategori website yang akan dibuat. Tekan Continue untuk melanjutkan.
  • Langkah berikutnya adalah mengisi nama domain yang sudah Anda tentukan. Pastikan bahwa nama domain tersebut belum pernah digunakan oleh website mana pun.
  • Pilih Free supaya Anda tidak perlu membayar untuk menggunakannya. Fitur gratis tentu akan mempengaruhi nama website Anda yang diakhiri dengan .wordpress.com.
  • Kemudian muncul pilihan paket atau plan yang bisa Anda pilih apabila ingin layanan berbayar. Namun, untuk menggunakan layanan gratis pilih Start with a free site.
  • Anda akan diarahkan ke Dashboard. Konfirmasi e-mail dan pilih Launch your site untuk melihat tampilan website di internet.
  1. HTML dan CSS

Hypertext Markup Language atau HTML merupakan bahasa pemrogaman yang berfungsi sebagai standar dalam membuat website statis maupun dinamis. CSS sendiri akan bertugas untuk melakukan kustomisasi elemen-elemen HTML.

Secara singkat, HTML adalah tool yang digunakan untuk menyusun struktur dan CSS akan mendesain layout dari website.

Langkah-langkah:

  • Desain layout website terlebih dahulu dengan memanfaatkan Photoshop, Paint, atau manual dengan tangan. Pisahkan masing-masing Header, Main Body, serta Footer.
  • Mulailah menulis kode website dengan menggunakan editor Notepad atau Notepad++. Untuk pengguna MacBook, disarankan untuk memakai TextEdit.
  • Buat file HTML bernama html.index
  • Masukkan kode berikut:

<html>

<head>

<! ̶ Element-elemen tag <head> tulis disini->

<title>WEBSITE TEST</test>

</head>

<body>

<! ̶ Element-elemen tag <body> tulis disini->

</body>

</html>

  • Masukkan section Header, Main Body, dan Footer ke dalam tag <body> :

<body>

<! ̶ Element-elemen tag <body> tulis disini->

<header> <!–Section HEADER–>

</header>

<main> <!–Section MAIN BODY–>

</main>

<footer> <!–Section FOOTER–>

</footer>

</body>

  • Coba lakukan sedikit kustomisasi pada logo dan navigasi:

<body>

<! ̶ Element-elemen tag <body> tulis disini->

<header> <!–Section HEADER–>

<div>LOGO</div>

<div>NAVIGASI</div>

</header>

<main> <!–Section MAIN BODY–>

<div>KONTEN</div>

<div>SIDEBAR</div>

</main>

<footer> <!–Section FOOTER–>

<div>FOOTER</div>

</footer>

</body>

  • Lakukan styling pada CSS supaya tampilannya sama dengan layout, buat file CSS yang diberi nama layout.css dan simpan dalam folder yang sama seperti HTML.
  • Buka file HTML dan tambahkan pada tag <head> kode berikut:

<link rel=”stylesheet”href=”layout.css” />

  • Kode tersebut akan menampung file layout.css saat html.index dibuka.
  • Tambahkan class ke dalam tag elemen-elemen yang sudah disusun karena program CSS hanya dapat memanggil ID atau class yang sudah terdefinisi oleh elemen.
  • Buka file CSS lalu definisikan elemen-elemen HTML:

.logo {}

.navigasi {}

.konten {}

.sidebar {}

.footer {}

Langkah-langkah di atas cocok untuk Anda yang masih pemula, namun ingin mencoba membuat website dengan pemrograman sendiri. Cara ini dapat menjadi sebuah latihan sebelum beranjak ke tahap yang lebih rumit dari sebuah pembuatan website.

  1. Google Site

Apabila Anda sedang mencari layanan dan fitur gratis untuk membuat website, Anda bisa mencoba Google Site yang disediakan oleh Google sebagai pengganti Google Page Creator. Melalui cara buat website ini, Anda bisa menambahkan banyak berkas dan lampiran yang tersambung dengan aplikasi Google lainnya.

Langkah-langkah:

  • Masuk ke dalam Google Chrome dan ketikkan akses menuju Google Site.
  • Pilih hasil pencarian Google Sites: sign in.
  • Gunakan akun Gmail milik Anda untuk login pada perangkat. Masukkan password kemudian klik Berikutnya.
  • Muncul kotak dialog sambutan Google Site, lalu klik Paham.
  • Untuk membuat situs baru, klik tanda + pada bagian kanan bawah atau Buat situs baru.
  • Maka, akan muncul tampilan untuk menyusun sebuah website yang Anda inginkan. Kreasikan website baru Anda semenarik mungkin.
  • Setelah menata dan menyusun website dengan baik, saatnya untuk mempublish karya Anda dengan mengklik Publikasikan.
  • Tentukan domain atau url website dengan mengisi kotak yang telah disediakan. Namun, apabila tidak ingin mengubah apapun, Anda bisa menggunakan nama website yang otomatis muncul di layar.
  1. Wix

Wix adalah salah web builder sederhana yang akan membantu Anda memenuhi kebutuhan portofolio, toko online, situs desain, dan lain sebagainya. Layanan web builder ini cenderung lengkap dan direkomendasikan untuk pemula. Anda bisa mendapatkan layanan hosting, domain, hingga alat penunjang SEO sekaligus dalam satu paket.

Langkah-langkah:

  • Langkah pertama adalah akses website resmi Wix untuk memulai membuat website baru.
  • Klik tombol Get started untuk diarahkan ke halaman Sign up atau Log in.
  • Masukkan e-mail dan password. Anda juga bisa membuat akun yang tersambung ke Google atau Facebook.
  • Anda akan menjawab beberapa pertanyaan, namun apabila tidak ingin terlalu lama Anda bisa mengklik Skip.
  • Muncul 2 opsi untuk membangun situs, Wix Artificial Design Interlligence (ADI) dan Wix Drag and Drop Editor.
  • Wix ADI akan memberikan beberapa pertanyaan seputar website yang Anda inginkan. Setelah itu, website Anda dikustomisasi dan dibangun secara personal sesuai keinginan. Sedangkan, Wix Drag and Drop Editor memberikan pilihan template yang bisa diatur sesuka hati.

Wix ADI:

  • Jawab pertanyaan mengenai website Anda terlebih dahulu.
  • Anda bisa langsung mengedit dengan memanfaatkan objek di sebelah kiri dan tinjauan website di sebelah kanan.
  • Setelah menyunting seluruh page, klik Publish di kanan atas untuk mempublikasikan website.
  • Selanjutnya, Anda diminta untuk menuliskan nama domain website tersebut. Bagi Anda yang seorang pemula dan ingin layanan gratis, Wix menyediakan subdomain berikut:
https://username.wixsite.com/sitename
  • Klik Publish and Continue.

Wix Drag and Drop Editor:

  • Klik Edit untuk melanjutkan mengedit template yang Anda inginkan. Layar interface penyuntingan akan muncul.
  • Anda bisa menyunting elemen apapun dengan mengklik bagian yang ingin diganti. Drag and drop elemen yang belum ada pada area penyuntingan.
  • Klik Publish apabila sudah selesai membuat tampilan website.

Cara buat website sangat beragam, mulai dari yang paling sederhana hingga rumit. Salah satu cara di atas bisa Anda coba karena tidak ada salahnya menggunakan sebuah media yang mampu menunjang keseluruhan dari website impian Anda. Pastikan isinya mampu menggaet target dan niche yang sudah ditentukan.

Fihit Li
Bagikan artikel ini jika bermanfaat

Tulis komentar...

Scroll to top