Membuat Desain Website Berbasis HTML dengan Notepad++

Membuat Desain Website Berbasis HTML dengan Notepad++Desain website, mungkin Anda sudah sering mendengar mengenai desain website tetapi masih asing dengan desain web yang berbasis HTML menggunakan Notepad++. Seperti yang Anda ketahui bahwa Notepad+ adalah sebuah editor untuk teks dan berjalan di Operating System atau OS pada Windows. Di sini Notepad++ telah menggunakan berbagai komponen Scintilla agar bisa menampilkan serta menyunting teks. Berkas untuk source code dengan berbagai macam bahasa untuk pemrograman.

Banyak yang menggunakan Notepad++ karena merupakan perangkat lunak yang gratis dan apik. Oleh karena itu Anda harus mengetahui bagaimana cara membuat desain website yang berbasis HTML dengan media Notepad++.

Cara Membuat Desain Website Berbasis HTML dengan Media Notepad++

 Tag Dasar untuk HTML

Sebelum Anda melangkah dalam pembuatan web di Notepad++ maka ketahui terlebih dahulu untuk dasar dari HTML yaitu <html></html> yaitu jenis dokumen, <head></head> yaitu bagian header atau yang disebut dengan judul dan berada pada bagian atas web, <title></title> yaitu sebuah judul halaman pada web, dan <body></body> adalah bagian untuk isi tubuh atau isi dari web tersebut.

Selanjutnya Anda dapat mencari tahu untuk kode yang digunakan pada format tampilan, untuk pemisah, untuk latar belakang serta warna, dan untuk tabel yang mana kode tersebut sudah banyak tersedia.

Buka Aplikasi Notepad++

Setelah Anda membuat dasar HTML di atas maka selanjutnya bisa membuka aplikasi Notepad++. Namun apabila Anda belum memilikinya maka dapat mengunduhnya terlebih dahulu untuk aplikasi Notepad++. Setelah di unduh maka instal aplikasi tersebut dan buka aplikasinya.

Salin Kode Text atau Tulis pada Notepad++

Setelah aplikasi tersebut di instal dan dibuka, maka langkah selanjutnya adalah dengan mengetik kode teks atau dapat menyalin kode teks yang banyak tersedia di internet.  Ketik kode text pada Notepad++, yang harus Anda ingat adalah jangan pernah hilangkan <!DOCTYPE HTML> yaitu untuk HTML5 dan <body bgcolor=’Blue’ text=White’> untuk warna pada latar serta warna text.

Simpan File dengan Format .html

Setelah Anda menyalin atau mengetik kode text pada Notepad++ maka selanjutnya Anda harus menyimpannya dengan menggunakan format .html. Adapun langkahnya yaitu klik pada menu File kemudian pilih menu Save atau Save As, selanjutnya berilah nama file. Pada saat pemberian nama di belakang nama formatnya adalah .txt dan harus dirubah menjadi .html baru kemudian pilih menu Save. Anda dapat memberi nama file tersebut dengan indeks.html.

Lihat Hasil pada Browser

Setelah semua proses di atas selesai, maka Anda bisa melihat hasilnya dengan membuak browser yang Anda miliki misalnya Mozilla Firefox, Opera Browser, pada Google Chrome, dan browser lainnya. Dengan begitu Anda sudah dapat melihat web yang telah Anda buat.

Buat Desain Website Sesuai Keinginan

Anda dapat mendesain web sesuai keinginan karena sudah banyak kode yang tersedia untuk mengatur paragraf pada teks, mengatur ukuran font, mengatur format untuk teks, mengatur form komentar, dan mengatur kolom pada web yang dapat Anda lakukan dengan membuka Notepad++ kemudian mengetik untuk masing-masing kode sesuai mana yang akan di atur.

Itulah di atas mengenai bagaimana cara membuat desain website yang berbasis HTML dengan Notepad++.