Mari Belajar.
Mari kita bersama belajar sesuatu yang berguna di sini

Page Properties

Labels:
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 dokument html
</head>
<body>
informasi tentang yang di tampilkan 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
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 ).




By http://www.dotcomcell.com
0 comments:

Post a Comment

Tanks atas kunjungannya ke blog ini


Followers

Site Info

free counters

Comment