Cara membuat website untuk pemula
Halo sobat bloger, di postingan pertama di blog ini saya ingin menulis pengalaman belajar
pemogramman
webs. Langsung saja ke pembahasan.
Untuk membuat sebuah website itu
banyak cara seperti kita memanfaatkan
CMS (content
management system) instan seperti wordpress, blogspot, dll. Disini saya akan mencoba
menulis tentang pembuatan aplikasi berbasis website dari nol, yang dimaksud
dari nol kita akan membuat applikasi website tanpa menggunakan CMS instan
seperti yang sudah tertulis diatas. dan kita mulai materi dengan bagaimana
pengunaan tools, bahasa apa saja yang bisa membuat sebuah aplikasi website,
bahkan kalau sempat saya akan menulis tentang bagaimana membuat CMS sederhana.
1. Pengunaan
tools
Disini saya terbiasa menggunakan
tools untuk pembuatan website menggunakan SDK (software development kits)
Netbeans IDE untuk pengkodean atau istilah kerennya codingnya di Netbeans IDE
dan untuk penyimpanan database
menggunakan XAMPP, kalau sobat pengen lebih tahu penjelesan lebihnya masuk sini
aja Netbeans IDE dan XAMPP. Mungkin
sebagian sobat ada yang bertanya apakah ada tools lain untuk membuat sebuah
website ?. Oke saya akan jawab sejelas dan sesingkat mungkin.
Sebernarnya banyak tapi yang
saya pernah coba selain menggunakan Netbeans adalah Dreamweaver, sublime, dan
eclips untuk codingnya. dan untuk Local
server untuk menyimpan databasenya selain XAMPP adalah LAMPP. Bahasa untuk
coding database yang saya pernah gunakan adalah Mysql dan Postgre untuk
pembuatan database websitenya.
2. Install
Tools
Disini saya akan menjelaskan
bagaimana install Netbeans IDE dan Xampp di windows. Oke
langsung saja ke langkah install Netbeans IDE :
·
Download Install Netbeans IDE yang saya gunakan
adalah Netbeans 8.0 disini : Dowload Netbeans IDE.
·
Setelah beres download JDK dan Netbeans IDE.
Install JDK nya terlebih dahulu terus baru install Netbeans IDE nya. Kalau
sobat kurang paham bisa ikuti steps ini untuk : Install JDK, install Netbeans.
Untuk
Install XAMPP di windows :
·
Setelah beres download XAMPP. Install XAMPP nya.
Kalau sobar kurang paham bisa ikuti steps ini : Install XAMPP di window.
3. Bahasa
Website
·
HTML
adalah sebuah Bahasa markup untuk mendeskripsikan halaman web
·
CSS singakatan dari cascanding style sheet yang
berguna mendefinisikan tampilan (style)
bagaimana untuk menampilkan element-element HTML.
·
SQL adalah Bahasa standart untuk mengakses dan
memanipulasi database.
·
PHP adalah sebuah Bahasa scripting server, dan alat
yang ampuh untuk membuat halaman web yang dinamis dan interaktif.
·
Javascript ada Bahasa programming dari web,semua
halaman modern html menggunakan javascript dan javascript bisa mengubah attribute-atribute
HTML, style HTML, dan validasi data.
·
jQuery adalah libarary Javascript tujuan dari
jQuery adalah membuat membuatnya lebih mudah untuk menggunakan JavaScript pada
website Anda.
Diatas adalah Bahasa-bahasa yang
digunakan untuk membuat sebuah website, sebernarnya banyak lagi Bahasa dan
kegunaannya tapi untuk sekarang kita bertahap dulu untuk ke tahap yang
selanjutnya.
4.
Materi HTML
Di sesi materi ini saya akan
mencoba menyampaikan pengalaman pembelajaran tentang membuat sebuah website
sederhana. Lansung saja buka netbean dan buat projectnya, kalau sobat kurang
paham bisa ikuti tutorial ini : Cara membuatProject di netbeans
ü HTML
ü
Semua dokumen HTML harus dimulai bersama sebuah
tipe deklarasi <!DOCTYPE>,
kegunaanya untuk mengindetifikasi jenis dokumen HTML yang digunakan sehingga
browser dapat menentukan bagaimana memperlakukan kode tersebut, biasanya tag
<!DOCTYPE> digunakan untuk HTML versi 5.
ü
Untuk memulai penulisan kode pada dokumen html
biasanya diawali dengan tag <HTML>
dan diakhiri </HTML>.
ü
Untuk membuat judul untuk dokumen HTML cukup
dengan menggunakan tag awal <title>
dan tag akhir </title>.
ü
Untuk membuat isi content untuk dokumen HTML
cukup dengan menggunakan tag awal <body>
dan tag akhir </body>
Contoh Lengkap :
<!DOCTYPE html>
<html>
<head>
<title>Halaman Judul/Tema</title>
</head>
<body>
<h1>Ini adalah Heading</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
Reference : w3schools.com
Share This:
-
Prevoius
-
NextYou are viewing Last Post
Jillur Rahman
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
No Comment to " Cara membuat website untuk pemula "