Menu | Format | Page Properties

Menu - Format

[ Page Properties ]

Page Properties, boleh diartikan bagaimana cara mengatur dekorasi Halaman Web yang nantinya ditampilkan dalam browser web. Agar lebih paham, ikuti penjelasan berikut :

- Meta Tags , adalah elemen untuk mengaplikasikan meta-data dalam halaman

web yang memberikan keterangan tentang Isi Halaman Web itu sendiri.

Pembuatan Meta Tag bertujuan supaya situs kita lebih cepat dikenali secara

Otomatis oleh Crawler -nya Search Engine/Mesin Pencari ( Google, Yahoo,

Bing, dll ), karena isi keterangan situs kita sudah dituliskan dalam meta-data,

mudahnya begitu! Tahu istilah SEO ( Search Engine Optimization ) ?

Contoh sebagai berikut ( untuk situs anda silahkan menyesuaikan metatag-nya

dengan isi/content dari situs-tentang apa ) :

Jika data telah dimasukkan ,klik OK ,setting dari Meta Tags tadi akan hidden.

Untuk menampilkan apakah anda telah berhasil membuat MetaTags, coba anda

klik Preview pada Toolbar atau tekan F5 pada keyboard. Kemudian anda buka

Browser anda ( saya menggunakan Firefox ) , pada Menu Firefox klik View

pilih Page Source atau Ctrl+U pada keyboard. Sedangkan hasilnya berdasar

data meta tag yang saya buat di atas ,kira-kira sebagai berikut :

- Background , lebih diutamakan sebagai dekorasi latar belakang halaman

web.Berikut contoh isian image gambar dan musik yang saya aplikasikan pada

Halaman Web ini.

Penggunaan image/ gambar untuk Background yang dibuat agak kabur atau

semi transparan lebih membantu , karena user/pengunjung situs dapat mudah

membedakan mana Elemen/ Foreground ( latar depan ) dan mana Background

( latar belakang ) yang sesungguhnya.

Coba anda perhatikan dengan seksama latar belakang Logo Dotcomcell yang

saya pakai. Juga background musik yang terdengar, jika tidak ada musik itu

berarti anda membutuhkan Plug-in audio di Browser ( coba QuickTime ).

Fungsi Fix Background yang dicentang mengakibatkan Image background

diam meskipun Elemen kita scroll.

Repeat , untuk menunjukkan pengulangan/kloning image untuk Background.

Forever pada background musik mengartikan pengulangan musik seterusnya,

jika halaman web tidak di tutup

Data untuk image dan musik dapat diambil dari local disk melaui Browse.

- Appearance , mengatur letak dari Halaman Web ( semua Elemen ) dalam

Browser dan juga tampilan Text, Link,Background Text ( tiga yang terakhir

berhubungan dengan Text Link Style Sheet ).

Align Left , artinya Halaman Web/semua Elemen Web dalam Browser akan

selalu ditampilkan di sebelah KIRI.

Align Center,artinya Halaman Web/semua Elemen Web dalam Browser akan

selalu ditampilkan di TENGAH.

Untuk mencoba , isi Layout dengan beberapa Elemen, Kemudian klik Preview

atau F5 pada Toolbar. Perhatikan letak/posisi dari Elemen-elemennya.

- Page Transition , berfungsi menambah efek tampilan halaman web saat

user masuk ataupun keluar dari halaman web situs kita. Anda yang sering

bermain dengan Slide Show-Video Editing tidaklah asing menggunakan efek

transisi ini, apalagi Web Page Maker sudah menyediakan secara sederhana.

Harap diperhatikan, hasil dari efek transisi tidak bisa dilihat pada mode

Preview/offline. Anda harus Publish/Upload dahulu file Html pada Hosting

anda agar hasil efek transisi dapat dilihat di Browser ( jadi harus Online ).

- Header , dalam Web Page Maker menjelaskan pengertian Head, Body dan

sekuritas halaman web.

Berikut saya jelaskan sedikit tentang konsep Head-Body dalam Code Html :

( sekali lagi pada Browser → View → Page Source ).

<html>

<head>

... informasi tentang dokumen HTML

</head>

<body>

... informasi tentang yang ditampilkan dalam browser web

</body>

</html>

Bagi yang kurang paham silahkan DOWNLOAD TUTORIAL DASAR HTML

Berikut contoh inputan :

Anda bisa melihat hasil melalui Preview di Browser, perhatikan JUDUL di

pojok kiri atas browser anda ( berdasar contoh, coba masuk di halaman

HOME DOTCOMCELL ).

Sedangkan untuk keamanan,halaman web juga bisa diberi sebuah password

dan jika user tidak bisa masuk halaman tersebut bisa anda arahkan masuk

ke halaman web lain/situs lain → If login fails, go to : .....

Berikut contoh sebuah warning jika user berusaha masuk halaman yang ada

passwordnya ( kalimat sudah saya modifikasi ).

DOWNLOAD HALAMAN WEB INI