P. 1
Tutorial membuat Website Statis dengan HTML dan CSS

Tutorial membuat Website Statis dengan HTML dan CSS

|Views: 986|Likes:
Published by erlanggawijaya17
Pada ebook ini anda akan diajarkan cara membuat website statis dengan HTML dan CSS,disitu ada contoh gambar hasil kerjanya
Pada ebook ini anda akan diajarkan cara membuat website statis dengan HTML dan CSS,disitu ada contoh gambar hasil kerjanya

More info:

Categories:Topics, Art & Design
Published by: erlanggawijaya17 on Apr 10, 2013
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/21/2014

pdf

text

original

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.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->