Cara Menggunakan HTML Editor
Dunia Programming - Pada tutorial kali ini, saya akan mambahas tentang Cara Menggunakan HTML Editor untuk membuat sebuah halaman website, sebelum kita bahas cara menggunakannya, setidaknya kita harus tau terlebih dahulu, apasih HTML Editor itu...?
HTML Editor adalah sebuah software yang digunakan untuk mengedit sebuah file-file yang berhubungan dengan web seperti file yang berekstensi html, css, js, dan lain lain yang berhubungan dengan Web.
Pengertian HTML Editor
HTML Editor adalah sebuah software yang digunakan untuk mengedit sebuah file-file yang berhubungan dengan web seperti file yang berekstensi html, css, js, dan lain lain yang berhubungan dengan Web.
 |
| Tampilan HTML Editor | SublimeText |
HTML editor sendiri memiliki banyak macam dan banyak versi diantaranya, Notepad, Notepad++, SublimeText dan masih banyak lagi. saya percaya dan yakin, agar kalian bisa menjadi programmer yang handal, tentunya anda diharuskan untuk menggunakan software editor ini, sebab dengan kebiasaan kalian mengetik script satu persatu kalian dengan tidak sengaja sudah belajar menghafal script tersebut dengan nama, tataletak maupun kegunaan script tersebut. untuk lebih lengkapnya.
Oke persiapan untuk memulai percobaan menggunakan HTML Editor, kalian boleh mememilih Software apa yang akan digunakan untuk belajar membuat sebuah tampilan website, untuk percobaannya saya memulai dengan Notepad biasa saja.
Langkah pertama : Buka Notepad kalian
Untuk software yang satu ini, kalian tidak perlu susah sauh mencari dan menginstallnya, sebab Notepad sudah ada disemua versi Windows, jadi kalian tinggal cari saja di Tombol Start, kemudian ketikkan "Notepad", maka akan muncul icon notepad, klik icon Notepad tersebut.
 |
| Tampilan Notepad | Baru |
Langkah kedua : Ketikkan script yang membentuk sebuah tampilan website
Untuk pertama kalinya, sebagai pemula, copy pastekan script dibawah ini, tapi saran saya agar mengetik source code dibawah ini, biar kalian jadi terbiasa dengan bahasa pemrograman ini.
Contoh script HTML
Script HTML
<html>
<head>
<title>Dunia Programming</title>
</head>
<body>
<h1>Dunia Programming</h1>
</p>Kumpulan Tutorial-tutorial pemrograman terlengkap</p>
</body>
</html>
<head>
<title>Dunia Programming</title>
</head>
<body>
<h1>Dunia Programming</h1>
</p>Kumpulan Tutorial-tutorial pemrograman terlengkap</p>
</body>
</html>
 |
| Tampilan Notepad | Memasukkan Script |
Langkah ketiga : Menyimpan file yang sudah ditulis tadi dengan extensi .html
Setelah script tadi sudah kalian ketik, langkah selanjutnya yaitu menyimpan file tadi dengan nama index.html, untuk nama index terserah bisa kalian ganti-ganti juga, asalkan tetap akhirnya harus .html agar nanti bisa tampil pada browser.
 |
| Tampilan Notepad | Menyimpan File |
Langkah keempat : Membuka hasil kerja kalian pada browser.
setelah kalian simpan, kemudian buka file yang sudah kalian simpan tadi ke browser dengan cara klik 2x, atau juga bisa memilih browser favorit kalian dengan cara klik kanan, pilih Open with (Terserah kalian). maka tampilannya akan seperti ini.
 |
| Tampilan Browser Mozilla Firefox | Tampilan Web |
Bagaimana hasilnya...? keren bukan...? itu langkah awal kalian nantinya untuk membuat sebuah tampilan website. Jalan kalian masih panjang untuk belajar membuat sebuah web keren, kalau kalian mau lanjut materi, silahkan kalian pelajari materi dibawah ini :
Terus berjuang, terus berusaha, pantang menyerah itulah prinsip seorang programmer, sekian terimakasih.
Belum ada Komentar untuk "Cara Menggunakan HTML Editor"
Posting Komentar