Cara Membuat Website Untuk Pemula

Artikel ini merupakan update dari artikel yang sebelumnya pernah dibahas berjudul Cara Membuat Website , Jalan Terbaik Untuk Pemula. Artikel ini kembali ditulis untuk menjawab pertanyaan-pertanyaan para pemula yang baru akan menginjakkan kakinya ke dalam dunia web development, atau pemilik bisnis yg ingin memiliki website dan ingin belajar segera bagaimana cara membuat website company profile hingga ecommerce, atau para calon praktisi IT yang akan serius ke dalam web development yang mana teknologinya terus berkembang, dan orang-orang dari berbagai kalangan yang inginbelajar cara membuat website sendiri untuk berbagai keperluan.

Lalu bagaimana sih “cara membuat website” itu ? ini sebetulnya pertanyaan yang sangat global. Karena banyak tahapan yang harus dilalui, sehingga hasilnya merupakan satu kesatuan dari pekerjaan-pekerjaan yang telah diselesaikan sebelumnya.

Tutorial : “Jurus Terlarang Web Bot Development”
Studi kasus membuat 5 jenis Web Bot. 1. Bot kirim pesan masal dan autoposting di Instagram, 2. bot pencari pasukan reseller di Tokopedia, 3. pencari buyer di Bukalapak, 4. Mengumpulkan No HP di OLX, 5. Bot Kirim Pesan Masal Whatsapp . Lengkapnya kunjungi store.ilmuwebsite.com)

Banyak cara dan banyak tahapan yang dilakukan untuk membuat website. Tapi paling tidak kita harus menyamakan persepsi terlebih dahulu bahwa website adalah kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink), dan tentunya sudah online dan bisa diakses dari berbagai belahan dunia manapun.

Oke, lalu bagaimana caranya membuat website ? Sebelum menukik ke pembahasan secara teknis ada beberapa yang harus Anda ketahui terlebih dahulu terutama mengenai jenis website. Yang pertama adalah website statis, dan yang kedua adalah website dinamis.

Website Statis
Website jenis ini tidak lama ada setelah awal ditemukannya internet, karena teknologi per-website-an pun di awali oleh adanya website statis ini.

Saat ini masih banyak perusahaan yang menggunakan website jenis ini sebagai company profile berbentuk online. Di mana perusahaan tersebut tidak membutuhkan adanya update daily, atau update weekly berbentuk artikel atau pun berita. Jadi hanya sebagai kartu nama, atau company profile saja.

Yang paling menonjol dari website statis adalah untuk mengubah isi dari suatu website Anda harus membuka filenya lalu mengetikkan kode-kode HTML kemudian menyimpannya kembali ke dalam file berekstensi *.html. Sehingga dalam website statis ini Anda harus tahu betul bahasa pemrogaman HTML & CSS serta Javascript.

Cara membuat website seperti ini sangat merepotkan sekali. Namun karena statis tidak membutuhkan database berpengaruh kepada kecepatan aksesnya. Pada umumnya website statis cenderung jauh sangat cepat diakses ketimbang website dinamis.

Website Dinamis
Website dinamis sampai kapanpun akan tetap menjadi hal yang menarik dalam dunia web development, karena selalu berkembang teknologinya. Dan website dinamis ini indentik dengan adanya database, meskipun sebetulnya engine yang digunakan dalam membuat website dinamis sudah banyak yang tidak menggunakan database, istilah kerennya flat file.

OKe balik lagi ke database, biasanya website yang dilengkapi oleh database ini bisa dimanfaatkan untuk berbagai hal, misalnya menampung informasi bermanfaat, seperti artikel, berita, ataupun info yang krusial mengenai detail data user/member dari website tersebut, dan lain sebagainya.

Contoh website dinamis adalah , facebook dan google pun merupakan contoh website dinamis, atau layanan membuat website gratis pun menggunakan jenis website ini.

Website dinamis merupakan perpaduan Antara bahasa yang digunakan oleh website statis, yakni HTML & CSS beserta javascript dengan bahasa yang mampu menangani proses di server termasuk di dalamnya pengelolaan database yang tentunya juga berjalan pada sisi server, lebih di kenal dengan server side language.

Apa saja yang termasuk server side language? PHP dengan MySQL sebagai databasenya, ASP.net dengan MySQL Server sebagai databasenya, java servlet page dengan oracle sebagai databasenya, kemudian hadir kembali teknologi baru web development NodeJS dengan databasenya MONGODB, atau lebih dikenal dengan istilah MEAN Stack.

Dalam web dinamis untuk mengupdate konten, mengubah isi suatu website, Anda tidak perlu lagi membuka file kemudian merubah isi filenya, biasanya Anda cukup saja login sebagai admin , lalu silahkan update dalam fasilitas admin. Simple dan cepat. Namun pengorbanannya adalah untuk membuat website seperti ini memang diperlukan waktu yang lama jika melakukan koding dari awal, sekitar 3 minggu – 2 bulan. Bergantung kerumitan fitur websitenya.

Dalam melakukan koding ini ada beberapa bahasa pemrogaman yang harus Anda kuasai terlebih dahulu sebelum membuat website. Koding itu istilah lain yang biasa digunakan para programmer ketika melakukan pekerjaannya. Anda mungkin terbiasa dengan istilah “memprogram”.

Bagi Anda yang ingin membuat website dinamis namun tidak ingin berkutat seputar koding mengkoding ada dua cara, bukan opsional melainkan harus dipilih salah satu.

Opsi yang pertama Anda bisa menggunakan script/engine/cms, sedangkan opsi yang kedua Anda tidak usah pusing-pusing menggunakan script/engine/cms atau koding dari nol, cukup gunakan saja layanan web builder semacam blogger.com, wordpress.com, wix.com, yola.com kalo dari Indonesia ada kaffah.biz dan lain-lain tidak saya sebutkan karena bukan saya yang develop. :D. Oke ya?

Intinya dalam pembuatan website bisa di kelompokkan menjadi 3 cara, diantaranya :

1. Membuat Website Koding dari NOL
2. Membuat Website Menggunakan CMS
3. Membuat Website Menggunakan Web Builder

Kita akan bahas secara terperinci …

1. Membuat Website Koding Dari Nol
Membuat website jenis pertama ini, bisa dibilang diperuntukkan untuk orang-orang yang diharuskan memiliki dan juga meluangkan banyak waktu untuk serius mendalami dunia web development. Karena penderitaan tidak akan pernah berakhir hingga Anda sampai di penghujung proses pembelajaran, meski sebetulnya tidak bisa disebut akhir pembelajaran, karena nantinya akan ada teknologi-teknologi baru web development yang harus terus Anda ikuti perkembangannya dan tentunya harus Anda pelajari juga.

Contoh orang yang menderita namun bahagia adalah penulis sendiri, karena sudah hampir 12 tahun lebih terhitung semenjak SMA kelas 1 (kelas 10) menggeluti dunia web development.

Mengapa menderita? Karena penulis perlu bangun lebih awal ketika masih sekolah dahulu, dan tidur lebih larut demi menggapai cita-cita, menyelesaikan pembelajaran sebagai seorang web developer. Namun semuanya akan terbayarkan jika Anda sudah menguasai, dan dipastikan bisa mengikuti perkembangan teknologi website berikutnya.

Membuat website dengan melakukan koding dari nol pun ada tahapannya, tapi paling tidak yang perlu Anda tanam dalam diri Anda saat ini juga adalah “kenali dan cintai kode” terlebih dahulu, yang pada akhirnya mengalir menjadi “menyatu dengan alam kode”.

Tahapan-tahapannya sudah disediakan di ilmuwebsite.com untuk Anda pelajari. Berupa ebook, artikel maupun ezine. Tinggal bagaimana Anda mempelajari mempraktekan, dan mengaplikasikannya.

Berikut adalah tahapan yang paling baik, selama 12 tahun penulis menggeluti dunia web development :

Tahapan Pertama, yang perlu Anda ketahui di awal membuat website menggunakan cara pertama ini adalah bagaimana membuat halaman website sederhana menggunakan HTML, yang di dalamnya ada link yang berhubungan antara satu halaman dengan halaman lain, kemudian di dalamnya juga ada gambar/image/photo bahkan video hingga musik.

Setelah itu Anda juga diharuskan mempelajari CSS, yang mana CSS inilah yang akan membangun layout website Anda, hingga membuatnya menjadi lebih nyaman dipandang.

Kedua bahasa yang disebutkan tadi yakni HTML & CSS, bisa Anda pelajari dalam ebook yang sudah kami buat, dan kami sediakan secara gratis untuk Anda download. Yakni Ebook HTML CSS Fundamental dari akar menuju daun. Yang mana link downloadnya bisa Anda dapatkan di /koleksi-ebook-video-tutorial-ilmuwebsite-webdev-internet-marketing-free

Dalam ebook ini Anda akan di ajarkan mulai dari awal sekali, hingga membuat tampilan website yang cantik, bergantung kreatifitas Anda, tapi ingat semakin banyak anda membaca, semakin banyak referensi, semakin banyak Anda bisa, semakin Anda cerdas, semakin meningkat level Anda sebagai web developer, yang pada akhirnya berdampak kepada semakin banyak pendapatan yang bisa Anda dapatkan :D, saya serius, dua rius.

Untuk pendalaman materi, Ilmuwebsite pun menyediakan berbagai tutorial yang lebih advanced, untuk Anda hisap nutrisinya (pelajarannya).

Tahapan Kedua, setelah Anda menamatkan cara membuat website menggunakan HTML & CSS, selanjutnya Anda masuk ke jenjang yang lebih tinggi, yakni mempelajari Javascript maupun librarynya JQuery. Javascript ini bisa membuat tampilan website Anda jadi jauh lebih interaktif. Lebih hidup. Anda bisa menambahkan slide content, tombol yang berubah-ubah, animasi-animasi pada komponen htmlnya, dan banyak lagi.

Sebelum mempelajari JQuery alangkah baiknya Anda menghatamkan Javascript terlebih dahulu ya. Dan dalam mempelajari javascript ini diperlukan banyak sekali pemahaman mengenai logika dan algoritma komputer. Yang mana dasar-dasarnya bisa Anda pelajari di /search/label/Algoritma Mempelajari juga butuh banyak waktu luang yang harus Anda sediakan. Karena di tahap inilah kerumitan mulai terasa. Tapi nanti diakhir perjalanan semuanya akan terbayarkan. Yakinlah.

Tahapan Ketiga, pada tahapan inilah diperlukan tingkat keseriusan yang lebih, tahapan yang kebanyakan orang lelah, namun banyak juga yang sudah melewatinya, dan tentunya bahagia pada akhirnya. Mempelajari bahasa pemrogaman server side. Yang bisa menjadikan Anda seorang web developer handal, yang betul-betul serius.

Untuk bahasa pemrogaman server side yang bisa Anda pelajari adalah PHP dan MySQL.PHP adalah bahasa pemrogaman yang harus Anda kuasai betul, dan MySQL adalah databasenya, yang mana kedua materinya bisa Anda dapatkan secara lengkap pembelajarannya melalui link /koleksi-ebook-video-tutorial-ilmuwebsite-webdev-internet-marketing-free. Anda bisa mendownload juga ebooknya. Secara gratis.

Tahapan Keempat, setelah melewati fase ketiga, saatnya Anda naik lagi ke tahapan selanjutnya, tahapan ini jauh lebih serius dari tahapan sebelumnya. Karena Tahapan keempat ini erat kaitannya dengan efisiensi dalam proses bekerja membuat website.

Tidak hanya membuat website, namun juga aplikasi berbasis website. Ditahapan ini Anda akan belajar lebih lanjut mengenai server side programming, jika sebelumnya Anda mempelajari PHP MYSQL, maka framework php lah yang selanjutnya Anda dalami.

Framework yang cukup terkenal saat ini adalah Laravel, Codeigniter, Yii2, dan banyak lagi.

Untuk memulainya Anda bisa melihat video tutorial MVC menggunakan Codeigniter di sini /belajar-codeigniter-bagian-1-mvc-pada-codeigniter.

Perlu diketahui bahwa framework atau design pattern pada php tidak hanya MVC, sangat luas sekali, tapi paling tidak kuasai MVC terlebih dahulu. Setelah itu silahkan explorasi lebih jauh design pattern lainnya, ada Factory, Singleton, Strategy, Front Controller, dan yang terpopuler saat ini adalah Model View Controller atau dikenal dengan MVC.

Tahapan Kelima, menggunakan kemampuan Anda dengan menggabungkan semuanya, yang pada akhirnya Anda akan bertemu dengan teknologi ajax, xml, web service, pemrogaman web untuk mobile dan lain-lain sebagainya, itu semua sudah bisa Anda lakukan dengan basic yang kuat, jika tahapan pertama sampai tahapan ketiga sudah Anda tamatkan, jangan lupa untuk berlatih terus menerus, berulang-ulang. Cara membuat website / web development tidak Instant. Butuh pengorbanan waktu dan tenaga.

Kedepannya Anda perlu mempelajari teknologi-teknologi terbaru turunan dari teknologi sebelumnya. Sudah tentu harus mempelajari HTML 5, dan turunan CSS, ada SASS, LESS, dan lain sebagainya. Silahkan juga mempelajari Javascript ES6.

Dalam membuat layout website pun kini sudah tersedia banyak framework yang memudahkan. Seperti bootstrap, foundation zurb, dan lain sebagainya. Tapi saran penulis silahkan pelajari saja bootstrap, karena semakin berkembang terus. Anda bisa mengawalinya dengan membaca artikel mengenai bootstrap di sini /belajar-bootstrap-dasar-bag-1-membuat-layout-web-jadi-lebih-efisien

Javascript pun yang tadinya hanya client side kini sudah bertransformasi menjadi server side, dan menjadi alternatif server side populer pendahulunya PHP MySQL, siapa dia ? Betul, NodeJS dengan databasenya yakni MongoDB.
NodeJS pun ada turunan frameworknya ExpressJS bisa Anda cek disini untuk lebih jelasnya /2014/10/nodejs-mongodb-masa-depan-dunia-web.html.

Tapi perlu diperhatikan saat ini PHP MYSQL tetap menjadi penguasa jagad maya, backend dari website-website di dunia saat ini masih didominasi oleh PHP MYSQL, meski sudah mulai banyak yang beralih ke NodeJS, tapi toh tidak ada salahnya mempelajari PHP MySQL karena pasar pun masih banyak membutuhkan, toh konsumen tidak memperhatikan backendnya. Namun keutuhan website atau aplikasinya. Tapi beda halnya jika sudah berbicara mengenai startup (lebih jelas kunjungi /2014/09/apa-itu-startup-bisnis-digital-apa.html).

Dan sudah jadi kewajiban Anda mempelajari teknologi penunjang web development lainnya seperti Github. Untuk yang spesifik lagi misalnya dalam Frontend Development Anda bisa menggunakan AngularJS atau ReactJS, yang mana mampu menghemat resource server.

Banyak yang tidak bisa disebutkan saking luasnya teknologi web development, paling tidak silahkan Anda lalui tahapan 1,2,3,4 setelah itu ditahapan ke 5 Anda bisa lebih ekstra lagi belajarnya.

2. Membuat Website Menggunakan CMS
Karena kebutuhan akan adanya website semakin tinggi demandnya di dunia, berbagai kalangan dari berbagai bidang membutuhkan website sebagai jembatan antara personal/perusahaan kepada publik maka banyak vendor web developer melihat sebagai problem yang harus diselesaikan, ada juga yang melihat sebagai sebuah peluang.

Maka dibuatlah atau lebih tepatnya ditemukan teknologi-teknologi yang memudahkan orang dalam melakukan pembuatan website. Content management system misalnya.

CMS, memudahkan orang dalam membuat website, tidak diperlukan skill koding. Meskipun sebetulnya pada pengembangannya nanti diperlukan juga sedikit pengetahuan akan html dan css.

Sehingga sudah jelas bahwa HTML dan CSS seharusnya menjadi bahasa yang wajib dimengerti semua orang yang sehari-hari berselancar di dunia maya. Baik untuk bekerja maupun sekedar mencari informasi maupun hiburan.

Oke balik lagi ke CMS. Anda yang tidak ingin berkutat lebih banyak di dunia koding, bisa menggunakan CMS dalam membuat website. Ada beberapa CMS yang populer digunakan di dunia. Ada wordpress, kemudian joomla, drupall. Sebetulnya masih banyak yang lainnya, Anda bisa mencoba cms-cms tersebut di opensourcecms.com.

Selain CMS yang menggunakan database Anda juga bisa menggunakan CMS yang tanpa database, tentunya jauh lebih cepat ketimbang yang menggunakan database. Sebutan cms tanpa database ini adalah flat file cms, contoh cmsnya Grav.

Anda yang ingin belajar wordpress, CMS yang merajai dunia per-website-an saat ini kami sudah menyiapkan materi yang bisa Anda pelajari. Di sini /belajar-wordpress-untuk-pemula

Anda tidak perlu memiliki kemampuan koding, namun nantinya Anda juga akan mempelajari lebih dalam mengenai domain dan hosting, dan tentunya juga harus mempelajari Cpanel dan Domain Manager.

Sehingga jelas yang perlu Anda lakukan adalah :

1. Pelajari CMS-nya,
2. Pelajari juga pengetahuan seputar domain hosting
3. Pelajari Cpanel dan Domain Manager (termasuk didalamnya upload, backup, restore)

Tapi penderitaannya tidak separah Anda membuat website menggunakan cara pertama yakni koding dari nol.

3. Membuat Website Menggunakan Web Builder
Cara membuat website yang ketiga ini memang diperuntukkan kepada orang yang memiliki waktu sangat sedikit, tidak memiliki waktu untuk mempelajari cara membuat website menggunakan CMS, apalagi ngoprek membuat website dengan cara koding dari nol. Website builder yang bisa digunakan antara lain ada blogger.com, wordpress.com, kemudian ada yola.com, wix.com, silahkan sebutkan yang lainnya, saya sendiri telah membuat sebuah web builder yang sudah lumayan banyak penggunanya yakni kaffah.biz.

Membuat website menggunakan web builder betul-betul menghidari sekali kemampuan koding-mengkoding, Anda cukup melakukan klak klik atau drag drop, bim salabim dalam hitungan menit sudah jadi website, tentunya belum termasuk konten di dalamnya. Cocok sekali untuk Anda yang tidak ingin direpotkan hal-hal seperti menyediakan domain dan hosting, mempelajari cms, apalagi koding-mengkoding.

Oke, Anda yang pemula bisa memilih salah satu dari ketiganya, atau menggabungkan antara nomor 1, dengan nomor 2, atau nomor 1 dengan nomor 3. Itu pilihan Anda.

Ya sekian pembahasan mengenai cara membuat website untuk pemula, semoga dari sini Anda benar-benar memiliki peta yang jelas, untuk masuk ke dalam tahapan selanjutnya yang bisa Anda lakukan berkaitan dengan langkah apa yang diambil dalam membuat website.

Terima kasih, salam.

Ilmuwebsite.com