Tiga Cara Mudah Membuat Website Sendiri: Panduan Pemula Langkah demi Langkah

Membuat website sangat mudah di 2019.

Anda tidak harus menjadi ahli teknologi atau programmer.

Ikuti metode yang benar. Pilih platform yang tepat. Gunakan alat yang tepat. Anda akan berhasil, 100%!

Saya tidak tahu apa-apa tentang pengembangan web ketika saya pertama kali memulai bisnis online pada tahun 2004. Saya tidak menyewa pengembang web sampai sebelas tahun kemudian. Dan saya masih bertahan sampai saat ini.

Hari ini - kami memiliki alat pengembangan yang inovatif dan platform penerbitan web yang lebih baik.

Tiga Cara Mudah Bikin Website:

Tautan singkat:

1. Mulai dari nol
2. Menggunakan sistem manajemen konten (CMS)
3. Menggunakan pembuat situs web

Fleksibilitas akan lebih tinggi terkait desain dan fungsi website jika menggunakan metode #1, tetapi perlu pengetahuan yang baik tentang bahasa web.

Proses pembuatan dan pengelolaan website jauh lebih mudah dengan metode #2 dan #3. Anda harus memilih salah satu metode ini, dan semuanya tergantung pada kompetensi Anda.

Kita akan segera melihat lebih jauh bagaimana cara kerja ketiga metode ini.

Tetapi sebelum Anda memulai...

Sebelum memulai, kami memerlukan dua hal untuk website Anda: 1- Nama domain dan 2-Web hosting.

1- Daftarkan domain

Domain adalah nama website Anda. Nama harus unik dan bisa menyampaikan maksud dari merek bisnis Anda.

Cara termudah untuk mencari dan mendaftarkan domain adalah mengunjungi ke registrar domain.

Registrat domain memungkinkan Anda mendaftarkan nama domain baik melalui kontrak tahunan atau kontrak jangka panjang.

Berikut adalah beberapa registrat domain terkemuka yang dapat dipertimbangkan.

Baca juga - Nama domain untuk pemula.

2- Beli hosting web

Anda bisa melihat beberapa layanan hosting ramah pemula berikut.

Sampai saat ini kami telah mendaftar, menguji, dan mengulas lebih dari 60 perusahaan hosting. Lihat pilihan hosting 10 teratas or daftar lengkap ulasan hosting kami.

Baca juga - Berapa biaya untuk bikin sebuah website.

Pengungkapan FTC

WHSR menerima biaya rujukan dari beberapa perusahaan yang disebutkan dalam artikel ini. Butuh banyak usaha dan dana untuk membuat konten yang bermanfaat seperti ini - dukungan Anda sangat berarti.

Setelah Anda memiliki nama domain dan hosting web, saatnya untuk menyingsingkan lengan baju Anda dan mulai membuat website!

Metode #1: Membuat website dari awal

Anda dapat membuat situs web unik Anda sendiri jika Anda tahu bahasa web utama dan dasar-dasar dari situs web.

Jika tidak, disarankan agar Anda melewati ke metode #2/3; atau, minta bantuan pengembang web.

Alat/bahasa web dasar yang harus Anda ketahui:

• HTML (Hyper Text Markup Language)
  HTML adalah struktur dasar dari halaman web dan aplikasi web yang membuat konten semantik ke browser web. Terdiri dari tag sekuensial yang memiliki pembukaan dan penutupan, dan secara struktural kata kunci tertutup oleh Angle Brackets. Misal: <strong></strong>
• CSS (Cascading Style Sheets)
  CSS adalah bahasa gaya yang digunakan untuk menghias markup HTML dari suatu halaman web. Tanpa CSS, halaman web akan terlihat seperti halaman putih besar yang berisi teks dan gambar tidak beraturan. CSS adalah hal yang membuat kita bisa menciptakan halaman seperti yang kita inginkan.
• Bahasa Script
  HTML dan CSS bukan apa-apa tanpa script karena keduanya tidak interaktif. Untuk membuat halaman web dinamis yang akan merespons pengguna, Anda membutuhkan bahasa seperti JavaScript dan jQuery. Bahasa sisi server seperti PHP, Python, dan Ruby mungkin juga dibutuhkan seiring berjalannya waktu.
• Manajemen Database
  Untuk menyimpan, mengelola, dan mengakses data input pengguna dari sebuah situs web, sebuah tabel besar informasi disebut database. Sistem Manajemen Database seperti MySQL, MongoDB, dan PostgreSQL digunakan di sisi server untuk melakukan pekerjaan ini secara efisien.
• FTP (File Transfer Protocol)
  FTP digunakan untuk mentransfer file sumber situs web ke server yang di-host dengan lebih mudah. Ada klien FTP berbasis web serta berbasis perangkat lunak komputer yang dapat digunakan untuk mengunggah file seseorang ke komputer server.

Proses pembuatan website langkah demi langkah menggunakan IDE

Berikut adalah ringkasan proses bagaimana Anda dapat membuat situs web pertama, dengan asumsi bahwa Anda mengetahui bahasa web dasar dan dasar-dasar situs web yang disebutkan di atas.

Langkah 1: Siapkan lingkungan kerja lokal

Untuk membuat dan mengatur file sumber situs web, lingkungan kerja lokal yang baik itu penting. Anda dapat membuat lingkungan pengembangan web pada perangkat komputer Anda dengan menginstal IDE (Integrated Development Environment). Sebuah IDE pada dasarnya terdiri dari Editor Teks, Otomasi Pembangun, dan Debugger.

Sublime Text & Atom adalah beberapa IDE dasar untuk pengembangan web yang mendukung HTML, CSS, JS, PHP, Python, dan bahasa web yang serupa.

Di sisi lain, ada IDE yang diperpanjang seperti Adobe Dreamweaver yang menawarkan beberapa fitur lainnya (Misal: Konektivitas Server, FTP).

Langkah 2: Rencanakan dan Desain Website Anda Menggunakan Adobe Photoshop

Perencanaan struktur situs web dan sistem navigasi sangat penting. Pertama, Anda harus memahami bagaimana Anda ingin menyampaikan konten Anda. Rencanakan berapa banyak menu navigasi, berapa banyak kolom atau bidang konten, berapa banyak gambar yang ingin Anda sertakan dan tempatnya di mana.

Praktik terbaik adalah membuka Adobe Photoshop dan membuat sketsa kasar dari halaman web Anda. Anda mungkin perlu membuat sketsa yang berbeda untuk halaman yang berbeda, misalnya halaman beranda, halaman tentang, halaman kontak, halaman layanan, dll.

Langkah 3: Kodifikasi Desain Menggunakan HTML dan CSS

Setelah Anda selesai membuat desain kasar untuk halaman web Anda di Adobe Photoshop, Anda dapat mulai menulis kode sumber.

Ini bagian yang paling mudah. Buat markup HTML untuk elemen web yang ingin Anda sertakan dan gunakan CSS untuk menghiasnya sesuai dengan desain yang Anda buat.

Langkah 4: Jadikan Dinamis Menggunakan JavaScript dan jQuery

Hanya situs web berbasis HTML dan CSS yang tidak ada di zaman modern karena interaksi pengguna akhir tidak dapat dikontrol melalui HTML atau CSS.

Anda dapat menggunakan bahasa script seperti JavaScript dan mungkin pustaka yang ditingkatkan, jQuery untuk mengontrol aktivitas pengguna untuk formulir, masuk, slider, menu, atau apa pun Anda butuhkan.

Langkah 5: Unggah File Lokal ke Server menggunakan Klien FTP

Langkah terakhir adalah mengunggah semua file sumber Anda ke server web. Cara terbaik dan termudah untuk mengatasinya adalah melalui klien FTP.

Pertama, unduh klien FTP di perangkat komputer Anda dan hubungkan ke server web Anda menggunakan akun FTP. Setelah berhasil menghubungkannya ke akun FTP, salin semua file lokal Anda ke root direktori web Anda. Beberapa klien FTP yang bagus adalah FileZilla, WinSCP & Cyberduck.

Metode #2: Membuat website dengan CMS

CMS atau Sistem Manajemen Konten dibangun secara taktis sehingga cocok untuk pemula yang baru bekerja sampai pengembang web berpengalaman.

Ini adalah aplikasi perangkat lunak yang memudahkan untuk membuat dan mengelola konten online. Sebagian besar open-source dan bisa digunakan secara gratis.

Akan lebih menguntungkan apabila Anda mengetahui dasar-dasar HTML, CSS, atau PHP. Bukan masalah besar jika Anda tidak tahu karena platform ini sangat intuitif. Berikut adalah tiga pilihan platform CMS gratis yang dapat Anda pilih sesuai kebutuhan Anda.

Perbandingan singkat

Baca juga - Perbandingan CMS teratas (2018) - WordPress vs Joomla vs Drupal

WordPress

WordPress, menurut berbagai statistik, digunakan dalam jumlah maksimum blog dan situs web kecil hingga menengah. Namun demikian, banyak situs web besar yang hebat lebih menyukai WordPress karena kesederhanaannya. WYSIWYG Editor adalah satu-satunya hal yang perlu Anda pelajari untuk menghasilkan konten pertama Anda.

Platform ini bersifat institusional untuk pemula serta sangat dikembangkan oleh berbagai kelas pengembang web. Banyak plugin dan tema gratis di repositori. Untuk menjadi pilihan CMS #1, banyak sumber daya pihak ketiga tersedia di sini.

Pelajari lebih lanjut

• Kita berbicara tentang membuat blog dari nol menggunakan WordPress dalam panduan ini.
• Anda dapat mencoba CMS ini gratis di WordPress.com, atau unduh CMS dari WordPress.org.
• Lihat daftar 30 situs web mengagumkan yang diberdayakan oleh WordPress.
• Bagi mereka yang siap untuk terjun, inilah perusahaan hosting WordPress teratas yang kami sarankan.
• Situs dibuat menggunakan WordPress: Forbes, Tech Crunch, Sony

Joomla

Joomla dalam banyak aspek mirip dengan WordPress. Mudah digunakan, mudah di-instal, dan dapat dengan mudah diperluas hanya dengan bantuan modul - setara dengan plugin WordPress. Akibatnya, ini adalah opsi terbaik kedua untuk pemula.

Namun, pemula mungkin lebih kesusahan untuk mempelajari Joomla karena banyaknya opsi yang tersedia. Selain menu kiri, ada juga menu di bilah bagian atas tepat di atas logo "Panel Kontrol". Untuk menghindari kebingungan, ingat bahwa beberapa item dari menu bilah kiri dan atas itu serupa, termasuk "Konten," "Pengguna," dan "Ekstensi."

Sama seperti WordPress, Joomla memiliki beberapa gaya dan template yang dapat memberikan tampilan unik pada situs Anda. Tetapi dari ketiga sistem manajemen konten, Joomla menawarkan solusi termudah saat membuat jaringan sosial. Dengan platform seperti EasySocial dan JomSocial, Anda hanya perlu beberapa menit untuk membuat situs web jejaring sosial Anda sendiri.

Info lebih lanjut

• Unduh dan coba Joomla gratis di sini.
• Situs dibuat menggunakan Joomla: Lipton, Linux, Harvard University

Drupal

Pengembang web berpengalaman membuktikan bahwa Drupal adalah CMS yang paling canggih.

Namun, CMS ini juga yang paling sulit digunakan. Karena fleksibilitasnya, Drupal adalah CMS kedua paling banyak yang digunakan di dunia, tetapi ini bukan CMS favorit di kalangan pemula. Agar berhasil membangun situs web "lengkap" menggunakan Drupal, Anda perlu mengotori tangan dan mempelajari dasar-dasar koding. Mengetahui seluk-beluk CMS juga hal menantang untuk pemula.

Info lebih lanjut

• Unduh dan coba Drupal secara gratis di sini.
• Situs yang dibuat menggunakan Drupal: Tesla, Warner Bros Arsip, University of Oxford

Proses pembuatan website langkah demi langkah menggunakan WordPress

Untuk metode ini, kami akan menggunakan WordPress sebagai contoh kami. Sekarang Anda seharusnya sudah punya akun hosting web dan nama domain terdaftar.

Langkah 1: Temukan penginstal WordPress di panel hosting web Anda

Layanan web hosting biasanya memiliki penginstal cepat untuk menginstal WordPress dan platform umum lainnya.

Jadi, masuklah ke akun hosting web Anda dan cari tahu penginstal mana yang Anda miliki. Nama-nama populer yang harus Anda cari adalah Softaculous, QuickInstall, atau Fantastico.

Beberapa penyedia hosting (misalnya: SiteGround) menggunakan penginstal terintegrasi di dashboard pengguna (layar yang Anda lihat tepat setelah login ke cPanel). Dalam hal itu, coba cari judul yang mencakup 'WordPress'.

Langkah 2: Instal WordPress melalui penginstal

Softaculous adalah penginstal otomatis yang paling populer dan ini ditampilkan di cPanel. Saya akan memandu Anda melalui penginstalan melalui Softculous. Penginstal lainnya hampir sama.

Inilah bagian yang penting.

Konfigurasikan opsi sebagai berikut, biarkan kolom lainnya ke konfigurasi default (selesaikan nanti) dan klik instal.

• Protokol: Anda harus memutuskan apakah Anda ingin menginstal URL versi http:// atau http://www.. Apa pun yang Anda pilih, perbedaannya tidak akan terlalu jauh. Dari sudut pandang teknis, http://www. lebih baik dalam hal fleksibilitas dan manajemen cookie. Perhatikan bahwa jika Anda memiliki sertifikat SSL yang valid dan ingin menginstal WordPress, cukup pilih https, bukan http.
• Domain: Pilih domain tempat Anda ingin menginstal situs web.
• Direktori: Tentukan di mana Anda ingin menginstal situs WordPress. Jika Anda ingin menginstalnya di URL root Anda (mis: http://www.yourwebsite.com/), biarkan kosong. Jika Anda menginginkannya pada sub-URL (mis: http://www.situswebanda.com/blogsaya/), tentukan direktori di bidang.
• Akun Admin: Setel nama pengguna, kata sandi, dan email yang akan Anda gunakan untuk masuk ke situs WordPress Anda.

Jika Anda langkah terakhir telah berhasil, selamat. Situs web Anda sudah aktif!

Sekarang masuk ke situs WordPress Anda. Halaman login situs Anda akan terlihat seperti wp-login.php mengikuti URL situs web yang Anda tetapkan.

Langkah 3: Instal tema dan beberapa plugin penting

Selanjutnya, Anda harus menginstal tema dan plugin yang harus diperlukan. Lihatlah bilah sisi kiri Dasbor WordPress Anda.

Ada banyak sekali tema siap pakai gratis yang tersedia di direktori WordPress.

Untuk menelusuri tema gratis ini, buka 'Tampilan> Tema> Tambahkan Baru', cari tema yang memenuhi persyaratan Anda dan klik tombol instal.

Anda juga dapat menginstal tema pihak ketiga dari bagian 'Unggah Tema'. Untuk tema WordPress berbayar yang dirancang secara profesional, saya sarankan Elegant Themes (karena kodenya efisien dan desain tampilannya yang indah).

Untuk plugin, telusuri 'Plugin > Tambahkan Baru'.

Cari dan instal plugin yang hanya Anda butuhkan. Plugin^rd pihak ketiga juga dapat di-instal dari bagian 'Unggah Plugin'.

Di sini saya ingin menyarankan beberapa plugin gratis yang penting. Cari berdasarkan nama di direktori plugin WordPress untuk menemukannya. Perhatikan bahwa Anda cukup menginstal satu plugin dari setiap kategori.

• Untuk SEO: Yoast SEO, All in One SEO Pack
• Untuk Keamanan: iThemes Security, Wordfence Security
• Untuk Statistik Situs: Jetpack oleh WordPress.com, Google Analytics untuk WordPress oleh Monster Insights
• Untuk Pembuatan Formulir: Contact Form 7
• Untuk Performa: W3 Total Cache, WP Super Cache

Baca juga - 9 Plugin WordPress Penting untuk Situs WP baru

Langkah 4: Anda siap!

Situs Anda harus aktif dan berjalan dengan langkah terakhir. Tetapi ada beberapa hal lagi yang harus diselesaikan.

• Di bawah 'Pengaturan> Umum': Atur judul situs dan slogan Anda.
• Di bawah 'Pengaturan> Membaca': Apa yang akan ditampilkan halaman berada Anda dan berapa banyak postingan blog yang ingin Anda tampilkan dalam satu halaman.
• Di bawah 'Pengaturan> Permalink': Tetapkan apa yang akan menjadi struktur URL dari posting blog Anda.

Metode #3: Membuat website dengan pembuat situs

Pembuat situs telah membuatnya proses membuat situs web menjadi mudah dan instan. Tanpa pengetahuan bahasa web, seseorang dapat menciptakan situs web berfitur lengkap dalam hitungan menit. Mereka menawarkan pembuat situs berfitur Drag & Drop yang tidak membutuhkan pengetahuan koding.

Ada banyak pembuat situs yang tersebar di internet - Disha membahas 26 pembuat situs gratis di postingan ini; tetapi tidak semuanya bisa memenuhi kebutuhan.

Tiga pembuat situs berikut adalah pembuat situs web yang paling banyak dibicarakan dan potensial yang dapat Anda gunakan.

Wix

Wix adalah salah satu pembuat situs termudah di pasaran yang menampilkan 500 + template yang sepenuhnya dapat disesuaikan, yang diurutkan dalam berbagai kategori. Jadi Anda pasti akan menemukan satu yang cocok untuk Anda.

Mereka menawarkan editor situs web Drag & Drop fleksibel yang selalu terlihat di atas konten. Anda dapat menyeret satu item dari daftar dan meletakkannya di mana saja di situs web untuk ditambahkan. Setiap item yang terlihat di dalamnya dapat dipindahkan atau diedit.

Satu-satunya kekurangannya adalah ada iklan di situs pada paket gratis Wix. Anda dapat menghilangkannya dengan meng-upgrade ke paket Combo, yang biayannya minimum $ 12 /bulan.

Baca juga - Ulasan Wix kami yang mendalam.

Weebly

Weebly lebih mudah dalam banyak hal seperti navigasi, elemen-elemen ramah pengguna. Terdapat ratusan template yang dapat dipilih, tetapi opsi personalisasi bisa dibilang terbatas.

Tata letak halaman yang didesain sebelumnya cukup banyak (misalnya: halaman tentang, halaman harga, halaman kontak) yang dapat digunakan dan dimodifikasi.

Pembuat Drag & Drop lebih mudah digunakan, tetapi terkadang terbatas pada area yang ditentukan untuk kustomisasi. Ketersediaan ekstensi dan aplikasi pihak ketiga juga terbatas.

Baca juga - Ulasan Weebly kami yang mendalam.

Proses pembuatan situs web langkah demi langkah menggunakan Wix

Langkah 1: Daftar ke Wix

Buat akun di Wix.com.

Ada 5 paket premium dan 1 paket gratis (harga berkisar dari $ 0 - $ 24.50 /bulan). Anda akan melihat opsi upgrade setelah berhasil membuat situs.

Lihat paket dan harga Wix di sini.

Saya merekomendasikan paket berbayar biasa Wix - Combo. Paket Combo Wix ($ 8.50 /bulan) memberikan nama domain gratis, sumber daya CPU yang lebih banyak, dan tidak ada iklan Wix.

Langkah 2: Pilih template

Wix akan menanyakan bagaimana Anda ingin membuat situs web. Cara tercepat yang mereka sarankan adalah Wix ADI (Artificial Design Intelligence) yang pada akhirnya tidak membuahkan hasil.

Jadi saya akan memandu Anda melalui sedikit lebih lama tetapi cara yang lebih baik, yakni dengan pembuat situs web!

Anda akan melihat bahwa ada template yang dikategorikan di bawah label yang berbeda. Jelajahi kategori dan pilih yang sesuai untuk Anda.

Setelah menemukan tema Wix yang Anda sukai, klik 'edit' untuk melanjutkan.

Langkah 3: Desain situs web Anda menggunakan Wix Website Builder

Setelah beberapa saat, pembuat situs web intuitif akan muncul.

Merancang situs web itu sederhana. Anda akan melihat berbagai alat di sisi kiri dan kanan layar Anda. Selain itu, klik di mana saja di situs web untuk mengedit blok atau memindahkannya ke tempat lain.

Langkah 4: Terbitkan situs web

Saat Anda menekan tombol terbitkan, Anda akan ditanya apakah Anda menginginkan subdomain gratis atau domain berfitur lengkap. Semuanya terserah Anda.

Beberapa perubahan disarankan.

Buka 'Dasbor Wix Anda> Kelola & Edit Situs' dan konfigurasikan SEO, Favicon, Sosial, dan Peningkatan sesuai kebutuhan.

Dan setelah Anda selesai dengan pengaturan dasar ini - website Anda sudah siap.

Diterjemahkan oleh Muhammad Ruby Ernawa.