-: cara membuat dokumen html

Nah Guys, kali ini sebelum kita belajar lebih banyak tentang web dan HTML mari kita coba lihat bagaimana cara membuat dan menyimpan serta membuka file atau dokumen HTML. Jadi, Dokumen ini formatnya adalah HTML dengan ekstensi file.html, Dibuka melalui web browser, dan dapat diedit dengan menggunakan text editor. Ada beberapa software khusus yang biasa digunakan untuk membuat dokumen HTML, misalnya saja yang sering dipakai yaitu "Macromedia Dreamweaver", ataupun "Adobe Dreamweaver" atau yang lainnya.

Yang dibutuhkan.

Text Editor/Editor html.
Web Browser.

Untuk Editornya Sendiri IdWebUs menggunakan Notepad++, karena lumayan mudah dan kecil ukuran Downloadnya hehe. Baik, jika ingin menggunakan yang sama bisa download di official websitenya, atau menggunakan yang kebetulan IdWebUs upload juga disini.
Sedangkan Web Browsernya kita gunakan untuk membuka sekaligus melihat apakah script yang kita ketikan sudah benar atau belum.

1. Notepad++

Gambar diatas merupakan tampilan awal setelah Notepad++ dibuka, Notepad++ Langsung secara otomatis membuka dokumen baru yang masih kosong.

2. New Files (dokumen baru)
Untuk membuat dokumen baru, misalnya kita sedang mengedit file lain. Kita bisa langsung mengarahkan pointer ke arah menu File --> New, maka disebelahnya akan terbuka Tab baru berupa dokumen kosong yang lain.

3. Save As (Simpan Dulu HTML)
Sebelum Mengedit lebih dalam kita perlu menyimpan dulu filenya. Ini kita lakukan agar ketika kita melakukan coding kita bisa langsung melihat hasilnya dengan membuka dokumennya di web browser. Dengan klik menu File lalu pilih Save as maka akan muncul seperti ini.

Pilih Direktori file akan disimpan, tentukan namanya lalu tekan Save.
Yang perlu diperhatikan adalah rubah "Files or Type" menjadi format HTML.

4. Buka di Web Browser
Ketika file sudah tersimpan maka pada title aplikasi (terletak diatas) akan berubah menjadi alamat/direktori dan nama file.
Lalu temukan dan buka file pada direktori tersebut dimana dokumen HTML telah disimpan.

5. Edit HTML
Buka File dengan kedua aplikasi (Notepad++ dan Web browser).
setiap melakukan perubahan pada text editor lakukan penyimpanan dengan menekan tombol ctrl+s di keyboard, kemudian alihkan jendela aplikasi ke web browser lalu refresh atau tekan F5 di keyboard.

* Halaman web tidak akan berubah jika file tidak disimpan, tanda bahwa file sudah tersimpan adalah hilangnya tanda (*) pada nama file di notepad++, misalnya dari *C:\Dokumen\file.html menjadi C:\Dokumen\file.html.

Baiklah, demikian cara membuat dan edit dokumen html, semoga bermanfaat sampai jumpa