Jumat, 20 November 2009

Membuat web ternyata mudah !

Panduan Membuat Web

Sekilas Tentang Web

World Wide Web (www) atau yang lebih dikenal dengan web merupakan salah satu sumber daya internet yang saat ini sedang berkembang sangat pesat. Informasi yang ada di web didistribusikan melalui pendekatan hypertext. Hal ini memungkinkan sebuah kata atau teks pendek menjadi acuan menuju suatu dokumen (link). Dengan demikian netter akan memperoleh informasi dari suat dokumen ke dokumen yang lain. Dokumen-dokumen ini dapat diakses di seluruh dunia


HTML (Hypertext Markup Language)

HTML merupakan bahasa pemrograman yang digunakan untuk membuat sebuah web.Untuk web statis cukup diperlukan script HTML saja. Ini merupakan web standar yang mengharuskan kita menjaga program secara kontinyu untuk mengikuti perubahan yang terjadi.
Untuk membuat sebuah web kita bisa menggunakan teks editor seperti Notepad, Notepad++, WordPad, maupun aplikasi yang khusus digunakan untuk membuat web seperti Microsoft FrontPage, Macromedia Dreamweaver dan sebagainya. Setiap dokumen yang kita buat disimpan dengan ekstensi .html semisal coba.html



Setelah itu buka file tersebut lewat browser atau langsung aja di double klik file coba.html tersebut. Akan muncul hasil seperti dibawah ini



Bagaimana ??? Gampang kan ??? Nah kalau mau belajar web lebih lanjut bisa download tutorial yang ada di bawah ini


Keterangan Link Download

Membuat web dengan HTML download
Membuat web download
HTML download



CSS(Cascading Style Sheets)

CSS digunakan untuk mempercantik halaman web yaitu dengan menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas halaman HTML. Script CSS ini biasanya disisipkan di antara tag head. Dengan CSS tentunya akan lebih mempermudah dalam mengatur tampilan web karena kita hanya perlu mendefinisikan style sekali saja dan style tersebut bisa dipanggil dengan perintah tertentu. Sebagai contoh coba ketikkan script di bawah ini




Setelah itu simpan dengan nama css.html lalu coba buka file tersebut di browser.



Keterangan Link Download

BAB 1 download
BAB 2 download
BAB 3 download
BAB 4 download
BAB 5 download
BAB 6 download
BAB 7 download
BAB 8 download
BAB 9 download
BAB 10 download
BAB 11 download
BAB 12 download
BAB 13 download
BAB 14 download
LAMPIRAN download
GAMBAR download



JavaScript
Adalah skrip yang disisipkan pada kode HTML dan diproses pada sisi klien,berfungsi untuk memperluas kemampuan HTML. Dengan JavaScript kita bisa membuat validasi pada saat penginputan data di formulir sebelum data tersebut dikirim ke server. Banyak keuntungan mempelajari JavaScript ini yang akan membuat web kita akan lebih menarik. JavaScript bersifat case sensitif yang berarti membedakan huruf besar dan huruf kecil. Semisal jika kita mengetikkan 'JavaScript' tapi diketikkan dengan tulisan 'javascript' atau 'JAVASCRIPT' maka akan terjadi kesalahan.Baik langsung saja dicoba skrip yang ada di bawah ini.

Keterangan Link Download

JavaScript download


PHP
PHP adalah skrip yang dijalankan di komputer server. Sehingga kode program web yang menggunakan PHP tidak ditampilkan ke user sehingga kerahasiaan kode dapat dilindungi. Berbeda dengan HTML, CSS, dan JavaScript yang bisa dilihat karena dijalankan di klien.
PHP digunakan untuk pembuatan web dinamis yang berhubungan dengan database dimana kita bisa memanipulasi apa apa saja yang ada di dalam web tersebut. PHP sendiri bisa digunakan untuk mengakses berbagai macam database seperti Acces, Oracle, MySQL dan lain lain.
Sebelum kita mulai membuat web dengan PHP,terlebih dahulu komputer haruslah sudah terinstal webserver. Tapi tidak perlu komputer terhubung dengan internet karena komputer klien bisa bertindak pula sebagai server (localhost). Ada beberapa web server yang bisa dipakai seperti WAMPServer, Xitami, Vertrigo dan sebagainya.
Nah sekarang kita mulai pengkodeannya. Saya di sini menggunakan WAMPServer sebagai databasenya.Sebelumnya buat dulu folder di dalam direktori : ../wamp/www/nama_folder. Titik titik yang dimaksud adalah tergantung dimana WAMPServer diinstal,umumnya sih di direktori C:
Sekarang kita mulai belajar membuat web dengan PHP. Coba ketikkan perintah seperti yang ada di bawah ini !



Ingat halaman yang kita buat harus disimpan di wamp dan di folder web yang tadi sudah dibuat. Kita simpan halaman ini dengan nama hari.php. Untuk menjalankannya berbeda dengan web statis karena kita harus membuka halaman ini lewat localhost. Lihat gambar yang ada di bawah ! Pertama kita harus masuk ke wampserver (jika menggunakan wampserver...)



Kemudian pilih localhost dan nanti kita tinggal pilih project yang telah dibuat (nama_folder_web)



Kemudian di Your Projects pilih folder tempat menyimpan halaman yang dibuat tadi !



Setelah projek kita pilih nanti akan muncul halaman seperti yang ada di bawah ini.


Coba lihat skrip halaman ini di menu View kemudian pilih pagesource(di Mozilla). Perhatikan skrip PHP yang tadi dilihat tidak ditampilkan di page source nya. Nah itulah kelebihan dari PHP ^_^

Keterangan                       Link Download

Membuat form login download
Membuat shopping Chart download
e-commerce download
Membuat Komentar Artikel download
Validasi Form dengan PHP download
Script Counter download
Register Login Logout download
Kalkulator Online download
Metode Searching Sederhana download
Mengetahui IP Address download
Membuat Cuplikan Artikel download
Membuat Polling dengan PHP download
Free Website Hosting
Hosting Indonesia Hosting Indonesia Hosting Murah

HACKED by BEGUNDAL

Your account has been taken over me, please reset your password, increase the security of your account

Sponsor Blog

Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan.