"Cara Membuat Website Sederhana Menggunakan HTML"

Assalammualaikum Wr.Wb.
        Kali ini saya ingin membuat toturial cara membuat aplikasi yang sangat sederhana menggunakan HTML , Setelah sebelumnya telah mempelajari tentang apa itu elemen dalam layout HTML.mari kita memulai praktek cara membuat halaman web sederhana di komputer kita.
Cara membuat halaman web sederhana sangatlah mudah, dikarenakan perangkat membuat web sangat mudah ditemui di internet dan rata-rata program tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan antara lain :
  • Notepad, atau anda bisa mencoba notepad ++ yang mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad bawaan windows.
  • Browser sebagai program penampil halaman web. Jika anda pengguna windows, biasanya browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa menggunakan browser dari google, yaitu Chrome.
yang pertama, buka program notepad dari komputer anda dengan cara :
  • Mengeklik tombol windows.
  • Setelah muncul berbagai program dalam folder tersebut, klik program notepad++.
Untuk lebih jelasnya silahkan perhatikan gambar dibawah ini.

Pada gambar diatas adalah tempat tombol Windows, dan yang kedua adalah program Notepad++.
Setelah program Notepad++ terbuka, silahkan ketikkan skrip dibawah ini :

Setelah anda mengetik skrip diatas silahkan anda save dengan cara klik file dan save, ketika muncul halaman save ketikkan nama file ” home.html ” atau terserah anda, yang terpenting adalah nama file diakhiri .HTML .
Setelah itu lihat kolom dibawah file name, disitu terdapat kolom Save as Type dan pilih All Files. Langkah selanjutnya tinggal klik tombol Save. Untuk lebih jelas silahkan lihat gambar dibawah ini.

Pada gambar diatas terdapat area yang diblok dengan warna biru, diarea tersebut terdapat tulisan save, dengan mengeklik tulisan ini maka akan muncul halaman Save seperti gambar dibawah ini:

Perhatikan gambar diatas adalah tempat untuk memberi nama file dan pastikan nama file berakhiran .html. sedangkan area kolom kedua adalah dropdown untuk memilih save at type.
Setelah file html terbentuk dan tersimpan (dalam tutorial ini file disimpan dalam folder yang bernama ” new folder “) maka buka file tersebut dengan cara mengeklik dua kali, setelah itu akan ada browser yang menampilkan halaman web yang telah kita buat. Halaman web tersebut akan terlihat seperti gambar dibawah ini:

Pada gambar diatas terdapat 1 area yang diblok, yang diblok dengan warna biru adalah tulisan yang diketik didalam Tag Body.
Tutorial diatas adalah cara bagaimana membuat halaman web yang sederhana, belum menyentuh kearah pengaturan layout. Pengaturan layout akan melibatkan banyak elemen dan tentunya skrip CSS akan berperan penuh, untuk pembahasan lebih lanjut tentang layout akan dibahas dalam kategori belajar CSS pada kesempatan berikutnya.
Dalam tutorial ini hanya melibatkan skrip HTML, dan jika anda ingin membuat tutorial yang lain coba lihat "Cara Merubah Format Video" , "Cara Membuat Logo" , Dan "Software Untuk Para Gamers".

Share on Google Plus

About arya Firmansyah

    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment