Pada dasarnya ada 2 pilihan untuk membuat website, yaitu dari nol atau menggunakan platform content management system (CMS). Akan tetapi, ada baiknya untuk bizzie juga mengenal sedikit coding pemrograman karena pada saat menggunakan CMS terkadang harus mengulas sedikit coding yang ada di CMS juga.
Untuk kesempatan kali ini akan dijelaskan secara lengkap dan jelas mengenai cara membuat coding HTML. Sedangkan, untuk bizzie yang penasaran apa saja langkah yang harus dilakukan bisa simak penjelasan lebih lengkapnya dibawah ini.
Cara Membuat Coding HTML Sederhana dan Mudah
Coding menjadi satu alat yang paling penting, ketika akan membuat website. Ada beberapa cara membuat coding HTML yang bisa bizzie gunakan, yaitu:
1. Membuat Halaman Web
● Membuka editor teks.
Bizzie bisa menggunakan editor apa saja yang disuka. Akan tetapi, ada baiknya untuk bizzie menggunakan notepad atau notepad++. Kedua editor ini murni kosong dan bizzie harus mengetikkan kode mulai dari awal. Bagi Anda yang pemula sangat cocok menggunakan keduanya.
Pada komputer windows bisa langsung saja membuka menu “start” pada Windows dan ketikkan “notepad” atau “notepad ++” di bagian atas jendela. Untuk Mac bisa langsung klik pada “spotlight” dan ketikkan “text edit” dan klik dua kali pada “text edit” dibagian atas hasil.
● Mengatur jenis dokumen untuk HTML ketik. Lakukan ketik enter kurang lebih 3 kali.
● Tambahkan beberapa tab judul untuk halaman website bizzie. Pada cara membuat coding HTML ini akan muncul di tab browser ketika membuka halaman ketik.
● Ketik di bawah tag “head: yang tertutup. Pastikan bahwa sisa teks dokumen bizzie akan dianggap sesuai sebagai teks website sampai menutup tag “body”.
● Cara membuat coding HTML selanjutnya adalah membuat halaman judul. Judul halaman ini ini akan muncul di bagian atas website. Untuk membuatnya bizzie bisa mengetikkan tambahkan judul yang diinginkan dan tutup dengan tag.
● Tambahkan judul tambahan, ketika bizzie mau. Ada 6 tag judul berbeda yang bisa dibuat dengan menggunakan tag. Misalnya, untuk membuat tiga judul berukuran berbeda secara berturut-turut.
● Membuat paragraf. Tag paragraf digunakan untuk membuat blok teks yang berbeda-beda. Untuk menempatkan teks di dalam paragraf, ketika dan mengetikkan ulang diakhiri dengan tags. Bizzie bisa menambahkan beberapa baris paragraf secara berturut-turut untuk membuat serangkaian paragraf tersebut dibawah satu judul.
● Mengubah warna teks. Bizzie bisa mengubah warna teks apapun dengan membingkai teks dengan tag. Pastikan, untuk cara membuat coding HTML mengetikkan warna yang sesuai dengan keinginan.
● Misalnya, untuk mengubah teks paragraf berwarna hijau. Maka, bizzie bisa menuliskan dengan warna hijau.Bizzie bisa mengubah teks apapun dengan warna yang berbeda dengan kumpulan tag satu ini. HTML memberikan dukungan besar terhadap pemilihan warna. Jadi, jangan ragu untuk bereksperimen dengan warna yang berbeda-beda.
● Menuliskan teks dengan format yang berbeda-beda. Contohnya, ,menggunakan huruf tebal, miring atau garis bawah. Teks tebal, miring dan digaris bawahi bisa dibuat dengan tag dan tag.
● Menambahkan gambar ke halaman. Bizzie bisa menggunakan tag untuk menampilkan gambar ke halaman website. Misalnya, ketika url gambar adalah “mypcture.com”.
● Link tautan ke halaman lain. Bizzie bisa mendapatkan tautan ke website lain dengan menggunakan tag tautan teks. Dimana “link” adalah URL website yang ingin bizzie tautkan pada teks.
● Tutup tag halaman web. Seperti halnya tag di dalam HTML. Bizzie harus bisa menutup tag dan yang ada di bagian atas dokumen.
● Tinjau halaman website. Bizzie bisa menambahkan lebih banyak paragraf, judul dan teks dimana saja pada halaman diantara tag.
● Lakukan perubahan pada menit terakhir. Bagi bizzie yang merasa masih ada yang salah dengan kode. Maka, bizzie bisa melakukan perbaikan sebelum melanjutkan ke proses selanjutnya. Setelah yakin, bizzie bisa melihat tampilan web sesuai apa yang diinginkan.
2. Menyimpan dan Membuka Halaman Website.
● Khusus pengguna Mac, konversikan dokumen bizzie ke teks biasa di Mac. Jika pengguna Mac, maka bisa langsung klik item menu di format bagian atas layar. Lalu ketik “make plain text di menu drop-down”. Cara membuat coding HTML satu ini tidak perlu dan tidak mungkin dilakukan pada Windows.
● Buka menu “simpan” karena bizzie membuat dokumen baru untuk menulis halaman web. Untuk semua proses sudah selesai, bizzie bisa langsung menekan “Ctrl+S” Windows atau “Command” + “S” (Mac) untuk proses penyimpanan.
Bizzie juga bisa mengklik file dan kemudian klik “save as” di menu drop down. Cara membuat coding HTML ini berfungsi pada komputer Windows dan Mac.
● Masukkan nama untuk dokumen HTML. Ketikkan nama apapun yang diinginkan untuk memberikan nama dokumen milik bizzie di dalam kotak teks :”file name” (Windows) dan “Name” (Mac).
● Ubah jenis file dokumen. Bizzie harus mengubah dokumen dari file teks menjadi file HTML. Caranya, Windows-Klik kotak tarik-turun, Save as type, all file dan mengetikkan ,html di akhir nama.
● Klik save yang ada di bagian bawah jendela. Untuk melakukannya akan membuat file HTML. File HTML biasanya terbuka dengan browser web default.
● Tutup editor teks tersebut. Bizzie sudah siap untuk membuka file HTML di browser yang sedang digunakan.
● Selesai.
Nah, itulah dia penjelasan secara lengkap dan jelas mengenai cara membuat coding HTML. Besar harapan dengan adanya penjelasan diatas bisa membantu bizzie yang ingin punya web sesuai dengan keinginan.
