FrontPage沒有再出後續新版了嗎？沒錯！現在有了Expression Web....
FrontPage 網站製作工具已於2006下半年停止發行。為持續服務現有 FrontPage 客戶的廣泛需求，微軟將使用最新的技術提供這三項全新的應用程式建置與網站製作工具：適用於企業資訊工作者的 Microsoft Office SharePoint Designer、適用於專業網站設計者的Microsoft Expression Web Designer，以及適用於網站開發人員的 Microsoft Visual Studio。
參考網址
微軟網頁編輯器版本的演進：
FrontPage97 → FrontPage98 → FrontPage2000 → FrontPage2002 → FrontPage2003 → Expression Web1 → Expression Web2
微軟的FrontPage歷經了97、98、2000、2002、2003的五個版本後，已經進入尾聲，FrontPage將不會再推出更新的版本，往後將由Microsoft Expression Web Designer以及Microsoft Office SharePoint Designer來作為後續接力的新代號版本，其實這兩套軟體大部分的介面還是沿襲FrontPage的介面並已經推出繁體中文正式版一段時間了，所以如果熟悉FrontPage的朋友還是應該能很快的入手，Microsoft Office SharePoint Designer其實是比Expression Web Designer要多了可以與SharePoint Server協同整合的功能，不過必須有獨立主機與安裝另外付費的SharePoint Server，其他的功能則與Expression Web Designer相同。
其實Microsoft Expression Web Designer雖然乍看之下與原本FrontPage的操作介面近似，不過其軟體核心已經是以新架構重新改寫，它對於CSS2.X的支援度非常完整，產生的網頁Code碼也符合W3C公布的的網頁新架構標準，也對於ASP.NET支援度與整合性增強，這些特點也將是新型態網頁開發的主流。
2009年3月30日 星期一
2009年3月15日 星期日
網頁製作流程與優勢
本篇文章主要提供對於網頁製作有初步的概念，並比較跟紙本文宣相較之下，將資料網頁化的優點....
網頁製作流程：
網頁相較於傳統紙本文宣DM的優勢：
網頁製作流程：
- 主題架構：就是網站內容主題以及操作介面，先要想好。
- 取得工具：準備寫網頁的工具、圖片製作工具、網路工具。
- 編寫網頁：開始動工，編寫網頁，最累最有成就感的時候。
- 找個空間：寫好網頁就要放上網路，得找個免費空間來放。
- 上傳網頁：有了網頁空間，就將寫好的網頁上傳到網路上。
- 維護網頁：後續的維護網頁工作，保持網頁的新鮮度。
網頁相較於傳統紙本文宣DM的優勢：
- 方便即時修改，不用像傳統印刷紙張萬一大量印刷完要修改時，可能前面印刷的紙張都要被報廢，浪費印刷成本。
- 可使用超連結互相串連與說明。
- 可使用多媒體，包含聲音、影片、動畫等多媒體元素。
- 網頁資料放到網路上後，可隨時瀏覽查閱。
- 可搭配程式與資料庫撰寫前後台系統。
免費好用的流程圖繪製軟體
最近因為有課程之後可能需要用流程圖繪製，一般大部分用Microsoft Office Visio或是SmartDraw這類的付費軟體去繪製，不過我搜尋一下網路，發覺Dia這套免費的軟體也還蠻不錯的....
Dia下載後安裝起來，直接有繁體中文版的介面，以功能上來說，也算蠻簡易操作且功能也不差，可以用來繪製不同類型的流程圖與架構圖，安裝檔小巧(大約也才10幾MB)，也可以將繪製的圖案匯出成20多種格式，以供其他軟體使用。
不過在使用上，筆者試過安裝Dia的v0.961版本，發覺有一個地方有點不方便，就是選擇圖形與連接線條的工具箱，軟體預設值是會讓工具箱被其他視窗遮住，變成常常要去找工作箱視窗(會浪費時間對工作效率上不好)，其實可以做個小設定，在工具箱上選擇「檔案」/「偏好設定」，在「使用者介面」的頁面標籤上，勾選「令工具箱不會被任何圖表視窗遮蔽」的選項，再按下確定鈕，這樣再使用上就會變得便利多了！
您可以到教育部校園自由軟體應用諮詢中心下載與觀看教學，或是直接到原廠網站下載此軟體！
後續補充說明：
筆者後來發現新版的Dia 0.97.1-1 的安裝版裡，反而預設的語系沒有繁體中文版(只有簡中版)，但反而是Dia 網站上有提供另外一個可安裝在USB隨身碟上版本叫做 Dia Portable 0.97.1 ，裡面則預設有繁體中文語系可選用(真奇怪...)，所以建議您改下載安裝Portable 0.97.1版應該對使用上會比較好！
Dia下載後安裝起來，直接有繁體中文版的介面，以功能上來說，也算蠻簡易操作且功能也不差，可以用來繪製不同類型的流程圖與架構圖，安裝檔小巧(大約也才10幾MB)，也可以將繪製的圖案匯出成20多種格式，以供其他軟體使用。
不過在使用上，筆者試過安裝Dia的v0.961版本，發覺有一個地方有點不方便，就是選擇圖形與連接線條的工具箱，軟體預設值是會讓工具箱被其他視窗遮住，變成常常要去找工作箱視窗(會浪費時間對工作效率上不好)，其實可以做個小設定，在工具箱上選擇「檔案」/「偏好設定」，在「使用者介面」的頁面標籤上，勾選「令工具箱不會被任何圖表視窗遮蔽」的選項，再按下確定鈕，這樣再使用上就會變得便利多了！
您可以到教育部校園自由軟體應用諮詢中心下載與觀看教學，或是直接到原廠網站下載此軟體！
後續補充說明：
筆者後來發現新版的Dia 0.97.1-1 的安裝版裡，反而預設的語系沒有繁體中文版(只有簡中版)，但反而是Dia 網站上有提供另外一個可安裝在USB隨身碟上版本叫做 Dia Portable 0.97.1 ，裡面則預設有繁體中文語系可選用(真奇怪...)，所以建議您改下載安裝Portable 0.97.1版應該對使用上會比較好！
2009年3月2日 星期一
.com(.net)與.com.tw的網址以及前面有無加上www有何差別？
一般企業的網址申請，目前雖然可供選擇的網址(域名)種類很多，但一般還是會優先考慮.com(.net)或.com.tw這兩種網址，主要是大家好像比較習慣覺得這兩種網址比較"正統正式"一些...
簡單來說，.com(.net)這類的國際網址因為發展較早，所以差不多英文字典裡可以查得到的單字都被申請走了，大部分只能用諧音、兩個以上的單字拼字組合、自創字詞或加上數字或-_符號搭配...等的方式去申請，.com(.net)任何人都可以申請，沒有條件限制，.com(.net)的網址價格也比較便宜(相較於.com.tw的網址來說)，若要走比較有國際觀或同時有多個語系，申請.com(.net)網址是不錯的選擇！
其實國際網址還有.org、.info、.biz、.us、.name...等很多種，價格上大多相同，但這些網址屬性因為大家比較不習慣，所以使用率上比較低。
.com.tw的網址必須要是公司行號身分才能申請(個人無登記立案等證明文件是無法申請這類的網址)，以前必須要送相關證件紙本(例如營登、編配書、設立許可證、營業稅藉資料等)才行，現在雖可直接申請不用送紙本證明，但原申請資格條件仍在，也就是說如果沒有公司行號身分而去申請.com.tw雖然可以成功，但如果之後被檢舉填其資料不實而提不出證明，網址機構是有權依註冊管理辦法取消此網址，所以申請.com.tw的網址，在一般認知上是比較輕易可以辨識出來這是一家在台灣的企業，但由於.com.tw的推出與發展比較晚，一方面也是網址機構的規定與訂價問題，所以.com.tw的網址年費一定都會比.com(.net)來的貴。
至於很多網址前面會加上www，www是全球資訊網(World Wide Web)縮寫的意思，其實並不一定要加上(只是大家習慣有點變成約定俗成都習慣有加上，其實現在也有很多網址是沒有www，或是有加www或沒打www也一樣可以對應連線的)，在跟網址機構申請網址時是不用填入www，之後若需要則是需要在主機端DNS(這牽扯到比較深的網路技術就不討論了)去設定成www即可！
網域名稱的命名規定：
63個以內的英文或數字
可以是A~Z的英文字母或0～9的數字
可包含「-」短線
網址的第一個字或最後一個字必須是英文或數字，不可以是「-」短線
簡單來說，.com(.net)這類的國際網址因為發展較早，所以差不多英文字典裡可以查得到的單字都被申請走了，大部分只能用諧音、兩個以上的單字拼字組合、自創字詞或加上數字或-_符號搭配...等的方式去申請，.com(.net)任何人都可以申請，沒有條件限制，.com(.net)的網址價格也比較便宜(相較於.com.tw的網址來說)，若要走比較有國際觀或同時有多個語系，申請.com(.net)網址是不錯的選擇！
其實國際網址還有.org、.info、.biz、.us、.name...等很多種，價格上大多相同，但這些網址屬性因為大家比較不習慣，所以使用率上比較低。
.com.tw的網址必須要是公司行號身分才能申請(個人無登記立案等證明文件是無法申請這類的網址)，以前必須要送相關證件紙本(例如營登、編配書、設立許可證、營業稅藉資料等)才行，現在雖可直接申請不用送紙本證明，但原申請資格條件仍在，也就是說如果沒有公司行號身分而去申請.com.tw雖然可以成功，但如果之後被檢舉填其資料不實而提不出證明，網址機構是有權依註冊管理辦法取消此網址，所以申請.com.tw的網址，在一般認知上是比較輕易可以辨識出來這是一家在台灣的企業，但由於.com.tw的推出與發展比較晚，一方面也是網址機構的規定與訂價問題，所以.com.tw的網址年費一定都會比.com(.net)來的貴。
至於很多網址前面會加上www，www是全球資訊網(World Wide Web)縮寫的意思，其實並不一定要加上(只是大家習慣有點變成約定俗成都習慣有加上，其實現在也有很多網址是沒有www，或是有加www或沒打www也一樣可以對應連線的)，在跟網址機構申請網址時是不用填入www，之後若需要則是需要在主機端DNS(這牽扯到比較深的網路技術就不討論了)去設定成www即可！
網域名稱的命名規定：
63個以內的英文或數字
可以是A~Z的英文字母或0～9的數字
可包含「-」短線
網址的第一個字或最後一個字必須是英文或數字，不可以是「-」短線
2009年3月1日 星期日
Photoimpact教學好站分享
介紹幾個筆者覺得有Photoimpact教學的不錯網站...
PhotoImpact官方網站教學課程
http://www.corel.com/servlet/Satellite/tw/ct/Content/1200587370858
Corel原廠官方網站上有放了不少的教學，還有之前的友立產品用戶討論區也可以去看看。
楊比比‧楊 三十七度半
http://www.wretch.cc/blog/mscraft
Photoimpact的教學大概在這個部落格是最多最猛的了，我很多年前曾經上過楊姁老師的課(不過不是Photoimpact而是AutoCAD)，後來在研討會聽到楊姁老師的Photoimpact課程，覺得楊老師講話變得很幽默呦！楊老師出的Photoimpact的書我覺得都不錯：http://musecraft.myweb.hinet.net/
瀟灑
http://www.wretch.cc/blog/jackiewu7
瀟灑老師的部落格，裡面也有Photoimpact的教學，在研討會聽到瀟灑老師的Photoimpact課程，覺得瀟灑老師的鄉土風格還蠻可愛的！
陳尚斌之 PhotoImpact 教學網站
http://www.hccvs.hc.edu.tw/Pipi/PI/Index.htm
PhotoImpact官方網站教學課程
http://www.corel.com/servlet/Satellite/tw/ct/Content/1200587370858
Corel原廠官方網站上有放了不少的教學，還有之前的友立產品用戶討論區也可以去看看。
楊比比‧楊 三十七度半
http://www.wretch.cc/blog/mscraft
Photoimpact的教學大概在這個部落格是最多最猛的了，我很多年前曾經上過楊姁老師的課(不過不是Photoimpact而是AutoCAD)，後來在研討會聽到楊姁老師的Photoimpact課程，覺得楊老師講話變得很幽默呦！楊老師出的Photoimpact的書我覺得都不錯：http://musecraft.myweb.hinet.net/
瀟灑
http://www.wretch.cc/blog/jackiewu7
瀟灑老師的部落格，裡面也有Photoimpact的教學，在研討會聽到瀟灑老師的Photoimpact課程，覺得瀟灑老師的鄉土風格還蠻可愛的！
陳尚斌之 PhotoImpact 教學網站
http://www.hccvs.hc.edu.tw/Pipi/PI/Index.htm
其他語系知名的搜尋引擎
除了台灣的搜尋引擎之外，將其他語系的知名搜尋引擎列表出來供您參考...
大陸
1.搜狐 http://www.sohu.com/
2.百度 http://tw.baidu.com/
3.網易 http://www.163.com/
4.中國網址黃頁 http://www.114.com.cn/
5.搜搜網頁 http://www.soso.com/
6.北極星 http://www.beijixing.com.cn/
7.名捕 http://www.mingbu.com/
香港1.添達香港搜索器 http://timway.com/
2.Y28.com威易發 http://www.y28.com/index.php
日文1.goo http://www.goo.ne.jp/
2.infoseek http://www.infoseek.co.jp/
3.freshEYE http://www.fresheye.com/
4.excite http://www.excite.co.jp/
英文1.Google http://www.google.com/
2.Yahoo http://www.yahoo.com/
3.MSN http://www.msn.com/
4.LYCOS http://www.lycos.com/
5.altavista http://www.altavista.com/
6.lyGO Visual Search http://www.lygo.com/
7.Excite http://www.excite.com/
8.looksmart http://www.looksmart.com/
9.dmoz http://dmoz.org/
10.A9 http://a9.com/
11.Clusty the clustering search engine http://clusty.com/
12.Gigablast http://gigablast.com/
13.Ask_com Search Engine http://www.ask.com/
14.Alltheweb http://www.alltheweb.com/
15.whatuseek http://whatuseek.com/
大陸
1.搜狐 http://www.sohu.com/
2.百度 http://tw.baidu.com/
3.網易 http://www.163.com/
4.中國網址黃頁 http://www.114.com.cn/
5.搜搜網頁 http://www.soso.com/
6.北極星 http://www.beijixing.com.cn/
7.名捕 http://www.mingbu.com/
香港1.添達香港搜索器 http://timway.com/
2.Y28.com威易發 http://www.y28.com/index.php
日文1.goo http://www.goo.ne.jp/
2.infoseek http://www.infoseek.co.jp/
3.freshEYE http://www.fresheye.com/
4.excite http://www.excite.co.jp/
英文1.Google http://www.google.com/
2.Yahoo http://www.yahoo.com/
3.MSN http://www.msn.com/
4.LYCOS http://www.lycos.com/
5.altavista http://www.altavista.com/
6.lyGO Visual Search http://www.lygo.com/
7.Excite http://www.excite.com/
8.looksmart http://www.looksmart.com/
9.dmoz http://dmoz.org/
10.A9 http://a9.com/
11.Clusty the clustering search engine http://clusty.com/
12.Gigablast http://gigablast.com/
13.Ask_com Search Engine http://www.ask.com/
14.Alltheweb http://www.alltheweb.com/
15.whatuseek http://whatuseek.com/
繁體中文搜尋引擎基本登錄
做好網站然後去登錄搜尋引擎是基本動作！介紹在台灣幾個主要搜尋引擎的免費登錄網址位置...
Google
世界級的Google有著相當驚人的蜘蛛程式自動搜尋資料技術，所以往往您不需要特別將網站去Google做登錄資料也常會被找到。
如果您想手動到Google登錄您的網址，可以到 https://www.google.com/webmasters/tools/submit-url?hl=zh-TW&continue=/addurl&pli=1 登錄(需登錄Google帳號)。
Google Blog 網誌搜尋
Google另外還有一個專門搜尋部落格的服務，若您的網站是部落格型態，您也可以到 http://blogsearch.google.com/ping 去新增索引，增加曝光的機會。
Bing(以前為MSN 台灣，目前Yahoo!奇摩的搜尋已經改使用Bing技術)
軟體大廠微軟公司成立的搜尋入口網站，隨著MSN Messenger即時通訊軟體的普及，連帶也使得MSN搜尋網站的知名度與使用率大增。
不過現在MSN網站的搜尋已經改成Bing，您可以到 https://ssl.bing.com/webmaster/legacy/submitsitepage.aspx 進行登錄。
hiPage 中華黃頁網路電話簿
可免費加入會員登錄，請由http://hipage.hinet.net/frmMeIdvUpdForm.asp進入。
世界級的Google有著相當驚人的蜘蛛程式自動搜尋資料技術，所以往往您不需要特別將網站去Google做登錄資料也常會被找到。
如果您想手動到Google登錄您的網址，可以到 https://www.google.com/webmasters/tools/submit-url?hl=zh-TW&continue=/addurl&pli=1 登錄(需登錄Google帳號)。
Google Blog 網誌搜尋
Google另外還有一個專門搜尋部落格的服務，若您的網站是部落格型態，您也可以到 http://blogsearch.google.com/ping 去新增索引，增加曝光的機會。
Bing(以前為MSN 台灣，目前Yahoo!奇摩的搜尋已經改使用Bing技術)
軟體大廠微軟公司成立的搜尋入口網站，隨著MSN Messenger即時通訊軟體的普及，連帶也使得MSN搜尋網站的知名度與使用率大增。
不過現在MSN網站的搜尋已經改成Bing，您可以到 https://ssl.bing.com/webmaster/legacy/submitsitepage.aspx 進行登錄。
hiPage 中華黃頁網路電話簿
可免費加入會員登錄，請由http://hipage.hinet.net/frmMeIdvUpdForm.asp進入。
得知有無被搜尋引擎登錄索引記錄
介紹兩個指令語法小技巧，讓您搜尋引擎裡究竟有無記錄到您的網站資料...
site:
網站沒有出現在搜尋結果頁的主要原因是搜尋引擎並沒有索引到您的網站，而要如何知道網站有沒有被索引呢？
可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中，輸入指令"site:www.mysite.com" ，指令內的網址請輸入您自己的網站網址， 將會顯示出此網址有被搜尋引擎索引到的網頁。
link:若您希望知道搜尋引擎裡有紀錄哪些網站有連結您的網站網址，可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中，輸入"link:www.mysite.com" ，指令內的網址請輸入您自己的網站網址， 將會顯示出此網址有被搜尋引擎關連到的所有網頁。
site:
網站沒有出現在搜尋結果頁的主要原因是搜尋引擎並沒有索引到您的網站，而要如何知道網站有沒有被索引呢？
可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中，輸入指令"site:www.mysite.com" ，指令內的網址請輸入您自己的網站網址， 將會顯示出此網址有被搜尋引擎索引到的網頁。
link:若您希望知道搜尋引擎裡有紀錄哪些網站有連結您的網站網址，可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中，輸入"link:www.mysite.com" ，指令內的網址請輸入您自己的網站網址， 將會顯示出此網址有被搜尋引擎關連到的所有網頁。
2009年2月22日 星期日
網頁設計軟體列表分析
筆者將網頁設計軟體的屬性與學習方向，以表格的方式條列出來，希望有助於有志於學習此方面的朋友觀看與理解....
簡單來講，最好在網站設計領域裡能如下表學完一直列會比較有幫助(例如會網頁編輯設計軟體、又會點陣式影像處理軟體、又會點陣式動畫軟體…)，而如果能橫向發展(例如同時會三種網頁編輯設計軟體)，則是遇到問題時能夠思考用哪一套軟體去設計比較便捷，可以較為快速解決問題(其實同類型軟體大部分原理與發展都類似，學第二套同類軟體時多半可以較快上手)，以一般網頁視覺美術設計的需求，多半要會Dreamweaver(偏網頁設計功能)、Photoshop(不過網頁用圖其實用Fireworks就夠了)、Flash，若有需要繪製較複雜的向量圖才會用到Illustrator，筆者自己個人喜好比較特殊，習慣用Expression Web2、Ulead PhotoImpactX3、SWiSH、CorelDRAW為主，其他的軟體搭配為輔，而微軟的Silverlight動畫目前尚未成為主流可以先不用去學。
備註一：上表指的是偏網站建置，如果要平面設計則要比較偏重Photoshop(可以處理CMYK)、Illustrator或CorelDRAW及InDesign或QuarkXPress以及Adobe Acrobat，還有印刷實務方面。
備註二：上表沒有列出音效方面的編輯軟體，例如Goldwave、Sound Forge，也沒有列出多媒體編輯軟體，例如Adobe After Effects、Microsoft Expression Encoder。
備註三：網站程式設計程式設計其實還分有許多語法以及功能規格，例如Ajax、ASP、ASP.NET、PHP、JSP、ColdFusion…，向量式動畫軟體內也可以撰寫程式(例如ActionScript)，細節不再本篇討論範圍內。
各種軟體的操作筆者一直覺得只是一個工具的運用(設計的本質主要賣的還是您的創意與美學素養)，只要先選定要用的軟體(軟體各有其優缺點，並沒有絕對是哪套最好，只要自己使用習慣順手就好)，這方面的書可以自己去書局翻閱，找幾本您自己覺得比較看得懂與合您學習口味的作者即可(例如有些人習慣用指令式功能教學，有些人習慣用範例帶入指令式的教學)。
簡單來講，最好在網站設計領域裡能如下表學完一直列會比較有幫助(例如會網頁編輯設計軟體、又會點陣式影像處理軟體、又會點陣式動畫軟體…)，而如果能橫向發展(例如同時會三種網頁編輯設計軟體)，則是遇到問題時能夠思考用哪一套軟體去設計比較便捷，可以較為快速解決問題(其實同類型軟體大部分原理與發展都類似，學第二套同類軟體時多半可以較快上手)，以一般網頁視覺美術設計的需求，多半要會Dreamweaver(偏網頁設計功能)、Photoshop(不過網頁用圖其實用Fireworks就夠了)、Flash，若有需要繪製較複雜的向量圖才會用到Illustrator，筆者自己個人喜好比較特殊，習慣用Expression Web2、Ulead PhotoImpactX3、SWiSH、CorelDRAW為主，其他的軟體搭配為輔，而微軟的Silverlight動畫目前尚未成為主流可以先不用去學。
| Adobe解決方案 | Microsoft解決方案 | 其他解決方案 | |
| 網頁編輯設計軟體(HTML、XHTML、CSS、SCRIPT) | Dreamweaver、GoLive(已淡出市場) | Expression Web、SharePoint Designer、FrontPage(已淡出市場)… | Namo WebEditor、NetObjects Fusion(已淡出市場)… |
| 點陣式影像處理軟體 | Photoshop、Fireworks | Expression Design | Ulead PhotoImpact、Corel Paint Shop Pro、Corel PHOTO-PAINT… |
| 點陣式動畫軟體(GIF動畫) | Photoshop、Fireworks | Microsoft GIF Animator | Ulead GIF Animator、Ulead COOL 3D… |
| 向量式繪圖軟體 | Illustrator、FreeHand(已淡出市場) | Expression Design | CorelDRAW… |
| 向量式動畫軟體 | Flash(Swf動畫)、LiveMotion(已淡出市場) | Expression Blend(Silverlight動畫) | SWiSH(Swf動畫)… |
| 網站程式設計軟體 | Dreamweaver | Expression Web、Visual Studio .NET、Visual InterDev(已淡出市場) | UltraEdit… |
備註一：上表指的是偏網站建置，如果要平面設計則要比較偏重Photoshop(可以處理CMYK)、Illustrator或CorelDRAW及InDesign或QuarkXPress以及Adobe Acrobat，還有印刷實務方面。
備註二：上表沒有列出音效方面的編輯軟體，例如Goldwave、Sound Forge，也沒有列出多媒體編輯軟體，例如Adobe After Effects、Microsoft Expression Encoder。
備註三：網站程式設計程式設計其實還分有許多語法以及功能規格，例如Ajax、ASP、ASP.NET、PHP、JSP、ColdFusion…，向量式動畫軟體內也可以撰寫程式(例如ActionScript)，細節不再本篇討論範圍內。
各種軟體的操作筆者一直覺得只是一個工具的運用(設計的本質主要賣的還是您的創意與美學素養)，只要先選定要用的軟體(軟體各有其優缺點，並沒有絕對是哪套最好，只要自己使用習慣順手就好)，這方面的書可以自己去書局翻閱，找幾本您自己覺得比較看得懂與合您學習口味的作者即可(例如有些人習慣用指令式功能教學，有些人習慣用範例帶入指令式的教學)。
網頁設計好書推薦
推薦一些關於網頁設計類型的書供您參考，這些都是筆者曾經閱讀過的覺得不錯的書....
網頁設計的一些基礎觀念，建議您可以看下面兩本書，這兩本是日本作者翻譯成中文的，日式的寫法觀念很清楚易於閱讀。
★快速掌握Web設計技法，博碩文化出版
★速習！網站設計達人講座，旗標出版
基礎的HTML的觀念與架構是需要認識的(含XHTML)，CSS的架構也要清楚，這本是工具字典書，不是要你全背，簡單基本的知道就好，一般還是用網頁編輯器產生碼，但要知道網頁編輯器產生的碼大概是再做什麼的，有需要手動細節修改時才會改，需要時再翻找本書語法與應用就好！
★CSS‧HTML‧XHTML精緻範例辭典，旗標出版
在新型態網頁設計都需要用CSS做版面編排，早點學會比較好，用表格做主要編排會逐漸落伍，但CSS也有其複雜處，而且要會學會靈活應用是要花時間去試與學的。
★Web CSS 網頁設計大全，博碩文化出版
★無師自通的Web設計-CSS的12大類網站設計專題製作，博碩文化出版
關於配色與版面設計，這不是短時間內可以速成的，如果不是原本視覺設計相關科系的人(我自己也不是學這方面科技背景的)，自然要多辛苦自己進修充實，還有要多看與多做(一開始可以從找好的樣板模仿去做)，一般說來網頁設計主流大約可以分成歐美式(極簡、絢麗、商業、搞怪)、日式(樸實嚴謹、溫馨、可愛、保守)、韓式(配色大膽、鮮明凸顯)，配色也可以由這個網站預設主要的瀏覽族群去思維，或是由企業商標配色去做延伸(這是比較保險的作法)，也可以搭配相近或相同色系不同深淺的顏色，還有要注意的是網頁版面設計不比平面設計可能內容尺寸都是固定範圍，必須要去考量這個版型若是搭配程式資料庫動態塞入資料進來時，會不會造成版面破掉等問題，要怎要去避免與銜接延伸版面等也需要多練習才能獲得較好的經驗。
★配色王-最能激發創意與觸動人心的配色技法，博碩文化出版
★e-project創意網站經典，碁峰出版
★WEB LAYOUT設計的美學，旗標出版
★Web Better Design設計師談精彩網頁設計，松崗出版
★企業形象網頁設計，藝風堂出版
或者可以購買一些版型配色方面的書籍例如到：
http://www.sungoodbooks.com/sungood/index-categories.php?cPath=70
http://www.yftpublisher.com.tw/DP-3.htm
網頁設計的一些基礎觀念，建議您可以看下面兩本書，這兩本是日本作者翻譯成中文的，日式的寫法觀念很清楚易於閱讀。
★快速掌握Web設計技法，博碩文化出版
★速習！網站設計達人講座，旗標出版
基礎的HTML的觀念與架構是需要認識的(含XHTML)，CSS的架構也要清楚，這本是工具字典書，不是要你全背，簡單基本的知道就好，一般還是用網頁編輯器產生碼，但要知道網頁編輯器產生的碼大概是再做什麼的，有需要手動細節修改時才會改，需要時再翻找本書語法與應用就好！
★CSS‧HTML‧XHTML精緻範例辭典，旗標出版
在新型態網頁設計都需要用CSS做版面編排，早點學會比較好，用表格做主要編排會逐漸落伍，但CSS也有其複雜處，而且要會學會靈活應用是要花時間去試與學的。
★Web CSS 網頁設計大全，博碩文化出版
★無師自通的Web設計-CSS的12大類網站設計專題製作，博碩文化出版
關於配色與版面設計，這不是短時間內可以速成的，如果不是原本視覺設計相關科系的人(我自己也不是學這方面科技背景的)，自然要多辛苦自己進修充實，還有要多看與多做(一開始可以從找好的樣板模仿去做)，一般說來網頁設計主流大約可以分成歐美式(極簡、絢麗、商業、搞怪)、日式(樸實嚴謹、溫馨、可愛、保守)、韓式(配色大膽、鮮明凸顯)，配色也可以由這個網站預設主要的瀏覽族群去思維，或是由企業商標配色去做延伸(這是比較保險的作法)，也可以搭配相近或相同色系不同深淺的顏色，還有要注意的是網頁版面設計不比平面設計可能內容尺寸都是固定範圍，必須要去考量這個版型若是搭配程式資料庫動態塞入資料進來時，會不會造成版面破掉等問題，要怎要去避免與銜接延伸版面等也需要多練習才能獲得較好的經驗。
★配色王-最能激發創意與觸動人心的配色技法，博碩文化出版
★e-project創意網站經典，碁峰出版
★WEB LAYOUT設計的美學，旗標出版
★Web Better Design設計師談精彩網頁設計，松崗出版
★企業形象網頁設計，藝風堂出版
或者可以購買一些版型配色方面的書籍例如到：
http://www.sungoodbooks.com/sungood/index-categories.php?cPath=70
http://www.yftpublisher.com.tw/DP-3.htm
2009年2月21日 星期六
給要走網頁美編設計的初學者一些建議(三)
不少設計公司常常不願意花時間成本培養新手(萬一快培養好結果就離職走人，對設計公司來說是很傷的)，所以設計助理或新手設計師薪資很低但工時長(且希望要會的東西還是不少)，這樣還不見得容易應徵上，大部分設計公司都會希望來應徵者是即戰力可以立即上火線的(若你是設計公司老闆的角色大概也會這想)。
以設計業普遍來講算是比較少重視學歷，大部分都是以經歷(例如你待過哪一家知名的設計公司幾年)或作品，尤其是作品，因為很現實的層面，如果一個學歷是博士一個學歷是大學，基本上設計公司不太會因為學歷高而錄用(因為常常是理論過多實做不強，應徵主管又不夠，有點不上不下，會覺得點貴又不好用)，相反的如果學歷沒那麼高但作品好有時反而會受歡迎(因為薪資要求也會比較適中合理)。
您可以把設計當做是第二專長(畢竟平時興趣與短期的訓練，在大部分設計公司眼裡並不討喜)，先把您學校主專長顧好(很多人常常覺得在學校那麼久沒學到東西，其實只是自己沒發掘，即使是理論或者是多聽幾次專有名詞還是多少會有潛移默化的效果)，第二、第三專長也會有加分的效果，，但相對的一下子要把第二與第三專長拿來當做第一專長主力確實是太過沈重，如果您真的對設計這樣行有興趣，除了偶而能接些案件充實自己的作品集之外(如果兼職接些案件，我覺得價錢低一些沒關係，但不要接太趕的，要有充裕時間完成把一些很作品先磨出來)，要是有段時間沒有好的兼職案件，建議您可以去參加一些比賽(很多設計論壇網站常有這類訊息)，至少他會有些主軸與方向讓你去設計，雖然一開始大概是拿不到很名次等於是花時間做白工，但您可以藉由這樣的設計經驗，去看看那些得獎者的作品是怎樣(通常設計比賽應該都會公布得獎作品)，這樣您可以多少知道別人得獎的作品設計思維與展現方法與技巧，因為您自己也有做過所以感觸會比較深，也可以累積您的作品集，經由這樣的經驗也會有利於較快速的學習，之後若能有因此獲得一些獎，除了自己履歷上好看之外，對於找這方面工作上也會有加分效果！
筆者自己很多年以前(快十年前了吧)曾經參加過PCHome的網頁設計比賽(某個藝人的，承辦單位有準備文字與照片素材)，雖然沒得獎，但可以看到其他得獎者用一樣的基本素材做出來的成品，確實是比我做得好，但就可以去觀摩別人怎樣做的(尤其自己有做過再去看印象很深，幫助比較大)，若您沒有自己做過而去看得獎者的作品其實感覺這不會那樣深(只是走馬看花看過去而已)。
之後筆者有參加過國稅局的網頁設計比賽，可能有點幸運有得到第二名(在一樣的素材下這次比較有經驗先研究比較久才下手做)，那個比較正式還有得到獎狀，也算一次還蠻難得的經驗，後來就因為做比較商業與業務客服系統分析等事情，就沒有再參賽了！
關於本文第一段提到的新手到企業任職的事情，或許常見的觀點是會認為企業很不願意栽培人，，除了新人任職往往穩定性不夠，或者是學完後沒多久就離職對企業是造成很大傷害(因為新人前幾個月的產值是很低，反倒是企業必須花費很多額外人物力與時間去培養)，底下這一段文字是引用節錄自邱文福先生的部落格全文請參考，我覺得有闡述出中小企業主的觀點思維：
談到憲法保障，人民生存權、工作權與財產權都是保障範圍，勞基法是否過度保障勞工？蔑視資方造成經濟發展殺手？如果中間出現不平衡保障，也是人民的資方，能提出憲法層次的抗議嗎？ 例如說，我們年輕時的學徒制度，一個從不會到會的過程，常常就是企業新人的傷害，資方為了進用新人，於社會發展本是正向價值與意義的，但是在進用新人時，企業的風險除了新人勘用與否，還要施與培訓，其代價與付出之高，若不是此人足以長期擔任伙伴關係，根本是企業生存的一大殺手；然而，當新人在磨合期尚且無法勝任，勞基法卻給予完全保障，完全忽略企業新人適應問題對資方可能造成的巨大傷害。 這中間因此出現的不平等生存權其實就非常清楚了。政府、法院的執事者或傳統的非理性主觀意識，從來都認為資方屬於強勢一方，勞方則為弱勢，事實上這是非常錯誤的觀念。
以設計業普遍來講算是比較少重視學歷，大部分都是以經歷(例如你待過哪一家知名的設計公司幾年)或作品，尤其是作品，因為很現實的層面，如果一個學歷是博士一個學歷是大學，基本上設計公司不太會因為學歷高而錄用(因為常常是理論過多實做不強，應徵主管又不夠，有點不上不下，會覺得點貴又不好用)，相反的如果學歷沒那麼高但作品好有時反而會受歡迎(因為薪資要求也會比較適中合理)。
您可以把設計當做是第二專長(畢竟平時興趣與短期的訓練，在大部分設計公司眼裡並不討喜)，先把您學校主專長顧好(很多人常常覺得在學校那麼久沒學到東西，其實只是自己沒發掘，即使是理論或者是多聽幾次專有名詞還是多少會有潛移默化的效果)，第二、第三專長也會有加分的效果，，但相對的一下子要把第二與第三專長拿來當做第一專長主力確實是太過沈重，如果您真的對設計這樣行有興趣，除了偶而能接些案件充實自己的作品集之外(如果兼職接些案件，我覺得價錢低一些沒關係，但不要接太趕的，要有充裕時間完成把一些很作品先磨出來)，要是有段時間沒有好的兼職案件，建議您可以去參加一些比賽(很多設計論壇網站常有這類訊息)，至少他會有些主軸與方向讓你去設計，雖然一開始大概是拿不到很名次等於是花時間做白工，但您可以藉由這樣的設計經驗，去看看那些得獎者的作品是怎樣(通常設計比賽應該都會公布得獎作品)，這樣您可以多少知道別人得獎的作品設計思維與展現方法與技巧，因為您自己也有做過所以感觸會比較深，也可以累積您的作品集，經由這樣的經驗也會有利於較快速的學習，之後若能有因此獲得一些獎，除了自己履歷上好看之外，對於找這方面工作上也會有加分效果！
筆者自己很多年以前(快十年前了吧)曾經參加過PCHome的網頁設計比賽(某個藝人的，承辦單位有準備文字與照片素材)，雖然沒得獎，但可以看到其他得獎者用一樣的基本素材做出來的成品，確實是比我做得好，但就可以去觀摩別人怎樣做的(尤其自己有做過再去看印象很深，幫助比較大)，若您沒有自己做過而去看得獎者的作品其實感覺這不會那樣深(只是走馬看花看過去而已)。
之後筆者有參加過國稅局的網頁設計比賽，可能有點幸運有得到第二名(在一樣的素材下這次比較有經驗先研究比較久才下手做)，那個比較正式還有得到獎狀，也算一次還蠻難得的經驗，後來就因為做比較商業與業務客服系統分析等事情，就沒有再參賽了！
關於本文第一段提到的新手到企業任職的事情，或許常見的觀點是會認為企業很不願意栽培人，，除了新人任職往往穩定性不夠，或者是學完後沒多久就離職對企業是造成很大傷害(因為新人前幾個月的產值是很低，反倒是企業必須花費很多額外人物力與時間去培養)，底下這一段文字是引用節錄自邱文福先生的部落格全文請參考，我覺得有闡述出中小企業主的觀點思維：
談到憲法保障，人民生存權、工作權與財產權都是保障範圍，勞基法是否過度保障勞工？蔑視資方造成經濟發展殺手？如果中間出現不平衡保障，也是人民的資方，能提出憲法層次的抗議嗎？ 例如說，我們年輕時的學徒制度，一個從不會到會的過程，常常就是企業新人的傷害，資方為了進用新人，於社會發展本是正向價值與意義的，但是在進用新人時，企業的風險除了新人勘用與否，還要施與培訓，其代價與付出之高，若不是此人足以長期擔任伙伴關係，根本是企業生存的一大殺手；然而，當新人在磨合期尚且無法勝任，勞基法卻給予完全保障，完全忽略企業新人適應問題對資方可能造成的巨大傷害。 這中間因此出現的不平等生存權其實就非常清楚了。政府、法院的執事者或傳統的非理性主觀意識，從來都認為資方屬於強勢一方，勞方則為弱勢，事實上這是非常錯誤的觀念。
訂閱：
文章 (Atom)
