網頁設計軟體列表分析

筆者將網頁設計軟體的屬性與學習方向，以表格的方式條列出來，希望有助於有志於學習此方面的朋友觀看與理解....

簡單來講，最好在網站設計領域裡能如下表學完一直列會比較有幫助(例如會網頁編輯設計軟體、又會點陣式影像處理軟體、又會點陣式動畫軟體…)，而如果能橫向發展(例如同時會三種網頁編輯設計軟體)，則是遇到問題時能夠思考用哪一套軟體去設計比較便捷，可以較為快速解決問題(其實同類型軟體大部分原理與發展都類似，學第二套同類軟體時多半可以較快上手)，以一般網頁視覺美術設計的需求，多半要會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

給要走網頁美編設計的初學者一些建議(三)

不少設計公司常常不願意花時間成本培養新手(萬一快培養好結果就離職走人，對設計公司來說是很傷的)，所以設計助理或新手設計師薪資很低但工時長(且希望要會的東西還是不少)，這樣還不見得容易應徵上，大部分設計公司都會希望來應徵者是即戰力可以立即上火線的(若你是設計公司老闆的角色大概也會這想)。

以設計業普遍來講算是比較少重視學歷，大部分都是以經歷(例如你待過哪一家知名的設計公司幾年)或作品，尤其是作品，因為很現實的層面，如果一個學歷是博士一個學歷是大學，基本上設計公司不太會因為學歷高而錄用(因為常常是理論過多實做不強，應徵主管又不夠，有點不上不下，會覺得點貴又不好用)，相反的如果學歷沒那麼高但作品好有時反而會受歡迎(因為薪資要求也會比較適中合理)。

您可以把設計當做是第二專長(畢竟平時興趣與短期的訓練，在大部分設計公司眼裡並不討喜)，先把您學校主專長顧好(很多人常常覺得在學校那麼久沒學到東西，其實只是自己沒發掘，即使是理論或者是多聽幾次專有名詞還是多少會有潛移默化的效果)，第二、第三專長也會有加分的效果，，但相對的一下子要把第二與第三專長拿來當做第一專長主力確實是太過沈重，如果您真的對設計這樣行有興趣，除了偶而能接些案件充實自己的作品集之外(如果兼職接些案件，我覺得價錢低一些沒關係，但不要接太趕的，要有充裕時間完成把一些很作品先磨出來)，要是有段時間沒有好的兼職案件，建議您可以去參加一些比賽(很多設計論壇網站常有這類訊息)，至少他會有些主軸與方向讓你去設計，雖然一開始大概是拿不到很名次等於是花時間做白工，但您可以藉由這樣的設計經驗，去看看那些得獎者的作品是怎樣(通常設計比賽應該都會公布得獎作品)，這樣您可以多少知道別人得獎的作品設計思維與展現方法與技巧，因為您自己也有做過所以感觸會比較深，也可以累積您的作品集，經由這樣的經驗也會有利於較快速的學習，之後若能有因此獲得一些獎，除了自己履歷上好看之外，對於找這方面工作上也會有加分效果！

筆者自己很多年以前(快十年前了吧)曾經參加過PCHome的網頁設計比賽(某個藝人的，承辦單位有準備文字與照片素材)，雖然沒得獎，但可以看到其他得獎者用一樣的基本素材做出來的成品，確實是比我做得好，但就可以去觀摩別人怎樣做的(尤其自己有做過再去看印象很深，幫助比較大)，若您沒有自己做過而去看得獎者的作品其實感覺這不會那樣深(只是走馬看花看過去而已)。

之後筆者有參加過國稅局的網頁設計比賽，可能有點幸運有得到第二名(在一樣的素材下這次比較有經驗先研究比較久才下手做)，那個比較正式還有得到獎狀，也算一次還蠻難得的經驗，後來就因為做比較商業與業務客服系統分析等事情，就沒有再參賽了！

關於本文第一段提到的新手到企業任職的事情，或許常見的觀點是會認為企業很不願意栽培人，，除了新人任職往往穩定性不夠，或者是學完後沒多久就離職對企業是造成很大傷害(因為新人前幾個月的產值是很低，反倒是企業必須花費很多額外人物力與時間去培養)，底下這一段文字是引用節錄自邱文福先生的部落格全文請參考，我覺得有闡述出中小企業主的觀點思維：

談到憲法保障，人民生存權、工作權與財產權都是保障範圍，勞基法是否過度保障勞工？蔑視資方造成經濟發展殺手？如果中間出現不平衡保障，也是人民的資方，能提出憲法層次的抗議嗎？ 例如說，我們年輕時的學徒制度，一個從不會到會的過程，常常就是企業新人的傷害，資方為了進用新人，於社會發展本是正向價值與意義的，但是在進用新人時，企業的風險除了新人勘用與否，還要施與培訓，其代價與付出之高，若不是此人足以長期擔任伙伴關係，根本是企業生存的一大殺手；然而，當新人在磨合期尚且無法勝任，勞基法卻給予完全保障，完全忽略企業新人適應問題對資方可能造成的巨大傷害。 這中間因此出現的不平等生存權其實就非常清楚了。政府、法院的執事者或傳統的非理性主觀意識，從來都認為資方屬於強勢一方，勞方則為弱勢，事實上這是非常錯誤的觀念。

給要走網頁美編設計的初學者一些建議(二)

當有一天興趣成為賺錢謀生的壓力時，的確有時候會變得不那麼美好，不過現實生活往往是如此，社會上是形形色色各種客戶都有，這也就是實務的經驗與歷練的重要了，其實筆者自己也一直不斷的學新知識，資訊&設計類的東西很多真的只是聞道有先後、術業有專攻而已，很多跟年齡無關，只是要不要去用心與有耐心去學以及留意業界的一些趨勢潮流而已！

若您有做短期進修課程，需提醒您要了解上的課程只是速成引領入門，後續還是要靠自己有心去持續學習，且這類進修課程，說實在的講師與教育機構其實都會有默契只要不缺課太誇張，基本上都會給不錯的分數與順利結業的，畢竟講師也都不想自找麻煩，甚至有些講師自己也想要混過去教完就好，而教育機構主要也是留意學員能否符合補助資格規定與有繳費或學員對課程的反應等，加上是學習的環境講師一般也不會太苛求學員(免得導致學員向教育機構反應不良)，並且一些範例講師都會挑過比較容易做讓學員有學習成就感，所以實際上跟外面客戶的要求難免會有一段不小的落差，這些等您後面有到一些業界任職時大概就比較能體會了，不過設計公司多半規模都不大，所以大會希望是即戰力，設計類的職務薪水不高但工作時間不短，或許您也可以找一些較大型公司有缺設計美工、企劃人員之類的職缺發展看看，或是一些小型但非資訊設計行業的職缺，有一些經驗與作品後，再往一些比較知名專業的設計公司求職。

不過設計在某些層面來看是一件很主觀的事情，例如您設計了一個畫面，A君覺得很棒有90分，可能B君覺得還好只有70分，像筆者也蠻常遇到客戶承辦窗口覺得不好，但客戶老闆覺得很好(或者是情形相反)，所以設計有時候要做出的不是設計師自我為中心認為最好的，而是要做出符合客戶決定關鍵人物的角度口味，並且讓大部分人看了都有一個水平之上的分數就可以了，很難達到完美的，且還要去考量先期詢問、導引客戶、成本、時間等因素，盡可能在預定的時程預算內把結案才行！

MSN即時通訊視窗置入網頁的作法(MSN 即時熱線)

不曉得您有無注意，現在不少網站(尤其是個人部落格)裡有直接顯示出MSN即時通訊視窗，而且還會顯示是否在線上的狀態，讓瀏覽者不需要知道您的MSN帳號與使用MSN即時通訊軟體，就可以直接用網頁傳送訊息給您，這樣的功能叫做MSN即時熱線，這要怎樣做請看下面敘述…




請到http://settings.messenger.live.com/applications/Default.aspx，用您的MSN帳號登入，登入後選擇「網頁設定」，勾選「允許在網路上的任何使用者看見我的狀態，並可傳送訊息給我。」的選項。



再選擇「建立HTML」，同時在這裡可以調整視窗寬高與色系樣式等設定。


將樣式都調整設定好之後，把產生出來的HTML碼複製起來，貼到您的網頁或部落格上(至於要貼到什麼位置就要看您的網頁或網站系統是否可以支援貼入與支援這樣外部的HTML置入了)。


網頁版的MSN即時通訊視窗，功能上當然是陽春許多，大體上僅支援文字類的溝通，一些心情圖示與特殊功能是沒辦法秀出來的，所以在使用上要注意，以免有人用
網頁版的MSN聯繫您的時候，您用自己電腦上個人正常
版的MSN通訊軟體回覆時，用到的一些特殊效果其實對方在網頁上很可能是看不到的！

更詳細的資料可以到MSN 即時熱線官網觀看介紹：http://wowimme.spaces.live.com/

讓IE8瀏覽器變成以IE7模式運行觀看的小訣竅

Internet Explorer 8瀏覽器正式版推出後，發覺IE8對網頁語法的解析跟IE7有不小的落差(尤其對一些CSS邊框線條之類的語法)，如果您有舊網站希望能在IE8下順利瀏覽或得到較好的相容性，其實有一個小訣竅可以運用。

因為IE8能模擬以IE7的模式運作(在IE8上的網址列右方有一個破裂文件的圖示按下後就可以用IE7模式運行)，但平常瀏覽者不太可能會每到一網站都去按這個鈕，您可以試著在每一頁網頁裡加入meta語法，即可讓使用IE8瀏覽器變成以預設IE7模式觀看(除非瀏覽者再去按一次破裂文件的圖示才會又切換成IE8解析模式)。


在網頁的<head>與<head>之間，放入下述meta語法，即可讓安裝IE8瀏覽器瀏覽網頁時，預設以IE7解析模式運行，撰寫語法：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

可參考http://msdn.microsoft.com/zh-tw/ie/dd692791.aspx

給要走網頁美編設計的初學者一些建議(一)

因為前一陣子友人的親戚不是本美術相關科系，但有去做幾個月的短期進修學了一些相關的課程，有詢問筆者一些要到這一行發展的建議，我把一些回覆的資料整理一下，也貼上來給有興趣的人參考看看(因為以前也常被問到這類問題，或許這些建議對有些人會有些許幫助).....


非美術科系要走這行的人，常常對於未來要發展的路不是很清晰，建議要去思考一下要怎樣走，除了一些天份之外，有心、有毅力、要學習與自我鞭策是很重要的，我並不是歧視非本科系的人來學習與進入這樣行(事實上我自己也不是美係相關科系出身的，所以何來歧視？)，但的確有不少人是因為自己有點興趣或是覺得美術設計好像比較容易上手，所以才來做這一行，但往往都做不久。

以下幾點建議：

1. 最好還是有到一些業界任職的經驗或兼差累積經驗，尤其若有心磨技術，應該到比較偏純美術設計公司去任職發展(一開始先不要太去計較薪水，說實在的在沒經驗的情況下，有很多設計公司也不會輕易錄用)，一開始學完就要出來自己或幾位同年齡同學獨立做，真的是會很吃力，尤其不景氣不管是專職或是接專案更是競爭非常激烈的！不建議一開始就自立門戶創業，最好還是先到業界任職取經學習，有較多經驗後面再評估是否創業為宜。
2. 要學會練習做些商業類風格的東西當作品，畢竟商業類的設計仍是佔市場大宗，一些Q版、手繪等創意或個人商品在企業層面上運用相對來說是較低(我並不是說這類的不好，但若您是要做以企業網站設計為主，最好設計上要偏商業專業一些的風格導向會比較討好)，若要走手繪或強烈設計風格的路線，或許可以看以下幾點。
3. 這是我蠻欣賞的設計師T恤品牌網址http://www.sono.idv.tw/，其實設計後再印成T恤帽子等都有工廠可以配合這塊，主要是賣創意設計，也是很辛苦做了很多年，一開始還要自己送貨面交等，後來慢慢的有些服飾專櫃等通路覺得設計不錯，才有些專櫃有經銷賣，也是一路很辛苦過來，品牌與口碑打開後，目前的發展就相當不錯了！
4. 阿里不達的家http://ng119.toyspa.net/02001.htm在設計界算蠻資深，有做個性化商品http://ng119.toyspa.net/2006.htm或是http://ng119.toyspa.net/w001.htm，算是老師級的強人，他的網站很用心寫了很多教學與下載(要花時間經營網站)。
5. 魅剋設計http://www.justmd.com/知名的個人性質接案電子報美編設計，很有個性與堅持，也是有走出一條自己特色的路。
6. 不然就要走像彎彎這種http://www.wretch.cc/blog/cwwany，其實他當初也是無心插柳，主要是自己有興趣畫與經營部落格，結果後面才出版書等算大賣而有其他商業行為，但這種除了畫風能被市場接受之外，其實內容很重要(都要想梗)，不是畫得好就可以的！

前幾天報紙才有登，警方破獲一個詐騙集團，其中有一個車手原本職業是畫家(還是有參展得過獎次的)，因為他已經兩年都賣不出去畫(大陸低價畫等因素導致的)，所以為了生活才加入犯案，說這個好像是有點嚴重，但其實要走出一條路與有個方向與特色真的很重要，否則只靠低價絕對還是有人可以更低就賣(即使東西有一定品質)，現實面往往很多情況是如此的！

做設計能夠堅持很久且能冒出頭紅的，其實機率還真是不大，現在看到這些檯面上的都有好幾把刷子，後面更多是一票失意或不被市場接受的人是沒被看到的(其實應該說絕大多數的行業都是如此，只是競爭激烈的程度有差而已)，除了某個專長要專精之外，最好也能有第二或第三專長(且最好能跟原本專長能搭配得上)，例如擅長繪圖的人除了持續精進之外，最好能有網站方面知識等，會更有加值加分的效果，在課堂上學的大多是講師已經整理好讓您好吸收的，即使有做專題作業畢竟是學習環境相信講師也不會太要求，只是要有個分數高低評比而已，跟實際接案上會面臨到形形色色的情形其實會有不小的落差的(有些並不一定是設計面的問題)。

像十年前網路還沒有那麼多人可以專精競爭時，筆者簡單寫些教學放到網站上就有點閱率與有人找接案，但現在如果您要這樣走一定是行不通(已經太多競爭者網站)，聽比我更久之前的前輩說，他那個時代是簡單用HTML(那時候根本沒有網頁編輯軟體)寫靜態網頁每一頁可以賣到台幣4、5千元(會的人少自然物以稀為貴....)，這個在目前來說簡直就是不可思議的天價，所以說每個年代有每個年代的環境與機運，不用想說短時間可以速成贏過很多前輩(畢竟人家有很多實務經驗與歷練)，您只要先去想想看自己怎樣能比你們同輩勝出，其實就已經會很有競爭優勢了！

當然筆者自己也不敢說做到多好，但至少有在這個行業跌跌撞撞磨了些年，當興趣要成為賺錢的職業時，往往就會變得不那麼有趣了，但能把興趣轉化成對職業上衝力、動力以及有毅力的人，自然能提高成功的機率，希望這些經驗思維對您未來進入這一行發展上會有一點幫助與啟發！

提高搜尋引擎自然排序優先的方法

列出21點有助於SEO搜尋優化的方式與觀念供您參考....

★盡量申請有意義的網址名稱網址名稱很重要，選個跟您公司或商品名稱有關連的英文網址會大加分，一開始網址名稱若選擇的好，對於在搜尋引擎上的排名是會有幫助的，選個簡單的網址也有助於實體層面的宣傳與容易記憶。
若您公司已經有網址但跟您要宣傳的主題不太符合，建議您也可以另外申請一個符合主題的網址來建置此新網站，舊的網址還則是沿用在由原有的用途上即可。
而一旦決定了網址，建議您就不要輕易再變動更換，累積這個網址在網路上的使用資歷，也會對優化排名有幫助。

★多登錄幾個搜尋引擎
搜尋引擎登錄是一項很基本但需要做的動作，雖然說現在很多搜尋引擎蜘蛛程式都會自動找到抓取網站內容，但最好還是向幾個比較大搜尋引擎登錄一下起始頁或是sitemap頁，以確保搜尋引擎確實有登錄到您的網站資料，也比較好讓搜尋引擎依您登錄的頁面進行相關連結索引抓取。
搜尋引擎的登錄，可以參考後面的「繁體中文搜尋引擎基本登錄」或「其他語系知名的搜尋引擎」章節內容。

★善加運用網頁meta設定前台網頁裡meta name="keywords" 與"description"的HTML碼，是搜尋引擎會參考作為排名依據的指標之一，搜尋關鍵字建議不要超過40個字元，搜尋網頁描述文字建議不要超過100個字元。

★瀏覽器標題抬頭文字設定
前台網頁裡title的HTML碼，是搜尋引擎會參考作為排名依據的指標之一，瀏覽器抬頭文字設定建議不要超過100個字元，字詞間以-或半型逗號做區隔。

★原創性內文撰寫
這是很關鍵性的一點，內容還是王道，網站內盡量有原創性的文字文章，不要只是抄襲或轉載別人的內容，因為在搜尋引擎的規則認知裡，如果您的網站文字內容都在別的網站已經有了且又比別人晚發佈，自然在搜尋引擎裡的排名就會在比較後面，嚴重時甚至有可能不被搜尋引擎搜錄而忽略。
每篇文章建議字數最好能有超過300字元以上較佳！
關鍵字密度要斟酌，不一定用大量重覆的關鍵字就會有助於排名提升，每篇文章應該以幾個關鍵字為主打，每個關鍵字出現4、5次為宜，且平均分佈在文章內。

★內文撰寫加強細果圖檔的HTML語法裡加入alt文字說明標籤。
超連結的HTML語法加入title的文字標籤。
內文重要的文字可以加上標題<h1> </h1>、粗體<strong> </strong>、斜體<i> </i>>等HTML標籤。

★網站根目錄加上robots.txt檔網站根目錄下加入一個robots.txt純文字檔案，裡面設定有那些目錄允許被搜尋引擎索引查找，而一些後台位安全性與效能因素不該被搜尋引擎找到的資料則禁止。
關於robots.txt，您若有興趣了解細節，可以參考http://zh.wikipedia.org/wiki/Robots.txt

★多跟優質的網站交換連結增加流量
有些搜尋引擎有著偵測您網站流量的功能，所以人氣流量比較旺盛的網站也往往會排在比較前面，所以如果您能利用任何的機會、方式與廣告增加網站流量，也會有助於SEO優化。
在其他品質較佳的網站上有您的網站連結時，有些搜尋引擎除了會依此關連找到您的網站之外，同時也會有助於在搜尋引擎的排序上升，因為搜尋引擎會認為較多優質的網站上有您的網站連結，可以間接證明您的網站內容也會不錯，但相對來說，如果是很多品質不好的網站上有您的網站連結，也有可能導致搜尋引擎會認為您的網站上的內容也不佳。
而如何能得知一個網站品質的好壞，各家搜尋引擎評比的標準不一，但您可以下載Google工具列安裝在瀏覽器上以做為參考，請到http://toolbar.google.com/T5/intl/zh-TW/index.html下載此工具，可以看到Google對此網頁重視的情形，原則上數值越高越好，盡可能跟PageRank數值比較優的網站交換超連結，會有助於排名提升。

★注意主機擺放位置與線路品質
若您的網站主機是擺在國內且專線品質的機房(不是用ADSL等頻寬較不充裕的線路方式架站)，且網站穩定度佳(不會常連線不到)，也會有利於SEO優化，所以慎選良好的主機商或ISP廠商也是一件很重要的事。

★採用CSS排版架構
傳統的網頁是以表格框線做為排版，除了會導致網頁上的HTML原始碼肥大之外，也容易造成多重巢狀表格讓搜尋引擎不易讀取解析甚至中斷收錄資料，在國際網頁規格制定組織W3C裡被認為是錯誤的作法，正確的作法應該使用CSS做版面配置，才會有利於被搜尋引擎讀取與收錄。
關於CSS，您若有興趣了解細節，可以參考http://zh.wikipedia.org/w/index.php?title=CSS&variant=zh-tw

★專注某幾個關鍵字
每個網頁的SEO設定搜尋關鍵字(keywords)、搜尋網頁描述文字(description)、瀏覽器標題抬頭文字(title)時，切記不要貪多，先歸納找出幾個主力要提昇的關鍵字，不要什麼都想加反而導致效果分散。
加入的關鍵字等相關字詞，記得還是要與您的網站大部分的實質內文相符，才能相輔相成更有成效。
有些難度太高的字詞或一次要做大量關鍵字，建議您還是考慮購買PPC關鍵字廣告，畢竟連關鍵字廣告購買都已經是極熱門的字詞，做SEO的難度勢必也很大，已經成為相關廠商兵家競爭之地，您要只單靠這些小技巧就能排到最前面的機率是很低的。
有些過於空泛或不切實際的字詞，建議您也不要去追，例如以”植牙”這個關鍵字來說，可能SEO難度就很高，即使您花了很多時間精力在搜尋引擎裡名列前茅，但由於您的診所是開在台北，點擊來的網友可能是分布在全省或海外，不太可能會為了植牙從中南東部或海外跑到您北部診所，所以即使有了人潮詢問度但可能您的生意仍不盡理想且又耗費很多客服人力回覆，倒不如您SEO的關鍵字改以”台北 植牙”這類包含地區別的關鍵字為主，不僅SEO的競爭難度會較低，且點擊的網友成為潛在客戶且成交機率應也會比較高，當然用地區別只是舉例，您可以多想看看用怎樣的關鍵字比較是用在您的行業網站上。

★提供動畫頁面的文字超連結
大部分的搜尋引擎對於Flash動畫與多媒體影音檔案是無法識別與了解裡面的連結關連，所以若您的網站有做這些動畫等多媒體時記得要加上其他輔助的文字連結點，好讓搜尋引擎的程式能順利找到其他相關的連結而不致於中斷無法搜錄您網站其他頁面的資料。
主選單若能做成文字連結的模式，例如採用<ul><li>這類的HTML語法也會比較有助於搜尋引擎的抓取追尋到其它連結網頁的資料，如果主選單用Flash動畫等方式製作，搜尋引擎將會不容易抓取到其他關連連結的網頁資料。

★目錄階層最好不要超過三層網頁的目錄與分類階層最好不要過多，因為搜尋引擎大部分不會搜尋過深階層目錄下的網頁，所以建議最好網站架構的子目錄或網頁連結位置不要超過三層為佳。

★建立sitemap.xml檔
Sitemap檔可以負責告訴搜尋引擎可以收錄哪些頁面，而且更可以告訴搜尋引擎更多關於每一頁的特性，對搜尋引擎而言，可以更有效簡易的紀錄、更新、收錄網站的頁面，sitemap可以利用xml語言去編寫，Google、Yahoo、MSN等大型搜尋引擎都已經聲明支持這種格式。
您可以參考Google網頁上的說明https://www.google.com/webmasters/tools/docs/zh_TW/protocol.html。
關於sitemap，您若有興趣了解細節，也可以參考http://www.sitemaps.org/zh_TW

★控制網頁大小
每個網頁容量大小不要超過90KB，最好能控制在40、50KB大小以內最好，可以將在瀏覽器顯示網頁的轉存後的KB數，或者是以Google搜尋出來顯示的KB數做為參考。

★改善網頁的讀取執行效能
盡量避免上傳很大容量的動畫或圖檔，網頁讀取的速度慢的話，無論是搜尋引擎或是前往瀏覽的網友都會覺得不喜歡。
撰寫網頁程式若能有較佳的執行效能也是會有幫助的。

★網頁檔名有意義化
盡量將網頁檔名命名為有意義的英文或數字，會有助於搜尋優化。

★盡量避免使用的語法
重要的文章資料盡量不要使用frame或iframe的HTML語法。
某些搜尋引擎比較不喜歡您的網頁內使用轉址語法，因為有可能會被誤認為藉由轉換網頁語法，產生作弊移到不符合的內容頁等問題。

★同一個網頁裡避免出現一樣的超連結點
一個網頁裡最好不要出現兩個以上連到同一個地方的超連結，請您在編輯文章內文時若有用到超連結功能時要注意。

★檢查並降低網站內無效的超連結
每個網頁裡確認都有連結可以再連到其他頁面，以免搜尋引擎的程式無法順利依循(中斷)抓取您的網站其他頁資料，並且判別成您的網站沒有用心檢查與經營。

★網站內容持續更新
網站若能一個月內更新2、3次會比較好，搜尋引擎會喜歡常更新的網站，如果您的網站是屬於一上線後就都不更新的”萬年不動網站”，搜尋引擎每次比對到的都是舊資料，自然也會容易降低您的網站排名，因此還是建議您網站上的資料一段時間還是更新一下為宜(即使更新的幅度不大)。

筆者公司開發的網站系統已經符合上述優化條件，您若有興趣可以下載http://www.webok1.com/WNHelp/EasySEO.pdf觀看，或到http://www.webspace.com.tw/E-C/與http://www.webspace.com.tw/E-B/瀏覽試用！

SEO基本觀念

全球的網路使用者絕大部分都使用搜尋引擎作為尋找需要產品及服務的方法，網站流量大半也都是由搜尋引擎轉介而來，因此登錄搜尋引擎便成為增加網站曝光率、提升網站流量促銷商品的重要行銷模式，但搜尋結果動輒數萬筆、數十萬筆以上，您的網站必須從這些競爭網站中脫穎而出，並排名在前幾頁之內，才能獲得潛在客戶的青睞，進入到公司或購物網站瀏覽，進而達成交易。

因此如何做好基本的SEO(Search Engine Optimization)就變得很重要，SEO的中文名稱一般稱為「搜尋引擎優化」或「搜尋引擎最佳化」，SEO是讓網站在各搜尋引擎裡能夠被瀏覽者有效搜尋、增加被搜尋的機會，在搜尋引擎的自然搜尋結果裡能讓自己的網站排名順序往前提升，正確觀念下進行的SEO可以加強網站可讀性、流暢性、可引用性以及可參考性。

搜尋引擎最佳化是一種利用搜索引擎的搜索規則來提高您的網站在相關搜索引擎內的排名的方式。由於不少研究發現，搜索引擎的用戶往往只會留意搜索結果最開首的幾項條目，所以不少網站都希望透過各種形式來影響搜索引擊的自然搜尋排序。搜索引擎優化對於任何一個網站來說，要想在網站推廣中取得成功，搜索引擎優化都是至為關鍵的一項任務，但您需要了解由於SEO是一種逐步影響搜尋引擎改善優化排名的技巧，這個過程並非短時間內可以達成，通常修改設定完成需要兩三個月甚至更久的時間才可以發現生效，因此需要長期有耐心的追蹤與調整，而且需要較多的網路經驗與技巧才能掌控，若您有短期且需要速成見效的網路廣告行銷需求，則建議您還是以PPC關鍵字廣告(Pay Per Click)的途徑去進行。

關於SEO，您若有興趣了解細節，可以參考http://zh.wikipedia.org/w/index.php?title=Seo&variant=zh-tw

免費版的網頁編輯器CSE HTML Validator

其實這一篇講的編輯器，在UltraEdit這一套功能大都有且還多更多，雖然UltraEdit比較有名但是要付費(這套對中文相容性確實較好，也有中文化語系可以抓)，所以筆者另外介紹一個還不錯有免費版的HTML純文字編輯器，叫做「CSE HTML Validator」，除了常見的程式碼行號、色彩區別、HTML標籤插入等基本功能之外。





還可以檢查HTML、XHTML、CSS 等語法標簽正確與否、相容性，或是英文拼寫檢查等功能，不過在顯示中文上面有時候會有問題，但不影響操作存檔。

我覺得比較特殊好用的是，此軟體可以將部分區域反白起來，按滑鼠右鍵選擇將英文大小寫互相轉換，這對於有時候要把一些程式軟體產生的HTML碼或早期將HTML碼寫成英文大寫的網頁來說，可以快速的將英文大寫轉換成小寫，尤其在現在國際W3C網頁組織對XHTML等新網頁的規範裡，都是需要HTML網頁標籤為小寫才視為是正確正統的寫法，您若有些網頁還是用大寫的HTML標籤，就可以利用此軟體的這個功能來轉換囉！


您可以到原廠網站下載此軟體：http://www.htmlvalidator.com/，這個軟體Lite版是免費的，您可以下載來試用看看，基本上我覺得Lite版就還蠻好用了，如果是付費正式版是還有多了一些管理介面與功能。