Cara Jitu Mengedit Source Code untuk Pemasangan HTML Manual
Melengkapi postingan sebelumnya tentang mengubah tampilan wap jadi web dlm 10 menit dimana setelah copy script tentunya Sobat ingin mengedit dan menambahkan konten sendiri yang memerlukan pengetahuan dasar kode html. Untuk dapat mengedit kode html dengan baik, kita harus mengenal terlebih dulu jenis kode yang ada di dalamnya. Sepengetahuan saya, ada empat (4) jenis kode utama dalam (pure) html ini. Yaitu HTML code (html tag), Javascript, Comment, dan Texts (contents/ isi). Namun sebelumnya, gunakan browser Opera atau Notepad ++ untuk mempermudah mengenali dan mengedit source codenya. Mari perhatikan dan kenali struktur dan element kode html berikut:
Ayo rintis Bisnis Online Anda dari sekarang!- HTML Tag
- Javascript
- Comments
- Text (contents)
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
…Head's content…
</head>
<body>
…Body's content…
</body>
</html>
Di atas adalah contoh sederhana dokumen html. Kode dengan huruf yang berwarna biru adalah adalah html tag, sedangkan yang berwarna hitam adalah text biasa. Html tag ini berfungsi untuk mengatur struktur dokumen html menjadi sebuah halaman/page yang akan ditampilkan pada browser. Struktur html garis besarnya terbagi pada dua bagian, HEAD dan BODY. Bagian HEAD atau kepala dokumen berfungsi sebagai petunjuk tentang cara memberi judul, mengkategorikan dan “menjalankan” halaman web. Bagian BODY berisi hampir semua konten yang akan ditampilkan di halaman web berupa teks, gambar dan suara- yang diformat menggunakan kode HTML.
JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Java adalah Bahasa pemrograman berorientasi obyek, sedangkan Script adalah serangkaian instruksi program. Javascript inilah yang membuat effect tampilan pada browser seperti sliding, rotating, fade dan lain-lain. Mungkin sobatpun tidak aneh dengan ini, namun mari perhatikan struktur kode di atas supaya kita lebih paham dan mengenali struktur javascript untuk mempermudah kita dalam mengedit source code html.
Comments tidak memberi pengaruh apapun terhadap dokumen html seperti kode-kode lainnya, kecuali sejumlah shortcode yang digunakan dalam engine WordPress. Comments hanya berfungsi untuk memberikan komentar, ciri, atau panduan untuk mengenali bagian-bagian dalam html tersebut.
Berbeda dengan ketiga kode di atas, yang bekerja di belakang layar (tidak nampak pada halaman) dan hanya memberikan “instruksi” saja. Bagian teks ini adalah konten utama yang ditampilkan pada browser sobat. Untuk para wapmaster yang menggunakan “pure html”, bagian inilah yang harus dirubah untuk menambahkan atau mengurangi isi berupa artikel, tulisan dan lain-lain. Pada dasarnya tulisan apapun akan tampak pada browser, namun untuk mempelajari cara penulisan dan karakter dalam html, baca juga kode penulisan html dasar.
Nah, setelah Sobat mengenali bagian-bagian utama dalam html ini, tentunya akan lebih mudah untuk mengedit source code html bukan? Dengan sedikit menguasai inipun sejak saya main di wap xtgem, hanya dalam waktu 2 bulan saya langsung merintis cara merubah tampilan wap jadi web sendiri tanpa melihat orang lain di wap http://looperz11.xtgem.com. Untuk lebih memahami pengenalan element source code, mari pelajari Ilustrasi di bawah ini :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Ini adalah judul website kerenku (awas “n-nya” hilang
)</title><link rel=”stylesheet” type=”text/css” href=”http://www.finderonly.net/NOCTURNAL.css” />
<script type=”text/javascript” src=”http://finderonly.net/data/st-rhm.js”></script>
</head>
<body>
<div id=”bgwrapper”><div id=”nav”>
<div class=”post”>
<font face=”times new roman” size=”4″ color=”green”>Ini adalah contoh text, konten yang nampak pada browser. Mulai tulisan sobat di sini!
Untuk Anda sobat pemula, jika ingin menambahkan konten mulai dari sini (tulisan teks biasa [hitam]). Misalnya jika sobat ingin menambahkan/ merubah konten dari script yang saya sediakan untuk merubah tampilan wap jadi web, maka mulai di sini. Adapun untuk kode lainnya (html tag, Javascript dan Comments) tidak perlu dirubah, dikhawatirkan desain tampilan akan berubah dan rusak </font></div>
</div></div>
<div id=”sidebar”>
<ol>
<li><a href=”http://ads.finderonly.net/“>Pasang Iklan Gratis</a></li>
<li><a href=”http://forum.finderonly.net/“>Forum</a></li>
<li><a href=”http://community.finderonly.net/“>Komunitas</a></li>
<li><a href=”http://blog.finderonly.net/“>Blog</a></li>
<li><a href=”http://finderonly.net/partners-link/“>Tambah Link Partner</a></li>
</ol>
</div>
<div id=”footer”><p class=”copyrights”>
Home | About | Contact | Privacy
</p></div>
</body>
</html>
Kiranya jelas apa yang dipaparkan di sini, untuk copy script instant-nya silahkan klik DI SINI. Jika masih belum jelas dan ada yang ingin ditanyakan silahkan isi komentar di bawah atau gabung di forum kecil-kecilanku http://forum.finderonly.net. Selamat Mencoba 
Terima Kasih untuk tidak Copy Paste tanpa izin dan menghindari praktek Plagiasi.
Artikel Berkaitan:
- Cara Menambahkan dan Memainkan Lagu dengan Lirik pada Winamp
- Membuat Skin Winamp Player dengan Gambar Sendiri (Narcist Mode)
- Cara Memainkan Film dengan Subtitle-nya
- Membuat Web Server dengan Komputer Sendiri – Akses Komputer Sendiri via Internet
- Cara Paling Cepat Membuat Link Download
- 3 Cara Mudah Download Flash Video dan Mp4 dari Youtube
- Membuat Situs Cepat dalam Sepuluh Menit
- Membuat WAP site dengan Tampilan WEB site
- Mengenal Default Shortcut Komputer dengan Keyboard pada Windows
OHH bgtu ya.. baru tahu n faham aku bang. makasih infonya kang.
[Reply]
Lumayan ribet ya mas bhs pemrograman itu hehehe
[Reply]
gampang2 susah juga sebenarnya, tp kalo dipelajari Insya Allah bisa deh
[Reply]