Bagaimana Cara Membuat Desain Website Dengan Notepad ?

Bagaimana Cara Membuat Desain Website Dengan Notepad ?

Cara membuat desain website dengan notepad banyak dijadikan pilihan karena dianggap lebih mudah. Namun, sebelum itu, Anda harus tahu lebih dahulu bahasa pemrograman misalnya HTML atau CSS. Ini karena kedua bahasa pemrograman tersebut digunakan untuk membuat skin atau tampilan dari suatu website.

Namun, di artikel ini hanya akan dibahas mengenai penulisan html secara sederhana di notepad. Dengan kata lain, Anda hanya akan membuat kerangkanya saja dan belum bisa mempercantik website yang Anda buat. Karena itu, sebelum membuat, ada beberapa hal yang perlu disiapkan, diantaranya :

  1. Komputer.
  2. Notepad sebagai aplikasi text editor. Anda bisa juga menggunakan Notepad++.
  3. Koneksi internet.
  4. Browser.

Jika sudah, cara membuat desain website dengan notepad yang sederhana seperti berikut ini bisa Anda lakukan:

  • Buka notepad Anda. kemudian klik simpan terlebih dahulu dengan nama index.html. Pastikan bagian filetype Anda pilih all files terlebih dahulu agar bisa disimpan dengan format HTML.
  • Tuliskan <html> dan dilanjutkan dengan <head> untuk menuliskan headernya. Untuk mengakhiri kode, gunakan end tag seperti </head>. Buat end tag ini setelah Anda membuat tag agar tidak terlupa dan kode berjalan dengan baik.  
Bagaimana Cara Membuat Desain Website Dengan Notepad ?
Bagaimana Cara Membuat Desain Website Dengan Notepad ?
  • Lalu tuliskan <title> untuk judul halaman. Misalnya <title> Coba Dulu ya </title>. Bagian ini bisa Anda ubah sesuai dengan kebutuhan dan keinginan Anda.
  • Setelah itu, masuk ke bagian isi halamannya. Sebagai catatan, tidak semua halaman bisa ditampilkan di browser misalnya abu-abu gelap. Jika Anda hendak menggunakan kode warna, Anda bisa mencari kode warnanya terlebih dahulu agar lebih mudah.
  • Di bagian isi halaman, Anda bisa mulai dengan pembuatan background. Caranya adalah, tuliskan tag body lebih dahulu seperti berikut ini.
Bagaimana Cara Membuat Desain Website Dengan Notepad ?
Bagaimana Cara Membuat Desain Website Dengan Notepad ?
  • Sebagai catatan, semakin besar h (header ), maka ukurannya akan semakin kecil. Misalnya H1 memiliki ukuran huruf lebih besar dibandingkan dengan h6.
  • Untuk isinya, Anda bisa menambahkan <p> mencoba membuat halaman website di notepad </p> <br>. <br> atau break digunakan sebagai enter.
  • Jika Anda ingin menebalkan text, Anda bisa menggunakan <b>, untuk memiringkan text gunakan <i>, sedangkan untuk menggarisbawahi gunakan <u>.
  • Untuk menambahkan gambar, gunakan <img src = “c.jpg” width “300” height “300” alt= “coba”>
  • Jangan lupa save as.
  • Untuk menampilkan index tersebut, maka Anda bisa drag and drop file html ke browser. Kurang lebih hasilnya akan seperti berikut.
Bagaimana Cara Membuat Desain Website Dengan Notepad ?
Bagaimana Cara Membuat Desain Website Dengan Notepad ?

Tampilannya masih sangat sederhana karena di file ini belum ada tambahan css-nya dan belum ada gambar. Karena hal tersebut, jika Anda ingin tampilannya lebih keren lagi, maka Anda butuh menuliskan css dan kemudian menambahkannya ke index yang Anda buat.

Itulah cara membuat desain website dengan notepad yang perlu Anda tahu. Jika Anda ingin memiliki website tanpa pusing membuat index ataupun css-nya, Anda bisa langsung menggunakan jasa web design terbaik. Selamat mencoba!