Belajar HTML, CSS, JAVA SCRIPT

Assalamualikum WR. WB, Apa kabar? Alhamdulillah, okeh pada kesempatan kali ini saya akan mencoba menjelaskan mengenai dasardasar HTML, CSS, Java Script. Semua penjelasannya, akan saya jelaskan sekaligus dalam script, jadi kita learning by doing. Ok? Lets go…. Buat folder dengan nama web statis (sebenarnya bebas :D), didalam folder tersebut buat folder-folder ini :

Jadi, sebelum kita membuat suatu aplikasi under web/web based, yang harus kita lakukan adalah menentukan sitemap nya, kenapa?. Supaya lebih mudah dan terstruktur dalam pengorganisasian file website yang akan kita buat. Okeh?, nice. Untuk IDE (Integrated Development Environtment)nya sesuaikan dengan minat masing-masing, saya sendiri menggunakan Net-Bean IDE untuk membuat project ini, Anda bisa menggunakan Adobe Dreamweaver, notepad ++ atau yang lainnya. kira-kira seperti gambar dibawah ini layout dasar website yang akan kita buat.

Sekarang buat file baru dengan nama index.html, simpan di folder utama (web statis) Kemudian ketikan script html dibawah ini :

Silakan coba di jalankan dibrowser!, seperti gambar dibawah ini yah hasilnya?

Kenapa, jelek ya?. Tenang, yang baru kita lakukan adalah membuat kerangkanya saja. Untuk mempercantiknya, kita gunakan CSS (Cascading Style Sheet). Mari kita percantik website kita dengan CSS, Lets go….

Buat file baru dengan nama style.css simpan di folder config/css, selanjutnya kita tambahkan file css tersebut ke file index.html yaitu dengan menambahkan script di bawah ini diantara tag <head> di sini </head>, berikut scriptnya : <link rel="stylesheet" href="config/css/style.css" /> Kemudian ketik script berikut ini di file style.css : SETIAP MENEMUKAN KATA TES, ANDA HARUS MENCOBANYA DI BROWSER.

Huft, selesai juga. Silakan dikembangakan sesuai kebutuhan masing-masing. Gambar dibawah ini contoh yang saya buat.

Sign up to vote on this title
UsefulNot useful