Bagaimana cara membuat web dari awal ?
Website, Bagaimana cara membuatnya ? seperti di facebook.com atau google.com . Halaman yang bisa diakses dengan jaringan internet di seluruh dunia, mungkin kamu yang baru memulai belajar di sekolah jurusan dengan mata pelajaran pemrogramman web pasti ingin sekali membuat web sendiri .Sebenarnya, membuat website itu gampang sederhana kalau kamu punya kemauan, mungkin masalah yang selau diberatkan saat belajar membuat website adalah banyaknya script yang harus dipahami tapi bila kamu suka dengan apa yang kamu kerjakan ini seperti hobimu sendiri pasti pelajaran pemrogramman web ini akan sangatlah gampang.
Buat Website tanpa koding ! maksud saya, bukan berarti dihalaman web yang kamu tidak ada script pemrogramman tetapi kamu bisa membuat web dengan bantuan software hanya dengan drag and drop kamu bisa membuatnya dengan cepat. Tapi bagaimana kalau membuat website yang langsung bisa diakses di internet ? cara ini malah lebih mudah bagi kamu yang ingin langsung punya website sendiri hanya tinggal daftar, buat alamat web, pilih template, buat judul website dan post di web tanpa biaya/gratis. Cara ini biasa dikenal cara membuat blog, blog yang kamu buat biasanya subdomain dari suatu situs web(website). Apa itu subdomain ? menurut saya subdomain itu sub dari suatu domain atau cabangnya yang lain dari domain, contoh translate.google.com merupakan subdomain dari google.com.
Cara buat website sendiri ? membuat website tanpa bantuan website lain, kamu harus bisa pemrogramman web, membeli hosting-domain dll. Cara ini memang sulit tapi tetap para developer web selalu punya cara gampang agar semakin banyak orang yang menggunakan jasa pembuatan website, web yang menggunakan jaringan internet bisa diakses di seluruh dunia fungsi utama suatu web. Cara yang biasa ditawarkan dari penjual hosting-domain menggunakan CMS(content management system) jadi kamu bisa mengatur website tanpa memulai dari awal cara ini sama seperti membuat blog diatas tetapi kamu harus mengeluarkan biaya untuk yang ini.
Belajar dulu HTML ! mengapa harus HTML karna html kerangka dari suatu web. Hyper Text Mark Language mempunyai lumayan banyak tag atau kode sebagai perintah program dan pelajari CSS juga Javascript, belajar html tidak akan terlalu susah karna kamu hanya harus pelajari tag penting saja yang sering dipakai. Setelah kamu bisa dengan HTML pelajari PHP. PHP bahasa pemrogramman ini untuk perintah ke server database sedangkan HTMLbahasa perintahnya lebih ke browser. Pahami anatomi halaman web ! atau susunan halaman mepunyai containing block, logo, navigation, white space.Buatlah model layout website ! model layout yang biasa digunakan spereti, top index, bottom index, left index, layout split, alternating index.
Gambar diatas contoh desain layout sendiri.
Tutorial membuat dasar layout web – saya akan tutorialkan membual layout web seperti model diatas. Buka aplikasi notepad atau yang semacamnya, copy-paste script dibawah Kemudian simpan dengan format *.html .
<HTML><head><title> Cara Membuat WEBSITE</title><style>body{margin:0;padding:0;background:#ccc;}.wrapper{background:#fff;width:700px;margin:0px auto;}.header{width:100%;height:150px;background:#666;}.navbar{width:100%;height:50px;background:#aca;} section{width:70%;height:335px;background:#999;float:left;}section >article{width:90%;height:80px;background:#666;margin:5%;}aside{width:30%;height:335px;background:#666;float:left;}.footer{width:100%;height:70px;background:rgba(84, 84, 84, 1);float:left;}</style></head><body><div class="wrapper"><div class="header"></div><div class="navbar"></div><section><article></article><article></article><article></article></section><aside></aside><div class="footer"></div></div></body></html>
Keterangan :
Tulisan berwarna biru, merupakan bagian dari tag <style> yang didalamnya berisi CSS
body{margin:0;padding:0;background:#ccc;}
.wrapper{background:#fff;width:700px;margin:0px auto;}
Perintah diatas mengubah bagian tag <body> , .wrapper perintah untuk mengubah bagian class yang bernama wrapper(class=”wrapper”) di sebuah tag.
Penjelasan sedikit tentang CSS :
- Height : mengatur ukuran tinggi
- Widht : mengatur ukuran lebar
- Border : garis batas model content
- Padding: Area yang mengelilingi content. Warna padding dipengaruhu oleh background dari box
- Margin : Daerah paling diluar yang membatasi dengan elemen HTML yang lainnya dan tidak berwarna.
Bila kamu ingin tau lebih banyak fungsi perintah di css cari di google dengan keyword css cheat sheet , Kemudian bila kamu sudah memahamiHTML dan CSS buatlah web statis.
Cara membuat web statis ? web statis, bila ada yang statis mungkin ada yang dinamis dan apa kamu tau seperti apa web statis itu. Web statis merupakan halaman web yang isi kontenya tidak berubah – ubah setiap saat sedangkan Web dinamis merupakan halaman web dengan isi kontenya selalu berubah – ubah. Saat membuat halaman web statis bukan berarti isinya tidak bisa di ganti dengan yang baru atau dihapus tetapi yang dimaksud isi konten tidak diubah secara program di web statis kamu merubah isi kontenya langsung di dalam tempat koding sedangkan yang dimaksud web dinamis isi kontenya bisa diganti oleh administrator secara program yang datanya disimpan di database. Contoh web statis saya akan berikan di file ini > download .
Cara membuat web dinamis ? website dinamis hampir website yang ada di seluruh dunia sekarang menggunakan website dinamis, website dinamis cara yang tepat untuk memudahkan user menoperasikan webnya tanpa harus mengkoding lagi isi webnya. Seperti web yang modern sekarang bisa menggunakan 1 halaman untuk menampilkan berbagai berita sesuai dengan pilihan user.
Memulai belajar membuat web dinamis dengan bahasa program web di sisi server, bahasa yang terkenal sekarang PHP. Mengapa harus PHP ? beberapa keunggulan dari PHP yaitu gratis, cross platfrom, On the fly, mendukung banyak database. Gunakan MySQL ! sebagai database, MySQL bersifat RDBMS(Relational Database Management System) maksudnya memungkinkan admin dapat menyimpan banyak informasi ke dalam table – table tersebut saling berkaitan satu sama lain. Keuntungan dari RDBMS adalah kita dapat memecahkan database ke dalam table – table yang berbeda. Mengapa harus MySQL ? karna keunggulanya itu gratis, cross platfrom, lengkap dan cepat. Tidak perlu harus menginstall satu – satu tetapi install sekali satu dengan software XAMPP, APPSERV, dll. Dengan software tersebut PHP, MySQL akan langsung terinstall beserta apache. Apache adalah webserver sebagai tempat meletakan file – file PHP dan database. Saat user melakukan request http:// membuka suatu, disitulah apache bekerja. Menjawab request tersebut dengan menampilkan halaman yang diminta.Untuk mendapat XAMPP download di http://www.apachefriends.comsedangkan APPSERV http://www.appserv.org . Saran saya gunakan APPSERV.
Contoh menampilkan text dengan PHP simpan dengan format *.php
<?phpEcho “Hallo dunia !!”;?>
If – else di PHP
<?php$nilai = 10;If($nilai == 10){Echo “benar”;}Else{Echo “salah”;}?>
Perulangan FOR di PHP
<?phpFor($x=1;$x<=10;$x++){Echo “Nilai $x <br>”;}?>
<?php//host anda$host = “localhost”;//username anda//root username default yang bisa diubah$username =”root”;//password anda$password = “”;//nama database$database =”sekolah”;//koneksikan dengan fungsi mysql_connect$koneksi = mysql_connect($host, $username, $password) or die(“gagal konek”);//pilih database dengan fungsi mysql_select_db$pilih = mysql_select_db($database, $koneksi) or die (“database error”);?>
Kayaknya cukup penjelasan cara membuat website , untuk tutorial pembuatanya mungkin di postingan lain saja karna terlalu banyak yang dijelaskan kalau diteruskan, jadi di postingan ini saya menjelaskan awal pembuatanya saja.
Comments
Post a Comment