Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cara Jitu Mengedit Source Code Untuk Pemasangan HTML Manual

    Diunggah oleh

    indraramdhani
    82 tayangan2 halaman
    Cara Jitu Mengedit Source Code untuk Pemasangan HTML Manual

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Cara Jitu Mengedit Source Code untuk Pemasangan HTML Manual

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    82 tayangan2 halaman

    Cara Jitu Mengedit Source Code Untuk Pemasangan HTML Manual

    Diunggah oleh

    indraramdhani
    Cara Jitu Mengedit Source Code untuk Pemasangan HTML Manual

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    Cara Jitu Mengedit Source Code untuk Pemasangan HTML

    Manual
    April 9th, 2011D-ArtchitextLeave a comment
    Melengkapi postingan sebelumnya tentang mengubah tampilan wap jadi web dlm 10 menitdimana 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:
    1. HTML Tag
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <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.
    2. Javascript
    <script type=text/javascript src=http://finderonly.net/data/st-rhm.js></script>
    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 yangmembuat 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.
    3. Comments
    <!COMMENTS, PLEASE DO NOT COPY THIS ARTICLE WITHOUT PERMITION OF THE RESPECTIVE OWNER, DVS>
    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.
    4. Text (contents atau isi)
    <font face=times new roman size=4 color=green>Ini adalah contoh text, konten yang nampak pada browser. Mulai tulisan sobat di sini! </font>

    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 :
    <!JENIS DOKUMEN, (WAP/ WEB) dan lainnya>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    <!BAGIAN HEAD>

    <title>Ini adalah judul website kerenku (awas n-nya hilang :D)</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>
    <!MULAI CONTENT DI SINI>

    <div id=bgwrapper><div id=nav>
    <div class=post>
    <!PERHATIKAN, semua yang ditulis hitam dalam contoh ini adalah semua yang nampak pada browser. Html tag (warna biru) untuk tampilan default tidak perlu dirubah, yang perlu
    dirubah adalah kontent atau menambahkan javascript! >
    <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>
    <!COMMENTS, PLEASE DO NOT COPY THIS ARTICLE WITHOUT PERMITION OF THE RESPECTIVE OWNER, DVS>
    </div></div>
    <!SIDEBAR>
    <div id=sidebar>
    <ol>
    <li><a href=http://ads.finderonly.net/>Pasang Iklan Gratis</a></li>
    <li><a href=http://www.finderonly.net/javascripts-collection/>Java Collections</a></li>
    <li><a href=http://www.finderonly.net/projects/>Komunitas</a></li>
    <li><a href=http://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>


    Damns 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
    http://blog.finderonly.net/2011/cara-jitu-mengedit-source-code-untuk-pemasangan-html-manual.html

    Anda mungkin juga menyukai