Mengatur Layout Halaman Web

Layout dapat diartikan sebagai tata letak bagian bagian halaman body web, bagian bagian halaman web dapat berupa Header, banner, menu Navigasi, Halaman Utama/Content, Menubar, Footer, dan lain lain

Layout suatu halaman web menentukan bagus tidaknya suatu desain.

Menambahkan Elemen Head Halaman

Head adalah bagian dari website yang tidak ditampilkan pada halaman browser, tetapi Head mempunyai fungsi yang sangat penting. Bagian Head dapat digunakan untuk menghubungkan antara fike external (CSS atau JavaScript) dengan halaman web yang bersangkutan, tempat penulisan sebuah keyword/kata kunci agar halaman web tercatat dalam mesin pencari (search engine), seperti yahoo, google, dan sebagainya.

Head digunakan untuk menuliskan informasi tambahan sebuah halaman website. pada Head dapat berisi tag Meta, tag link, tag Title, dan lain sebagainya. Secara default, elemen Head tidak ditampilkan pada halaman desain. Anda dapat menampilkan elemen Head melalui cara berikut

Menampilkan Halaman Web Pada Browser

Setelah Anda mempunyai halaman web sederhana, uji hasilnya pada browser melalui beberapa cara berikut

>  Melalui Sebuah ikon kecil gambar dunia pada Document Toolbar
>  Melalui menubar File > Preview in Browser > Nama Broser
>  Buka browser kemudian ketikkan " localhost/bisnisonline " pada address browser apabila dokumen anda
    bernama "index", tuliskan secara lengkap, misalnya " localhost/bisnisonline/index.html "

Maka halaman web sederhana yang anda buat akan terlihat pada browser anda.

Membuat Halaman Web Sederhana

Sebagai permulaan sebelum membuat halaman web yang lebih kompleks, akan dibuat halaman web sederhana dimana akan menampilkan tulisan di browser, ikuti langkah berikut untuk membuat sebuah halaman web sederhana memakai Adobe Dreamweaver CS4

Membuat Site

Setelah anda memahami area kerja Adobe DreamweaverCS4, selanjutnya adalah membuat sebuah site.
Site adalah folder proyek yang digunakan untuk menyimpan file-file yang berkaitan dengan website yang akan anda buat. site ini adalah langkah awal anda dalam membangun sebuah website dengan Adobe Dreamweaver
untuk membuat site, ikuti langkah-langkah berikut:

BROWSER

Browser adalah aplikasi yang digunakan untuk menampilkan file-file website, baik html, php, mht, dan lain sebagainya. anda tidak akan dapat menampilkan hasil dari desain anda apabila anda tidak mempunyai browser anda dapat menggunakan browser Internet explorer (IE) yang merupakan bawaan windows. Mozila Firefox, Opera, Safari, Chrome, dan lain lain

Perangkat Tambahan

Selain Adobe DreamweaverCS4, anda juga membutuhkan sebuah browser yang berfungsi menampilkan hasil desain halaman web. sementara itu, untuk membuat website yang dinamis anda membutuhkan sebuah database (misalnya MySql), sebuah server web (misalnya Apache) dan sebuah phpAdmin untuk melakukan pengolahan database dengan php. Berikut penjelasannya...

Area Kerja Adobe DreamweaverCS4

Area Kerja Adobe DreamweaverCS4 adalah lingkungan yang di gunakan untuk merancang halaman web anda.
Pada area kerja ini terdapat jendela utama, yaitu jendela dokumen (Document Window) yang berfungsi untuk mendesain halaman, baik dengan cara penulisan kode maupun secara visual. selain itu, juga terdapat menubar, Toolbar, dan panel panel yang membantu desain halaman web dengan mudah.

Star Page

Star Page adalah kotak dialog yang di tampilkan pertama kali bersamaan dengan jendela utama aplikasi Adobe Dreamweaver CS4 saat di jalankan.fungsi dari Star Page ini adalah menampilkan menu pilihan yang ada di Adobe Dreamweaver CS4,dimana user berhak memilih menu mana yang akan di pakai atau di jalankan.