萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML 4.0 語法其他技巧

HTML 4.0 語法其他技巧

 ■ 網頁配色及背景音樂

  首先是網頁的底色,通常是白白的,要怎麼做變化呢?可以做自己的背景圖片。

  要注意一點,如果背景和文字顏色一樣~或者顏色相近,天啊~那誰知道你在寫什麼呀?最好文字與背景顏色有對比,像敝人當初,網頁背景是黑的,字是白的紅的,就可以很明顯的突顯出文字。如果圖片中有文字,也要盡量淡化,否則影響內容就不好啰!

  內容的東西顏色要配的適宜(除非你想要有奇怪的風格),不然像背景大紅大紅,太刺眼了,有人會想去嗎?剩下的就讓您自己配配看吧!

  然後是音樂,有人喜歡用bgsound標簽

  <bgsound src="music.mid">

  可是用NetScape看就沒有聲音了最好用embed標簽 <embed src="music.mid">

  這樣就可以正常播放了唷~

  ■ 首頁應有的特質及重要性

  About Open Page:打開browser看到網站的第一個部份,有人稱之為Open Page(通常是首頁的一半或三分之一),這個部份應該包含網站的主功能(亦即使用者上這個網站最希望或者最可能做的事),ex. 一進入Allproducts.com即可看到“Key word search”及“Search by category”,應該盡量避免讓使用者還要使用mouse上下左右拉才能看到他(她)所想要的功能或資訊,有時資訊太多,在不得已的情況下,頁面可以往下沿申,但切忌右左劃面過大,不符一般人的使用習慣,也會造成列印上的困擾。

  主題明確:Open Page應包含公司Logo、網站主題(最好是一段簡短的Slogan,讓使用者一看就知道這個網站主要功能或架站目的,ex. Allproducts.com上的The world's best products directory for volume buyers)

  Navigation:讓使用者很明確了解他(她)目前在網站的什麼地方(或功能),首頁上應該有主要功能的連結,各個icon如果可能的話,盡可能加上一些純文字的說明及link;至於icon或者link的擺放亦應有其相對應的邏輯,如與整個網站或大架構較為相關的,放在較外層,與目前執行的功能或頁面較為相關的link應該放在內層;另外,最好能在首頁上提供Site Map的連結,讓使用者可以很快了解網站的架構;所有的link應該把握 intuitive , obvious , fast的原則。

  Color or image:對於顏色的采用,應該考慮到該網站的特性及與其它相關網站的區別,特別是首頁的顏色配置,應該讓使用者感覺很舒服、沒有壓迫感,但又不失其專業性,但切忌過度追求美感而犧牲其功能性,就公司目前的網站設計理念,應該是功能性的考量優於純美術的考量,首頁的設計最好設定在60k以內,而且不要用太多層的table。

  Meta tag:該部份不會出現在前端的頁面上,但網站規劃時應該將該部份一並考量,做為網站登錄時使用,網站上線時務必將相關資料加入。

  其它:首頁上應該有service account 及 聯絡資料

  ■ Meta Tag 的簡介

  一般常用的格式如下:

  <Title>All Products Online</title>

  這雖說不是meta的一部份,但是也不可忽略,總長度不要超過85個Character (約10個字)。

  <meta http-quive="content-type" content="text/html; charset=iso-8859-1">

  說明網站的格式及編碼方式,另外這個功能也可以拿來說明網站的名稱。

  <meta name="keyword" contents="關鍵字一, 關鍵字二, 關鍵字三, …..">

  鏟明整個網站的關鍵字,關鍵字間用逗點隔開,總長度最好不要超過1000個Character (約44個字)。

  <meta name="description" contents="整個網站的描述….">

  鏟明整個網站為何吸引人的地方,可用逗點隔開,總長度最好不要超過200個Character (約15個字),若文章真的太長,可以切割成兩個部分,較不重要的部分置入下一個Description。

  <meta name="robots" content=" ALL, NONE, INDEX, NOINDEX, FOLLOW, NOFOLLOW">

  此功能是要給搜尋引擎使用的,是要用來告訴Spider哪些網頁是要去撷取的或不用去撷取的,一般都設定成All(內定值)

copyright © 萬盛學電腦網 all rights reserved