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, Comments, dan Texts (contents/ isi). Namun sebelumnya, gunakan browser Opera 12 ke bawah yang mampu langsung edit source html atau lihat pula 15 aplikasi web designer/ editor untuk mempermudah mengenali dan mengedit source codenya. Mari perhatikan dan kenali struktur dan element kode html berikut:
-
HTML Tag
-
Javascript
-
Comments
-
Text (contents atau isi)
<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 :D)</title>
<link rel=”stylesheet” type=”text/css” href=”https://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>
<!–SIDEBAR–>
<div id=”sidebar”>
<ol>
<li><a href=”https://ads.finderonly.net/“>Pasang Iklan Gratis</a></li>
<li><a href=”https://www.finderonly.net/javascripts-collection/“>Java Collections</a></li>
<li><a href=”https://www.finderonly.net/projects/“>Komunitas</a></li>
<li><a href=”https://blog.finderonly.net/“>Blog</a></li>
<li><a href=”http://finderonly.net/partners-links/“>Tambah Link Partner</a></li>
</ol>
</div>
<!–FOOTER–>
<div id=”footer”><p class=”copyrights”>
©Damn’s Virtual Studio – 2011
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. Selamat Mencoba 😉
Saya ingin Facebook saya dapat digunakan kembali lagi karena sangat penting.Terimah kasih
Mantap
Mantap.
Https://gudangpengetahuanblogger
saya sangat tertarik dengan tulisan anda, saya juga mempunyai tulisan sejenis
yang mungkin anda juga tertarik, anda bisa mengunjunginya di klik disini terima kasih.
ini kalo ngedit web dari komp lain untuk nambah script html gmn?