TEST

TEST

Saturday, 21 February 2015 / No Comments

Cara membuat website untuk pemula

Cara membuat website untuk pemula

Tuesday, 16 December 2014 / No Comments

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 JDK (Java Development Kit) disini : Download Jdk.

·         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 :

·         Download XAMPP Disini : Download XAMPP.

·         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