建網系列一: 網頁Web設計 3C 要點  

這個課程著重理論, 少教授 HTML 等寫網頁技/巧, 對於程式員、網主或設計員都相當實用。      By: Dr.  Ron (MC Institute)

第一章

第一節: 什麼是 3C?

     Quality Content 內容質素: 要留意內容的真確性和可信性,  適當地引用內容出處.

      Reader Convenience 方便溜覽: 

         1) 令網友便於找尋資料；

         2) 容易在網內四處閱覽；

         3) 易於觀看: 無需下載特別軟件來觀看效果；

         4) 縮短下載時間。

     Artistic Composition 畫面結構 : 避免太多花巧外觀而忘了內容的表達力及實用性；用不同溜覽器(如: IE/ Netscape/ AOL)觀看上載了的網頁效果, 有些效果只能在某溜覽器中觀看。寫網頁時可多留意 www.w3c.org 內列的標準 HTML標籤。

第二節: 實踐 3 C 的方法 (關於內文須知)

1) 縮短下載時間: 

    把網頁分成若干小網頁, 各有自成一格的內容或主題, 由於細小的畫面下載較快, 故可縮短時間；

    避免把大型圖檔置放在網頁頂部；

2) 便於溜覽: 

    在各網頁中加上 "Home", "Back", "Forward"等鏈結；

    要連結至別人的網頁時, 可用新視窗開啟連結的網頁, 使溜覽者無需離開你的網址；

    若要登陸在國際性的搜尋器如" Excite" , "Hotbot",   "Infoseek" 等時, 必須留意 " Page Title", "Meta tag" 等 HTML 標籤, 因為大部分搜尋器都靠它們辨認或搜尋到   你的網頁。

3) 維修及更新: 

    上載網頁時可連 folders 一起, 以便日後搬移網站時節省時間；

    定時更新網內文章及內容；

    定期檢查網內的連結是否有效；

    儘快回覆電郵查詢和建議；

    如無暇更新, 可把工作外判給其他公司。

第三節: 實踐 3 C 的方法 (關於外觀及圖片須知)

1) WYSIWYG: What you see is what you get. 即是要肯定, 無論溜覽者所用視窗或尺寸為何, 也不會影響了觀看你網頁的原本外觀。 利用 <UL>把內容分項, 用<DL>把內容列點等亦有相同的作用。

2) 圖形檔: 溜覽器只能觀看少數圖形儲存格式, 其中最普遍的格式為 GIF和 JPEG. GIF圖形檔有"透明" 顯示的特性, 令圖形好像繪在網頁上一樣, 不會呈現浮突樣子；此外, GIF圖形可利用 "Interlaced"效果, 使圖形在下載時立即出現模糊影像, 再慢慢清晰, 以減少等候的時間；不過, 若要準確地表達顏色, 還是以 JPEG格式儲存為佳。

3) 縮短下載圖形檔: 

    利用< width> <height>去定義圖形尺寸, 讓溜覽器預先算出圖形的位置。(尺寸單位=點, 72pts = 1寸)

    把圖形縮小: 縮小圖形時要留意長和闊的縮小比列必須一致；

    利用 ALT= 的< IMG>附屬標籤去定義圖形的顯示名稱, 使溜覽者於不下載圖片時亦看到圖片名；此外, 當滑鼠停留在圖形上時亦會顯示名稱。