网页设计
维基百科,自由的百科全书
网页設計是基于互联网的媒体設計,藉着構圖、后台程序等各種技巧來設計作品,包括設計網頁、網站和網頁應用程式。
网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了幾大部分:
下面將會介紹網頁的版面構圖的技術為主。
目录 |
[编辑] 簡史
[编辑] HTML
網絡的資訊越來越多,網站須有引人注意的外觀,才能增加人次,達到宣傳的目的。人們開始注意網頁的外觀,HTML亦因此變得更複雜、更具彈性。表格,原本是更整齊展現資料的工具,變成了排版工具。CSS的出現令以表格為基礎的外觀設計被視為過時。伺服器方面的技術亦改變了網絡的構造,使用者可以選擇其瀏覽方式、外觀。Flash的出現為設計師和媒體創作人開創了新路。
除了引人的外觀之外,亦有一個重要的考慮點︰親和力——使用者能否容易讀取資訊呢?
[编辑] XHTML
由于XML的可构造性,目前3WC组织将会在2008年前公布新的XHTML标准,即HTML将会随着时间而淘汰。
[编辑] 外觀的影響
[编辑] 流動性 對 固定排版
大部分網站設計師原本是每處地方都有絕對限界的平面設計師。可是在網頁瀏覽器,卻不能控制某些因素,特別是瀏覽器的闊度。
有些設計師將其網頁定義在固定大小的表格中,每部分的長度都有精確完美的訂明,一般使用确定的值,這就是固定排版了。然而有人認為這不好,因為這種設計罔顧使用者的設定,他們使用流動性排版,網頁的長度使用百分比定义长度,因此网页會依瀏覽器的状、尺寸而改變。
[编辑] Flash
Macromedia Flash這套軟件能夠很輕易做到一些華麗的圖象效果,亦可以進行編程,因此近年來出現在不少網站上。有些網站更以Flash完全代替HTML。 、 可是Flash帶來的問題不少︰
- zh-cn:搜索引擎; zh-tw:搜寻发动机不能記錄Flash的內容
- 盲人不能透過zh-cn:文本朗读软件; zh-tw:螢幕閱讀機來取得其內容
所以大部分人都不會以Flash為主要設計,Flash通常成了首頁的開場畫面或網站內的小遊戲。
[编辑] 两种设计模式
从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这使得越来越复杂的版面需要许多曾不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。
于是随着主流網頁瀏覽器對CSS的支援度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命,其核心在于分隔网页的風格和內容(en:Separation of style and content),指標記語言(如HTML,XML)負責定義頁面的內容,但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。這種模式有很多好處,例如可以協助搜尋引擎查找網頁的情況,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点,其中一個弱點就是,在不同瀏覽器出來的效果会有分別,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面,開始設計CSS時,並不能清楚看到目標,因此显得不直观。
[编辑] 參見
[编辑] 外部鏈結
- 網站設計的宗派
- A List Apart
- Web Accessibility Initiative (WAI),W3C的親和力指引
- Dive Into Accessibility - 在 30 天內打造更具親和力的網站]
- Tendancies, news
- Wiskill聚材網(威客) - 中港威客工作平臺,一個兼職網,可於網上出價完成設計工作。