Sebenarnya banyak sekali kode yang dipakai webdesainer. Paling tidak ada 6 cara yang banyak dipilih untuk menambahkan fungsi include ke dalam kode HTML.

Keenam kode ini menggunakan bahasa pemrograman sebagai berikut:

PHP – menggunakan php, phtml, atau phtm (server side)
JavaScript – menggunakan html atau htm (client side)
SSI – menggunakan ekstensi Server Side (shtml atau shtm)
ASP – menggunakan ekstensi asp (server side)
Ajax – Untuk keterangan lebih lanjut tentang Skrip Include dalam Ajax, temukan di sini.
Frames – Tutorial Frame dapat Anda temukan di sini.

Kode-kode berikut ini tergantung pada fasilitas server dan bagaimana setting server yang Anda gunakan.
Berikut ini basis perintah untuk menambahkan fungsi Include yang saya maksud:

SSI
Kode:
<!–#include file=”includes/menu.html” –>

ASP
Kode:
<!–#include file=”includes/menu.html” –>

PHP
Kode:
<?php include(“includes/menu.html”); ?>

JavaScript
Kode:
<script src=”includes/menu.js”></script>

(Jika anda menggunakan Javascript, mungkin beberapa Search Engine (Mesin Pencari) tidak akan bisa membacanya fungsi Include. Oleh karenanya saya tidak merekomendasikan tipe ini. Gunakan hanya jika Server Anda mendukung SSI, ASP, PHP dan atau Anda memerlukannya untuk mempertahankan ekstensi html file-file Anda.

Dengan model server side sebuah file akan diuraikan di server sebelum direder dalam browser. File menu.html hanya akan berisi kode navigasi Anda, misalnya seperti ini

Kode:

| <a href=”/beranda.asp”>Beranda</a> | <a href=”/tentang.asp”>Tentang Kamit</a> | <a href=”/kontak.asp”>Informasi Kontak</a> |

Dan hanya itu, tidak ada kode lain yang diperlukan karena bagian yang lain akan dipanggil dari halaman utama dengan menggunakan fungsi include.

Jika Anda menggunakan JavaScript akan sedikit berbeda caranya. Anda perlu menyimpan file ini sebagai menu.js:
Kode:

<!–
document.writeln(“| <a href=\”/beranda.asp\”>Beranda</a> | <a href=\”/tentang.asp\”>Tentang</a> | <a href=\”/kontak.asp\”>Informasi Kontak</a> |”);
//–>

dan kemudian panggil skrip tersebut ke dalam sebuah halaman dengan kode sebagai berikut:

Kode:
<script src=”includes/menu.js”></script>

Namun demikian, beberapa mesin pencari tidak bisa membaca Javascrip karena ini dianggap sebagai bahasa client side. Jika User menonaktifkan fungsi Javascript-nya, maka ia tidak akan melihat fungsi JavaScript.

Jika Anda menggunakan fungsi Include model server side, Saya merekomendasikan Anda untuk menggunakan link Virtual. Untuk mengetahui lebih detail tentang beberapa tipe hyperlink klik disini.

Jangan lupa periksa kembali fungsi Include mana saja yang didukung oleh hosting yang Anda gunakan saat ini.

terakhir, untuk ASP.NET (ASPX)
Kodenya:

<%
Response.WriteFile (“FileAnda.inc”)
%>

Anda lebih suka yang mana?

Tool berikut ini sudah terbukti berguna jika Anda ingin mengembangkan web berbasis CSS.

Beberapa program berikut ini telah saya coba sendiri dan terbukti telah membantu meringankan pekerjaan saya. Berikut ini uraian lengkapnya..

Program pembuat Form

* PHP Form
* JotForm
* Form Assembly
* FormSmarts

Program pembuat Layout CSS

* Page Maker – The Generator Form v2.90
* CSS Rounded Box Generator
* Free CSS Template Code Generator
* Firdamatic
* CSS Creator
* Website Template Maker
* Scriptomizers
* QrONE CSS Designer

Framework CSS

Framework CSS merupakan rangkaian sistem yang diperuntukkan bagi para pengguna yang ingin mendapatkan kemudahan pengembangan dan kreasi web dengan menggunakan bahasa standar Cascading Style Sheet. Mirip seprti bahasa program dan skrip, Framework CSS yang biasanya mempaketkan file .css kedalam headernya ini telah menyediakan sejumlah pilihan untuk kepentingan desain dan membuat layout web.

* YAML
* Blueprint CSS
* Yahoo! UI Library CSS Foundation
* CleverCSS
* WYMstyle
* Schema Web Design Framework

Program pembuat Menu Navigasi

* CSS Menu Generator
* IzzyMenu
* List-O-Rama!
* List-O-Matic
* CSS Tab Designer
* Colly’s CSS rollover generator

Tool untuk membuat CSS

* Format CSS Online
* CSSTidy
* CSS Compressor
* Tabifier
* Icey CSS Compressor
* Online CSS Optimiser/Optimizer
* Online CSS Optimizer

Tool CSS Lain

* Online CSS Scrollbar Color Changer
* S5Easy: Create S5 Slideshows Easy Online
* Spanky Corners
* HTML and CSS Table Border Style Wizard
* CSSVista

Tulisan ini dikembangkan dari sini. Semoga bermanfaat.