I made this widget at MyFlashFetish.com.

2010年9月28日星期二

网页设计

我们每天上网游览,上FB,看戏,听歌,玩游戏;
但你们知道这些网站的每一页是怎么来的吗?
是那些懂电脑的人设计好好,打好好的吗?
我们这些使用者就滑动下老鼠,按按就行啦?

上Google输入你想找的几个关键字,不用几秒
就会弹出一大堆搜寻结果给你~按进去的每个网
都不一样;有些进去会很吸引;但有些还没认真看,
就想把他给关了~相信大家会有这些经验吧~

其实每个网页都是经过设计的~好不好就另当别论~
哈哈~网页设计是目前的一个趋势和蛮火红的行业~
只因网络已经普遍化,人们的需求提升了~要求高~
所以,市场上和课程上我们就有了这个东西啦~

还没接触到网页设计时,是觉得制作一个网页的背后~
是存在许许多多的代码啦~程序啦~符号啦~复杂哦~
果然不出我所料,但随着科技的发达和发明,现在简单些
也方便了些,只需要多练习和背些代码就可以了,因为
他就像数学一样,公式是死的,看你怎么去玩和用~

现在来到教学的时间啦~以下是我个人整理的简短资料:
网页设计就是这样的一个东西:
标识语言> 设计、建模、执行过程> 电子格式信息> 互联网> 图形用户界面(GUI)> 浏览

简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后,服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字,图片(GIFs, JPEGs,PNGs)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画视频声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。

随着浏览器和W3C标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

通常,网页可以分为静态网页动态网页

静态网页页面上的内容和格式一般不会改变,只有网管可根据需要更新页面。

动态网页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言 (JavaScript、JScript、Actionscript)来改变。当然更普遍的是由服务器端的描述语言(Perl、PHP、ASP、JSP、 ColdFusion等)进行编译,从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。

网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了幾大部分:

簡史

HTML

超文本标记语言(Hypertext Markup Language) 網絡的資訊越來越多,網站須有引人注意的外觀,才能增加人次,達到宣傳的目的。人們開始注意網頁的外觀,HTML亦因此變得更複雜、更具彈性。表格,原本是更整齊展現資料的工具,變成了排版工具。CSS的出現令以表格為基礎的外觀設計被視為過時。伺服器方面的技術亦改變了網絡的構造,使用者可以選擇其瀏覽方式、外觀。Flash的出現為設計師和媒體創作人開創了新路。除了引人的外觀之外,亦有一個重要的考慮點:網路無障礙,即使用者能否容易讀取資訊。

XHTML

由于XML可构造性XHTML 1.0在2000年1月26日成为W3C的推荐标准,即HTML将会随着时间淘汰

外觀的影響

流動性 對 固定排版

大部分網站設計師原本是每處地方都有絕對限界的平面設計師。可是在網頁瀏覽器,卻不能控制某些因素,特別是瀏覽器的闊度。

有些設計師將其網頁定義在固定大小的表格中,每部分的寬度都有精確的數據,一般使用確定的值,這就是固定排版了。然而有人認為這不好,因為這種設計罔顧使用者的設定,他們使用流動性排版,網頁的寬度使用百分比定義寬度,因此網頁會依瀏覽器的螢幕解析度而改變。 但是流動性的排版對於日益增大的螢幕就不一定合適,因為人的眼睛進行橫向閱讀時,過長的文字會增加閱讀的困難度,反之大約在十幾個字即換行的文章,瀏覽者會更好吸收其內容。

Flash

Adobe Flash這套軟件能夠很輕易做到一些華麗的圖像效果,亦可以進行編程,因此近年來出現在不少網站上。有些網站更以Flash完全代替HTML。

可是Flash帶來的問題不少:

  • 搜索引擎不能記錄Flash的內容
  • 盲人不能透過屏幕阅读器來取得其內容

所以大部分人都不會以Flash為主要設計,Flash通常成了首頁的開場畫面或網站內的小遊戲。

两种设计模式

从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这讓越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。同时,这样做也不利于大型网站的改版工作。

于是随着主流網頁瀏覽器對CSS的支援度提高,近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命,其核心在于分隔网页的風格和內容(en:Separation of style and content),指標記語言(如HTML,XML)負責定義頁面的內容,但不可以定義任何涉及網站外觀(風格)的東西。而網站風格就由另外的CSS檔案負責。在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。這種模式有很多好處,例如可以協助搜尋引擎查找網頁的情況,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点,其中一個弱點就是,在不同瀏覽器出來的效果会有分別,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面,開始設計CSS時,並不能清楚看到目標,因此显得不直观。

是不是有好多正常人看不懂的名词呢?哈哈~没那么简单咯~

下一篇将会分享我如何设计个网站的过程和经验啦~

敬请期待~哈哈~加油~^^

没有评论:

发表评论