Tutorial HTML Bab.16

Bab 16: Counters, Guestbooks dan Search Engine
Catatan: Bab ini hanya berlaku jika halaman web anda disimpan di web server, dan bukan pada hard drive lokal Anda.
Baik counter dan guestbook memerlukan akses ke web server di mana halaman web Anda host, dan kemampuan untuk menulis CGIs.
Namun, bagi mereka yang host halaman web kami di operator selular, dan bukan pada web server kita sendiri, dan tidak ingin menulis CGIs kita sendiri, ada layanan gratis yang menawarkan counter dan guestbook.
Counters
Sebuah counter hanya apa yang Anda bayangkan itu akan menjadi: hitungan berapa banyak orang telah mengakses situs Web Anda.
Ini adalah informasi yang sangat berguna, tetapi belum tentu informasi yang Anda akan ditampilkan kepada semua orang! Jika Anda tidak mengharapkan situs Anda untuk mendapatkan banyak "hits" (kunjungan), pertimbangkan untuk menampilkan counter pada halaman yang hanya Anda yang tahu alamat untuk, dan bukan pada halaman utama Anda.
Situs web berikut akan menghitung untuk Anda, dan memberi Anda dengan berbagai cara untuk mengakses counter:
Count 4 All http://www.count4all.com/
WebTracker http://www.fxweb.holowww.com/tracker/
Count internet http://www.icount.com/
Guestbooks
Sebuah guestbook adalah halaman dimana pengunjung dapat memasukkan komentar tentang situs Anda, dan terutama melihat komentar yang ditinggalkan oleh orang lain.
Situs web berikut menyediakan fasilitas guestbook gratis (mereka biasanya menyediakan anda dengan sebuah halaman di mana pengunjung memasukkan komentar, dan kemudian menyimpan semua komentar masuk untuk anda):
Piett Guestbooks http://www.piett.com/pgb/
LPage http://www.lpage.com/
Search Engine
Jika Anda menyediakan layanan komersial, itu adalah ide yang baik untuk mengirimkan halaman web Anda lokasi untuk beberapa mesin pencari yang berbeda. Semua mesin pencari utama menyediakan Anda dengan layar di mana Anda bisa mengirimkan lokasi Anda. Cari link ke halaman ini di halaman rumah mereka.
Ada juga beberapa layanan yang akan mengirimkan lokasi Anda bagi Anda ke berbagai search engine sekaligus, tabungan Anda harus pergi ke masing-masing mesin pencari sendiri.
Yang paling terkenal dari layanan ini adalah SubmitIt: http://www.submit-it.com/. Link ke beberapa situs tersebut dapat ditemukan di http://www.submit.com/sub/.
Bab 17: Graphics
Sebuah halaman web tanpa gambar sangat membosankan, dan pengunjung mungkin tidak akan lama di sini. Ada beberapa hal yang cerdas dapat dicapai dengan gambar:
Animated Images
Gambar yang di dapat GIF animasi. GIF spesifik yang memungkinkan untuk animasi GIF89a.
Membuat animasi GIF adalah benar-benar sangat sederhana. Anda perlu menciptakan GIF kecil untuk setiap frame dari animasi Anda. Hal ini dapat menyebabkan beberapa file GIF. Kemudian, gunakan utilitas seperti GIF Construction Set (Win95/NT, 1.2MB), untuk menciptakan sebuah gambar GIF animasi dari file GIF yang terpisah.
Ini adalah contoh animasi GIF:
Tips dan Trik
Beberapa tips untuk membuat gambar ramah web:
1. Membuat foto Anda sebagai kecil (dalam hal ukuran file) sebagai mungkin. Gambar besar yang membutuhkan waktu lama untuk men-download dan menampilkan sangat mengganggu bagi pengguna dengan koneksi internet lambat.
2. Ketika memasukkan gambar ke halaman HTML Anda, gunakan atribut lebar dan tinggi, yaitu:
<img src="myimage.gif" width="150" height="50">
Hal ini menyebabkan browser untuk menampilkan teks pada halaman sebelum gambar selesai men-download, memungkinkan pengunjung untuk membaca teks, dan memberikan kesan bahwa banyak halaman dengan cepat.
3. Gunakan utilitas seperti GIF Construction Set (Win95/NT, 1.2MB) untuk mengatur latar belakang gambar Anda untuk transparan. Ini tidak terlihat baik jika latar belakang halaman web Anda sangat sibuk, dan karenanya mengganggu tampilan gambar. Namun, jika Anda memiliki latar belakang halaman polos, membuat latar belakang transparan menyebabkannya untuk muncul seolah-olah mengambang di halaman.
Bab 18: Dasar-dasar HTML Style
HTML Don'ts
* Mungkin yang # 1 aturan adalah bahwa Anda tidak boleh menggunakan "Klik di sini" untuk menunjuk pada sebuah dokumen. Akan lebih baik jika teks dari link sebenarnya telah ada hubungannya dengan konten. Hal ini juga membuat bookmark / Hotlinks bekerja jauh lebih baik.
* Pastikan bahwa semua sisi klien grafik dan peta gambar pada halaman Anda telah alt tag untuk digunakan oleh orang-orang yang menelusuri tanpa grafis. Pasti memastikan bahwa apa pun pengunjung harus digunakan untuk menavigasi situs Anda dapat dibaca di semua browser.
* Coba gunakan browser tag spesifik hanya bila sesuai pada situs web Anda dan mencoba untuk memberikan alternatif untuk browser yang tidak mendukung tag ini (misalnya, pastikan untuk menyediakan pilihan bagi orang-orang noframes tanpa frame mampu browser.)
* Jangan membebani halaman Anda dengan grafis-jika Anda perlu untuk menggunakan mereka untuk meningkatkan tampilan halaman Anda, atau jika mereka adalah bagian integral dari konten di situs Anda, silakan, tetapi meletakkan ukuran gambar pada tag grafis bahwa mereka tidak akan memperlambat loading, dan berusaha untuk mengurangi ukuran grafis yang Anda gunakan sebanyak mungkin (yang Bandwidth Conservation Society memiliki informasi yang berguna mengenai hal ini).
* Jangan membuat semuanya header hanya karena Anda menginginkannya menjadi berani, hal ini tidak portabel dan terlihat sangat mengerikan kecuali jika pengguna telah persis konfigurasi yang Anda gunakan.
* Jangan menggunakan Netscape (atau browser lainnya markup tertentu, termasuk MS Internet Explorer) markup tertentu dalam dokumen publik. Sebagai Netscape terbukti melawan Musa kehidupan seorang browser hanya ada sampai browser yang lebih baik berikutnya datang. Mengapa semua yang bekerja hanya untuk harus kembali dalam satu tahun atau lebih dan mengulang segalanya. Namun, jika Anda sedang membangun web pribadi untuk beberapa tujuan tertentu mungkin sangat baik memerlukan sesuatu yang spesifik browser. Tetapi Anda tetap harus menyadari bahwa dengan menggunakan fitur khusus browser anda akan terjebak dengan browser. Ada juga jelas kasus-kasus di mana halaman publik tidak bisa dilakukan dengan cara lain daripada dengan menggunakan browser beberapa fitur tertentu dan dengan segala cara, melakukan apa yang harus Anda lakukan. Pada dasarnya, aku hanya meminta agar Anda ingat audiens target Anda.
* Dan akhirnya, gaya kesalahan terbesar saya melihat (yang sebenarnya tak ada hubungannya dengan HTML) adalah bahwa orang tidak memilih URL untuk halaman-halaman mereka yang permanen. Berapa banyak link yang Anda mencoba mengikuti ke mana itu berakhir bahwa ujung yang lain hanya hilang atau lebih parah lagi, penulis itu hanya diganti halaman dan membuat Anda berburu untuk itu.
HTML Dos
Tips dasar untuk membuat orang bodoh HTML:
* Gunakan latar belakang yang kuat untuk halaman yang berisi sejumlah besar teks. Sebuah latar belakang solid selalu merupakan pilihan yang baik bagi halaman web Anda. Memberikan permukaan bacaan ringan bagi pembaca dan tidak mengalihkan perhatian dari fokus utama halaman Anda: Your text! Bila menggunakan latar belakang yang solid, pastikan untuk menggunakan warna komplementer untuk teks Anda. Sebagai contoh, teks biru tidak berdiri dengan baik pada latar belakang putih.
* Bila menggunakan bingkai, selalu menentukan TARGET dari "_top" untuk link yang pergi situs Anda. Dengan cara itu pengunjung Anda tidak akan terjebak dalam salah satu frame.
* Bila menggunakan peta gambar, teks menyediakan link di bawah peta juga, bagi pengguna yang telah mengubah tampilan gambar off. Juga, ingatlah untuk membuat peta gambar grafik sebagai kecil (dalam hal ukuran file) sebagai mungkin.
* Gunakan "height" dan "width" atribut dalam "img" tag ketika menampilkan gambar, sehingga pengguna tidak perlu menunggu foto untuk memuat sebelum melihat teks yang lebih bawah pada halaman.
* Sertakan beberapa cara bagi pengunjung untuk menghubungi Anda, yaitu alamat email atau formulir umpan balik.
* Be original!
Topik menciptakan halaman web yang bagus adalah yang luas, dan memiliki banyak kaitannya dengan desain dan tata letak. Beberapa sumber daya terbaik untuk belajar lebih banyak tentang topik ini adalah:
Yale Style Guide http://info.med.yale.edu/caim/manual/
Bagus Menulis HTML http://www.cs.cmu.edu/ ~ tilt / CGH /
What Makes a Good Home Page http://werbach.com/web/page_design.html
Bab 19: Sumber Daya
HTML Tutorial
Situs-situs berikut menyediakan tutorial HTML online, mengajar anda dasar hingga lanjutan HTML:
NCSA - A Beginner's Guide to HTML http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html
Pengenalan HTML http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html
HTML JumpStation Developer http://oneworld.wa.com/htmldev/devpage/dev-page1.html
DJ Quad's Ultimate HTML Site http://www.quadzilla.com/
The WDVL: Membuat Situs Web http://www.stars.com/Tutorial/
UT Austin: Belajar HTML http://www.utexas.edu/learn/pub/html.html
Yahoo memiliki beberapa link ke tutorial HTML:
http://www.yahoo.com/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Guides_and_Tutorials/
HTML Reference Guides
Situs-situs berikut menyediakan referensi semua tag HTML, dan browser-ekstensi spesifik ke HTML:
DJ Quad's Ultimate HTML Site http://www.quadzilla.com/
HTML Quick Reference http://kuhttp.cc.ukans.edu/lynx_help/HTML_quick.html
Mendesis HTML Jalfrezi http://www.woodhill.co.uk/html/html.htm
Yahoo memiliki beberapa link ke HTML Reference Guides:
http://www.yahoo.com/Computers_and_Internet/Information_and_Documentation/Data_Formats/HTML/Reference/
Sumber image
Situs-situs berikut menyediakan gambar yang dapat di-download dan digunakan pada halaman web Anda, yakni latar belakang, peluru, garis, ikon, tombol, dll
Galeri Graphics http://www.ourdomain.com/gallery/index.html
Yang Clipart Gudang http://www.fxmm.co.uk/clipart/index.htm
Design Shoppe http://www.softworldnet.com/theshop/theshop.html
Graphics Tanah http://searchwhere.simplenet.com/graphics/
Ender's Realm Graphics http://www.ender-design.com/rg/
Latar belakang, Textures dan Clipart Wonderland http://www.geocities.com/SiliconValley/Heights/1272/index.html
Yahoo memiliki beberapa link ke Image Resources:
http://www.yahoo.com/Computers_and_Internet/Internet/World_Wide_Web/Page_Design_and_Layout/Graphics/