✔ Berguru Menciptakan Website Sederhana Dengan Notepad++
Tutorial Coding - Halo sahabat gamekupedia sekalian, kembali lagi dengan admin dala postingan kali ini yang membahas ihwal tutorial menciptakan web sederhana memakai compiler Notepad++. Sebelumnya bagi sahabat yang belum mempunyai Notepad++ silahkan mend0wnl0ad dahulu melalui website resminya notepad-plus-plus.org atau bisa klik disini.
Untuk versi dari Notepad++ nya sendiri itu bebas atau terserah kepada sahabat gamekupedia ingin memakai versi yang mana saja. Setelah selesai proses d0wnl0ad dan installasi mari kita lanjutkan kedalam proses mengcoding. Langkah-langkahnya ialah sebagai berikut:
1. Jalankan Notepad++ yang telah sahabat install tadi, kemudian tekan File - New
2. Setelah selesai sahabat pilih File - Save as
3. Sobat pilih Save as type: Hyper Text Markup Language file dan tuliskan nama dari file tersebut
4. Setelah selesai sahabat isikan code html dibawah ini dalam file yang sahabat buat tadi
5. Setelah selesai mengisikan code html diatas, sahabat buka daerah penyimpanan file tadi dan jalankan file html tersebut memakai search engine miliki sobat. Dan kesudahannya akan ibarat gambar dibawah ini.
6. Selanjutnya sahabat buat lagi file gres dengan nama halo.html dan isikan code html dibawah ini pada file halo.html yang sahabat buat tadi
Sebenarnya sama saja dengan file index.html tadi, hanya saja admin mengganti bab <a href="index.html"> menjadi <a href="halo.html">
7. Dan kalau benar maka kesudahannya akan ibarat pada gambar dibawah ini.
Atau sahabat sanggup mend0wnl0ad filenya disini
Oke selesai sudah tutorial mengcoding website kali ini, eits tapi sebelum itu admin akan menjelaskan pertahap nih ihwal proses mengcoding kita kali ini. Nah pertama-tama admin akan menjelaskan ihwal konsep pada html nih sobat. Sebelum sahabat ingin menciptakan suatu website melalui compiler apa saja. Pastikan bab penting ini dituliskan dahulu, apasih bab penting tersebut? Ini ia bab tersebut:
- <html> - Merupakan inisialisasi dari file bahwa berbentuk file HTML
- <head> - Merupakan bab kepala dari website
- <title> - Merupakan bab penamaan atau penjudulan dari website yang ingin kita buat, lokasinya berada sehabis code <html> dan pribadi ditutup sehabis menuliskan judul website
- <body> - Merupakan daerah menuliskan isi dari website
Jangan lupa untuk menutup setiap bab penting tersebut, misalnya <html> ditutup dengan </html>. Dan pada code diatas ada namanya bgcolor, apasih itu? itu ialah abreviasi dari background color sobat, dipakai untuk sumbangan warna background, admin meletakkan fungsi bgcolor didalm tag <body> yang bertujuan untuk menawarkan warna pada latar website kita nih sobat. Apasih <p> ? Merupakan inisialisasi dari paragraf, jadi setiap sahabat menciptakan suatu kalimat berbentuk paragraf, sanggup sahabat gunakan tag dari <p> dan titutup sehabis tamat dari paragraf, otomatis sehabis ditutup maka goresan pena teks selanjutnya akan berpindah baris nih sobat, tapi sahabat juga sanggup memakai tag <br> untuk berpindah baris kok.
Selanjutnya apasih <img src> ? Nah tag tersebut merupakan fungsi untuk menampilkan gambar menurut folder alamat dan nama beserta format dari gambar yang akan ditampilkan yah. misalnya <img src="img/1.jpg"> "img" merupakan folder daerah penyimpanan gambar, dan pastikan lokasi folder gambar berada disatu daerah dengan file index.html sahabat ya!
Dan terakhir apasih <input type="Submit" value="Tekan Saya"> ? Nah tag ini merupakan fungsi untuk menampilkan suatu button yang bertipe melempar atau memparsing data pada file index.html. Sebenarnya sahabat cukup menciptakan tag <button> untuk menciptakan suatu button, tapi disini admin tidak menggunakannya alasannya pada postingan selanjutnya kita masih akan memakai code HTML pada postingan kali ini.
Mungkin cukup sekian dahulu postingan dari admin kali ini ihwal mencar ilmu menciptakan website sederhana. Semoga sanggup bermanfaat dan berkhasiat bagi sahabat sekalian ya dalam mencar ilmu menciptakan website sendiri hehe. Dan InsyaAllah pada postingan selanjutnya kita akan mencar ilmu menciptakan website yang sedikit lebih sulit lagi yah!
Sumber http://gamekupedia.blogspot.com
0 Response to "✔ Berguru Menciptakan Website Sederhana Dengan Notepad++"
Posting Komentar