Tutorial dasar Pemrograman Web
Ok, kita kembali lagi ya, setelah sekian lama admin nggak mem-post-kan
berita. Nah kali ini admin mw ngasih tw buat agan agan yang ingin
belajar pemrograman web, namun ini masih dasar (admin ndiri masih
belajar). OK langsung aja
yang pertama kita sediakan adalah software pendukung, banyak software
yang beroprasi dalam pembuatan script, contohnya Dreamweaver, dan
software yang sering dipakai adalah software yang hampir ada di semua
komputer yang memkai sistem operasi WINDOWS yakni Notepad. Namun kali
ini admin menggunakan Notepad plus plus (Notepad ++). lalu setelah kita
punya software pendukung kita siap untuk membuat script. dan belajar
bahasa HTML bisa di pelajari di www.w3schools.com. nah contohnya seperti ini.
yang
pertama hidupkan komputer anda. lalu buka aplikasi pembuat script anda
(contoh menggunakan Notepad ++). kemudian tulislah model script yang
akan anda buat. contohnya seperti berikut.
pada percobaan disamping kita akan membuat file HTML dengan nama file
new 1.html titlenya (tulisan di tab atas) Putra Tugas. dan contoh yang
akan di tampilkan adalah gamabar dengan file maniiss TERSENYUM.png
(untuk memberikan file gambar kita bisa menggunakan TAGS <img
src="~nama file.format file~">, untuk height dan weight merupakan
ukuran untuk gambar). Kita bisa memberikan gambar apapun yang kita suka,
untuk gambar yang akan kita sisipkan kita perlu menaruh/menempatkan
gambar tersebut kedalam satu folder khusus besama dengan script yang
kita buat. ini merupakan contoh jadi dari script registrasi
kalo codingnya kayak gini penampakannya
ada satu bagian yang kami sembunyikan, ini dikarenakan terlalu
panjangnya code. Tapi tenang kami akan meng share-kannya, nah kayak gini
code yang kami sembunyikan.
ada beberapa hal yang perlu diperhatikan dalam penulisna script.
1. pastikan semua perintah/method/attribut/tags berada di antara simbol
< dan > karena bila berada di luar itu akan dianggap tulisan
biasa. seperti pada contoh berikut.
kata kata yang terdapat dalam simbol < > merupaka perintah untuk
meng-esksekusi kata kata di luarnya. dari contoh di atas perintah
pertama ( <center> ) akan dilaksanakan terlebih dahulu yakni akan
menempatkan tulisan selanjutnya di tengah kemudian perintah selanjutnya (
<h1> ) akan membuat ukuran font kepada ukuran terbesar (ada 5
tingkatan ukuran font dimulai berurutan dari h1 untuk ukuran terbesar
dan h5 untuk ukuran font terkecil)dan kedua perintah tersebut akan
mengeksekusi kalimat "Thanks for your Attention to REGISTRATION today.
Please Come Back any time". namun tidak berhenti disitu untuk kata
REGISTRATION terdapat perintah <mark>, perintah ini untuk
me-Mark-up apa saja yang di anggap penting.
2. pastikan perintah yang dimulai harus di akhiri. Untuk mengakhiri
suatu perintah gunakan </~nama perintah yang dijalankan~>, hal ini
dimaksudkan agar perintah berhenti dan tidak berpengaruh kepada yang
lain seperti pada perintah <mark> tadi, agar kalimat setelah
REGISTRATION tidak terpengaruh dengan perintah <mark> maka
perintah ini harus ditutup maka menutupnya menggunakan </mark>,
dan penutup perintah ini di tempatkan di belakang code yang kita
eksekusi menggunakan perintahnya.
3. pastikan anda menyimpan dengan format .html agar dapat terbaca. dan
ada kemungkinan tampilan akan muncul sesuai dengan web browser yang
dipakai.seperti hasil running menggunakan Mozila dan menggunakan Chrome
kemungkinan akan mengalami sedikit perbedaan.
4. pastikan anda mempelajari tags tags yang akan kita gunakan, karena
beberapa tags tidak akan suport seperti beberapa tags HTML4 sudah
tergantikan dan bertambah dengan tags daei HTML5. Jadi intinya kita
harus mengetahui tags mana saja yang dapat kita pergunakan. seperti pada
contoh diatas <center> <h1> merupakan tags pendahulu
sebelum muncul HTML5, namun keluarga baru dari HTML5 ikut bergabung
seperti perintah <mark>.
Mungkin cukup ini pembelajaran dalam dasar dasar pemrograman web. namun
ini hanya sebagian, masih banyak yang harus kita pelajari asalkan kita
bersungguh sungguh mempelajarinya.
sumber : http://pinginngapain.blogspot.com/2013/03/tutorial-dasar-pemrograman-web.html
Tidak ada komentar:
Posting Komentar