講義：數位設計與網頁設計
一，新興設計行業
１９８０年代後，設計行業因個電腦人與ｗｗｗ的普及，而形成許多
新興的設計行業。諸如：遊戲軟體設計、網頁網站設計、電子廣告設
計、ｗａｐ站台設計，乃至數位繪畫創作、電子電影、電子動畫卡通
、虛擬畫廊（設計）、人工智慧的進階、電腦輔助設計的進階等等。
這些都與設計行業有密切關係，有些更被視為設計行業的一種。

不過，顯然這些新興的設計行業，都要兼跨資訊科學、設計學。或是
說，這些新興的設計行業是以原先知識技術分類中的資訊科學、圖書
館學、數學、設計學；通訊學科、微電子學科、影像處理學科、人工
智慧學科、規劃企劃學科、資料處理學科；近代數理邏輯課程、電腦
語言課程、電腦輔助設計課程、資料結構課程、一般分科設計課程、
、網路與多媒體設計課程、傳播媒體課程等等所組合起來的新科系與
新行業。

這樣的新行業在國內早已興起約十餘年，目前也有許多大專院校設立
了這樣的科系，諸如：雲林科技大學的設計運算研究所、數位設計系
長榮科技大學的媒體設計系、台灣藝術大學的媒體與設計研究所．．
．．等等，也有許多大專院校在既有的相關科系所裡分出類似的組，
諸如：台南藝術學院、交通大學、台灣師範大學（圖文傳播系所）、
世新大學．．．．等等。

不論稱為電子媒體設計、數位設計、設計運算或圖文傳播設計，其中
最主要的就是：數理邏輯、資訊科學（計算機概論與人工智慧）、版
面設計三樣的融會貫通與融合運用。
而透過ｗｗｗ的網頁設計練習，正可一舉熟悉這種三樣融會貫通與融
合運用的奧妙。


二，數位設計
數位設計就是設計運算，在中文裡數位設計偏重設計，設計運算偏重
運算（計算機科學、數理邏輯）。

2-1,數位設計(以下摘自雲科大設計運算所網站對數位設計的說明)
數位設計過去或有稱為「Computer Aided Design」,「Info-Design」
「Cyber-Design」、「Digital Design」等，但這些名稱都無法完整
呈現該領域之知識內涵，我們期望以「設計運算」（Computational 
Design）的名稱來實現。國立雲林科技大學在設計與資訊科技優良師
資與設備的整合基礎上，帶動臺灣設計領域追求「e」化之企圖心與
願景。

2-2,研究與教學目標
提供更有效的設計資源整合環境 
探討電腦科技與設計整合的相關理論 
研發符合設計行為與訊息溝通所需的數位應用系統 
透過設計運算的研究提昇設計教育的品質 

2-3,研究方向
使用者介面設計（user interface design）研究 
多媒體系統（multimedia systems）研究 
設計衍生系統（design generative systems）研究 
設計資訊系統（design information systems）研究 
合作式設計（collaborative design）研究 
設計知識（design knowledge）研究 
設計語言（design language）研究 


三，ＷＷＷ與網站
網站就是一些網頁的組合串聯，網頁就是電子檔，這樣的電子檔就像
數位相機所拍出來的照片一樣是電子檔，只不過網頁的電子檔所包含
的資料型態更多樣，不像數位相機照片的電子檔通常只是jpge檔。
網頁的資料型態可以有文字檔（.txt）、影像檔（.gif或.jpg等）、
聲音檔、動畫檔、等等。
當每一張網頁編寫完成，同時閱讀的順序也連結完成時，網站就算初
步完成了。剩下的工作就是將這些編寫完成的電子檔怎麼掛在侍服器
上。
除非你自己有一台電腦，二十四小時開著，同時又將此電腦設定為侍
服器，並去登記網域。否則通常都是先申請免費網頁空間或租用網頁
空間（此時就有你的網址、帳號、密碼與侍服器網址），然後再透過
FTP （傳輸軟體）將這些編寫完成的電子檔上傳到你的網址上。如此
就可以讓全世界的人看到你的網站了。

當然，ＷＷＷ也非常方便資料的搜尋與選取，只是，以全球而言，你
要看得懂各國的網站、網頁，（除非都是影像檔）那你也還是要先看
得懂各國文字。


3-1，HTML語言與相關語言
HTML(超文件傳輸通訊協定)是HyperText Transfer Protocol的簡寫
主要在規定一種ＷＷＷ（全球資訊網絡）間資料傳輸的協定（格式）
，而且這裡所稱的資料包括圖、文、音等資料。
透過HTML，就可以使侍服器上的資料順利的傳輸與「以瀏覽器」來閱
讀。
HTML雖然是高階電腦語言，但對初學者而言，仍然有一定的難度。所
以，HTML語言出現不久，就有「瀏覽器」開發商發展出直接編寫HTML
語言的軟體，諸如：IE所發展出的composer（）與NETSCAPE所發展出
來的frontpage（）。

3-2，網站的種類與網站架設的種類
3-2-1網站的種類
a.地區別：.tw、.cn、.jp
b.功能別：.com（商業）、.edu（教育）、.org（組織、政府）
、.net（實驗、網路專業）、.idv（個人）
3-2-2網站架設的種類
a.商業類入口站的免費網頁空間、付費網頁空間
b.虛擬主機（付費網頁空間＋網站設計）
c.出租主機（付費網頁空間＋網站設計＋固定ＳＥＶＥＲ與ＩＰ）
d.自設主機（申請網域與未申請網域）

3-3，免費網頁空間的申請
學校（本校）
教育部補助：亞卓市
商業網站：
國內：雅虎奇摩、ＰＣｈｏｍｅ、TACOCITY、MSAtw、８ｄ８ｄ、TripodAsiatw、
國外：GEOCITIES、LYCOS、NETVIGATOR（香港）、
3-4，其他網站利器
計數器，討論區，留言版，網路問卷與網路投票，入口站登錄

四，網頁設計
4-1，網站的設計邏輯與閱讀邏輯
4-2，網頁設計軟體
4-3，圖形資料與文字資料的電子檔
4-4，frontpage操作
4-5，composer操作
4-6，一般文書軟體的轉檔（html檔）的利弊


回首頁