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

> melalui   Document Toolbar > view Option > Head Content

> melalui   Menubar > View > Head Content

Maka hasilnya pada bagian atas jendela desain ditambahkan jendela Head Content yang menampilkan elemen-elemen tag Header yang telah ada, seperti Meta dan Title.

Menambahkan Tag Meta

Tag Meta adalah elemen tag Head yang berfungsi memberikan informasi tentang dokumen halaman web

Seperti format encoding karakter yang digunakan. pembuat website (author), Hak cipta (copryght) atau sebuah kata kunci (keyword) agar ditemukan oleh mesin pencari, seperti Google, yahoo, dan lainnya.

Untuk menambahkan informasi hak cipta (Copryght) pada tag meta,ikuti langkah-langkah berikut:

>  Perhatikan panel Insert pada panel Groups, Pilih tab Common > Head > Meta

>  Setelah muncul kotak dialog Meta, isikan parameter-parameter berikut

    Attribute : Name

    Value : copyright

    Content : misalnya "  Copyright (c) 2011 by technografi  "

>  Hasilnya terlihat pada jendela Head Content ditambahkan sebuah ikon Meta Copyright.

Panel Properti Tag meta

Panel properti tag meta akan muncul apabila anda mengklik ikon meta pada jendela Head Content. Panel ini menampilkan atribut yang dimiliki oleh tag meta, misalnya : atribut Name, Value, dan Content dari tag meta tersebut. Anda dapat mengubah atribut tag meta melalui panel properties ini atau melalui jendela desain mode Code dengan mengubah nilai atributnya secara langsung.

Menambahkan Meta Keyword

Keyword diperlukan agar web anda bisa dibaca oleh search engine seperti yahoo, google melalui robots search engine yang mereka miliki. Robots search engine adalah progam yang secara otomatis mencari web untuk mengumpulkan informasi bagi mesin pencari ke dalam indeks. Robots search engine mencoba membaca Content Keyword tag Meta dan menggunakan informasi tersebut untuk mengindeks halaman website anda ke alam database search engine. Beberapa search engine membatasi jumlah keyword atau karakter yang di indeks, bahkan mengabaikan keyword jika keyword yang dibuat melampaui batas.

oleh karena itu, anda harus menentukan beberapa keyword yang paling baik untuk mewakili halaman web anda. Untuk membuat Keyword anda dapat mengikuti langkah-langkah berikut :

>  Pastikan anda membuka halaman yang ditambahkan tag meta keywords.

>  Melalui Panel Insert, pilih  Common  >  Head  >  Keywords

    Sehingga akan muncul kotak dialog Keywords

>  Masukkan kata kunci yang paling menggambarkan halaman website anda. sebagai contoh

    " bisnis online,tutorial bisnis online,cara-cara bisnis online "

>  klik  >  OK

>  Hasilnya pada area Head Content ditambahkan ikon/gambar kunci dan pada kode HTML bagian Head

    ditambahkan tag Meta Keyword

>  Anda dapat mengubah kata kunci tersebut dengan memilih ikon kunci kemudian pada panel properties

    akan ditampilkan teks area untuk mengubah keyword anda.

Menambahkan Meta Deskripsi

Meta Description mempunyai fungsi yang hampir sama dengan Keyword, tetapi pada Meta Description ini search engine terkadang menampilkan beberapa baris informasi pada dokumen anda kedalam hasil halaman pencarian search engine.

Untuk Meta Description, Silakan anda ikuti langkah2 berikut

>  Pastikan anda berada pada halaman yang akan ditambahkan tag Meta.

>  Melalui Panel Insert, Pilih   Common  >  Head  >  Description

>  Setelah muncul jendela Description, masukkan deskripsi tentang halaman anda secara singkat, bisa juga

    slogan website anda, misalnya  "  belajar bisnis online  "

>  Klik  >  OK

>  Hasilnya pada area Head Content ditambahkan ikon Description.

>  Anda dapat mengubah Content Description melalui Panel Properties. untuk menampilkan properties

    description pada area Head Content

Menambahkan Elemen Refresh

Elemen Refresh digunakan untuk melakukan pembahruan/refresh halaman pada browser secara otomatis untuk selang waktu tertentu. pembaruan halaman yang ditampilkan pada browser dapat terjadi dengan memuat ulang halaman yang aktif atau membuka halaman lain. Elemen ini sering digunakan untuk mengalihkan user dari satu URL ke URL yang lain dan terjadi setelah halaman menampilkan pesan teks bahwa URL telah diubah.

Untuk menambahkan Elemen Refresh, ikuti langka-langkah berikut :

.

>  Pastikan anda berada pada halaman yang akan ditambahkan Elemen Refresh

>  Melalui Panel Insert, Pilih   Common  >  Head  >  Refresh

>  Setelah muncul jendela input Refresh, Masukkan parameter-parameter berikut

• Delay   : Waktu tunggu dalam detik sebelum browser memperbahrui/Refresh halaman
• Action  :  Aksi yang dilakukan browser saat memperbahrui halaman. terdapat 2 aksi yaitu
                 Go To URL untuk menuju halaman lain yang berbeda dan Refresh This Document untuk
                 memuat ulang halaman yang terbuka.

>  Hasilnya  pada area Head Content ditambahkan ikon Refresh
>  Anda dapat mengubah parameter elemen Refresh melalui Panel Properties

Menambahkan Tag Base

Tag Base digunakan untuk menentukan dasar URL dari path dokumen yang berhubungan dengan halaman yang bersangkutan. Untuk menambahkan Tag base,   ikuti langkah berikut

>   Melalui Panel Insert pilih  Common  >  Head  >  Base

>   Pada jendela input Base, masukkan parameter-parameter berikut

• Href       :   Url utama, pilih tombol browser untuk menentukan dokuman sebagai URL utama
• Target    :   Menentukan pada frame atau jendela yang mana semua dokumen yang terhubung akan dibuka. Target mempunyai 4nilai, yaitu   Blank  >  menampilkan dokumen yang terhubung pada halaman browser yang baru.  Parent  >  menampilkan dokumen yang terhubung kedalam frameset induk/parent atau jendela dari frame yang mengandung link.  Self  >  menampilkan halaman pada halaman yang sama dengan link.  Top  >  menampilkan halaman yang terhubung pada jendela browser secara penuh dengan menghapus semua frame.

>   Klik  >  OK

>   Hasilnya pada area Head Content ditambahkan ikon Base

>   Anda dapat mengubah parameter Base melalui Panel Properties

Menambahkan Tag Link
Tag Link digunakan untuk mendefinisikan hubungan antara dokumen yang aktif dengan file yang lain. Tag Link dapat anda gunakan untuk menghubungkan dengan dokumen CSS, Favicon, dan lain lain. Untuk menambahlan tag link, ikuti langkah-langkah berikut :

>   Melalui Panel Insert, pilih  Common  >  Head  >  Link
>   Masukkan parameter-parameter link pada jendela link yang muncul

• Href     >   URL file yang didefinisikan sebagai file relasi
• ID        >    menentukan identifikasi unik untuk sebuah link
• Title     >   digunakan untuk mendeskripdikan sebuah link. atribut ini berhubungan dengan dokumen ekternal CSS
• Rel       >   digunakan untuk menentukan hubungan antara dokumen yang aktif dengan dokumen Href. nilai yang mungkin di isikan adalah Alternatif, Stylesheet, Start, Next, Prev, Contents, Index, Shorcut, Icon, dan lain lain.
• Rev     >    digunakan untuk menentukan hubungan kebalikan antara dokumen aktif dengan dokumen Href. Nilai dari Rev adalah sama dengan nilai pada Rel.

>   Klik  >  OK

>   Anda dapat mengubah parameter Link melalui Panel Properties

Menambahkan Favicon

Favicon adalah sebuah ikon yang ditampilkan pada sebelah kiri alamat  URL website atau disebelah kiri judul website. Untuk menambahkan favicon, ikuti langkah langkah berikut :

>  Pada Panel Insert  >  Pilih tab Common  >  Head :  Link

>  Setelah muncul kotak dialog Link, masukan parameter berikut

• Href   >  Gambar/Logo.png
• Rel     >  Shorcut Icon
• Title   >  Favicon

>   Terlihat pada jendela Head Content ditambahkan sebuah Icon Link

>   Untuk menguji hasilnya, simpan halaman web anda kemudian lihat pada browser halaman internet anda.

Menambahkan Title Halaman Web

Title atau judul adalah teks yang ditampilkan pada browser bagian Titlebar. Untuk memberikan judul pada halaman website, dapat dilakukan melalui beberaapa cara :

>   Melalui Document Toolbar pada Titlebox

>   Melalui jendela Head Content dengan memilih obyek Title, kemudian mengisikan judul melalui Panel
     properties

Menambahkan Tag Script

Tag Script mempunyai fungsi yang sama dengan tag Link. hanya saja dokumen yang dihubungkan adalah JavaScript, JsScript, dan lain lain. Untuk menambahkan Tag script pada Tag Head, ikuti langkah berikut :

>   Melalui   Panel Insert  >  Pilih  Common  >  Script

>   Masukkan parameter sebagai berukut pada kotak dialog Script.

• Type     >   jenis dokumen Script, misalnya  "text, atau JavaScript"
• Source   >   letak dokumen Script, misalnya  skrip atau tanggal
• Content  >   Kosongkan
• No Script >   Kosongkan

>   Hasilnya pada area Head content ditambahkan sebuah ikon Script

>   Anda dapat mengubah parameter Script melalui Panel Properties