Scribd Logo
Upload

Welcome to Scribd!

  • Tutorial Membuat Website Statis Dengan HTML Dan CSS

    Uploaded by

    erlanggawijaya17
    3K views9 pages
    Pada ebook ini anda akan diajarkan cara membuat website statis dengan HTML dan CSS,disitu ada contoh gambar hasil kerjanya

    Original Title

    Tutorial membuat Website Statis dengan HTML dan CSS

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Pada ebook ini anda akan diajarkan cara membuat website statis dengan HTML dan CSS,disitu ada contoh gambar hasil kerjanya

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3K views9 pages

    Tutorial Membuat Website Statis Dengan HTML Dan CSS

    Uploaded by

    erlanggawijaya17
    Pada ebook ini anda akan diajarkan cara membuat website statis dengan HTML dan CSS,disitu ada contoh gambar hasil kerjanya

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    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 might also like