<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>網頁設計公司 - INDZZ</title>
	<atom:link href="http://www.indzz.com/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.indzz.com/blog</link>
	<description>提供專業網頁設計</description>
	<lastBuildDate>Tue, 08 Feb 2011 19:09:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>校本電子教學取代課本</title>
		<link>http://www.indzz.com/blog/web-design/%e6%a0%a1%e6%9c%ac%e9%9b%bb%e5%ad%90%e6%95%99%e5%ad%b8%e5%8f%96%e4%bb%a3%e8%aa%b2%e6%9c%ac.html</link>
		<comments>http://www.indzz.com/blog/web-design/%e6%a0%a1%e6%9c%ac%e9%9b%bb%e5%ad%90%e6%95%99%e5%ad%b8%e5%8f%96%e4%bb%a3%e8%aa%b2%e6%9c%ac.html#comments</comments>
		<pubDate>Tue, 08 Feb 2011 19:09:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[電子教學]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/web-design/%e6%a0%a1%e6%9c%ac%e9%9b%bb%e5%ad%90%e6%95%99%e5%ad%b8%e5%8f%96%e4%bb%a3%e8%aa%b2%e6%9c%ac.html</guid>
		<description><![CDATA[校本電子教學取代課本
　　(星島日報報道)剛公布的教科書價格，較往年飆升，令坊間再次討論電子書的可行性。教育局正為電子學習資源進行諮詢，其實城市大學五年前已研發針對小學的「網上英語學習系統」，至今四十多所小學應用，本學年新增中文及常識科，並籌備通識教材。系統由老師設定校本內容，按學生程度增減練習，照顧學習差異之餘，提升老師專業發展，有小學考慮全面使用系統教學，代替印刷課本，減輕家長負擔。
城大研發的網上英語學習系統 ，提高小學生英語水平。
　　城大多媒體及互聯網技術創新應用中心科技顧問及項目總監霍惠萍博士，五年前針對小學英語教學，研發「網上英語學習系統」電子學習資源（Web Based Learning System，簡稱WELS）。系統早獲認同，○七年在法國舉行的「第三屆國際非商業網上教育軟件系統、工具及產品比賽」中榮獲最佳軟件獎，系統今個學年新設中文和常識科，另正籌備通識科的教材，建立網上學習社群。
]]></description>
			<content:encoded><![CDATA[<p>校本電子教學取代課本</p>
<p>　　(星島日報報道)剛公布的教科書價格，較往年飆升，令坊間再次討論電子書的可行性。教育局正為電子學習資源進行諮詢，其實城市大學五年前已研發針對小學的「網上英語學習系統」，至今四十多所小學應用，本學年新增中文及常識科，並籌備通識教材。系統由老師設定校本內容，按學生程度增減練習，照顧學習差異之餘，提升老師專業發展，有小學考慮全面使用系統教學，代替印刷課本，減輕家長負擔。</p>
<p>城大研發的網上英語學習系統 ，提高小學生英語水平。</p>
<p>　　城大多媒體及互聯網技術創新應用中心科技顧問及項目總監霍惠萍博士，五年前針對小學英語教學，研發「網上英語學習系統」電子學習資源（Web Based Learning System，簡稱WELS）。系統早獲認同，○七年在法國舉行的「第三屆國際非商業網上教育軟件系統、工具及產品比賽」中榮獲最佳軟件獎，系統今個學年新設中文和常識科，另正籌備通識科的教材，建立網上學習社群。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/%e6%a0%a1%e6%9c%ac%e9%9b%bb%e5%ad%90%e6%95%99%e5%ad%b8%e5%8f%96%e4%bb%a3%e8%aa%b2%e6%9c%ac.html/feed</wfw:commentRss>
		<slash:comments>153</slash:comments>
		</item>
		<item>
		<title>網頁設計</title>
		<link>http://www.indzz.com/blog/web-design/web-design-2.html</link>
		<comments>http://www.indzz.com/blog/web-design/web-design-2.html#comments</comments>
		<pubDate>Wed, 20 Oct 2010 10:39:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web網站的設計]]></category>
		<category><![CDATA[企業形象]]></category>
		<category><![CDATA[企業網站]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=21</guid>
		<description><![CDATA[網頁設計
百科名片
網頁設計——網站是企業向使用者和線民提供資訊(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和資訊平臺，離開網站（或者只是利用協力廠商網 站）去談電子商務是不可能的。企業的網址被稱為“網路商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗 口。
目錄
網頁設計的要點是設計第一而技術其次
1.一、 明确建立网站的目标和用户需求
2.二、网页设计总体方案主题鲜明
3.三、网站的版式设计
4.四、色彩在网页设计中的作用
5.五、网页设计形式与内容相统一
6.六、三维空间的构成和虚拟现实
7.七、网页设计中多媒体功能的利用
8.八、结构清晰并且便于使用
9.九。导向清晰
10.十、快速的下载时间
11.十一、非图形的内容
12.十二、方便的反馈及订购程序
13.十三、网站测试和改进
網頁設計現狀以及實戰技巧
1.（一）垃圾还是经典
2.（二）国内网页设计环境
3.（三）什么是好的网页设计
（一）網頁配色基本概念
網頁設計理念
1.（1）内容决定形式
2.（2）先整体，后局部，最后回归到整体。
3.（3）功能决定设计方向
關於網頁標題設計的原則
網頁設計的要點
1.一、确定网站的整体风格
2.二、网页色彩的搭配
3.三、网页设计的工具
網頁設計必須注意的26個問題
成為一名網頁設計師你要學會
如何快速成长为一名厉害的网页设计师
1.循序渐进学知识
2.在实践中不断提高
网页设计师如何找工作？
1.一.职能规划
2.二．对号入座
3.三．公司类型解析
网页设计与搜索引擎的优化问题
1.框架结构(Frame Sets)
2.页面结构(div+css)
3.DIV+CSS结构。
4.图象区块(Image Maps)
5.特效链接
6.FLASH
7.加密网页
8.网页容量
网页设计布局
1.1、“国”字型
2.2、拐角型
3.3、标题正文型
4.4、左右框架型
5.5、上下框架型
6.6、综合框架型
7.7、封面型
如何提高网页设计效率：
网站设计工作内容
网页设计的窍门
網頁設計的要點是設計第一而技術其次
1.一、 明确建立网站的目标和用户需求
2.二、网页设计总体方案主题鲜明
3.三、网站的版式设计
4.四、色彩在网页设计中的作用
5.五、网页设计形式与内容相统一
6.六、三维空间的构成和虚拟现实
7.七、网页设计中多媒体功能的利用
8.八、结构清晰并且便于使用
9.九。导向清晰
10.十、快速的下载时间
11.十一、非图形的内容
12.十二、方便的反馈及订购程序
13.十三、网站测试和改进
網頁設計現狀以及實戰技巧
1.（一）垃圾还是经典
2.（二）国内网页设计环境
3.（三）什么是好的网页设计
（一）網頁配色基本概念
網頁設計理念
1.（1）内容决定形式
2.（2）先整体，后局部，最后回归到整体。
3.（3）功能决定设计方向
關於網頁標題設計的原則
網頁設計的要點
1.一、确定网站的整体风格
2.二、网页色彩的搭配
3.三、网页设计的工具
網頁設計必須注意的26個問題
成為一名網頁設計師你要學會

如何快速成長為一名厲害的網頁設

網頁設計的要點是設計第一而技術其次
企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。
一、 明確建立網站的目標和使用者需求
Web網站的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計網站的目的和使用者需求，從而做出切實可行的設計計畫。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，以“消費者（customer)”為中心，而不是以“美術”為中心進行設計規劃。 在設計規劃時我們會考慮：
建設網站的目的是什麼？
為誰提供服務和產品？
企業能提供什麼樣的產品和服務？
網站的目的消費者和受眾的特點是什麼？
企業產品和服務適合什麼樣的表現方式（風格）？
二、網頁設計總體方案主題鮮明
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。
Web網站應針對所服務物件（機構或人）的不同而具有不同的形式。有些網站只提供簡潔文本資訊；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄影片段。好的Web網站把圖形表現手法和有效的組織與通信結合起來。
為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現網站的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。
Web網站主頁應具備的基本成分包括： 頁頭：準確無誤地標識你的網站和企業標誌； Email地址：用來接收用戶垂詢； 聯繫資訊：如普通郵寄地址或電話； 版權資訊：聲明版權所有者等。
充分利用已有資訊，如客戶手冊．公共關係文檔．技術手冊和資料庫等。
三、網站的版式設計
網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。
版式設計通過文字圖形的空間組合，表達出和諧與美。
多頁面網站頁面的編排設計要求把頁面之間的有機聯繫反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關係。為了達到最佳的視覺表現效果，我們將反復推敲整體佈局的合理性，使流覽者有一個流暢的視覺體驗。
四、色彩在網頁設計中的作用
色彩是藝術表現的要素之一。在網頁設計中，我們的設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果您的企業有CIS（企業形象識別系統），我們將按照其中的VI進行色彩運用。
五、網頁設計形式與內容相統一
為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。
靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關係建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素，巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果，充分表達完美的設計意境。
六、三維空間的構成和虛擬實境
網路上的三維空間是一個假想空間，這種空間關係需借助動靜變化．圖像的比例關係等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有流覽器的特點，網頁設計適合比較規範、簡明的頁面，儘管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關係，以及疏密的位置關係所產生的空間層次，這兩種位置關係使產生的空間層次富有彈性，同時也讓人產生輕鬆或緊迫的心理感受。 現在，人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬實境要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種物件導向的語言，它類似Web超級連結所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平臺之上，只不過能夠更多地為虛擬實境環境服務。
七、網頁設計中多媒體功能的利用
網路資源的優勢之一是多媒體功能。要吸引流覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮用戶端的傳送速率。
八、結構清晰並且便於使用
如果人們看不懂或很難看懂您的網站，那麼，他如何瞭解你的企業和服務呢？使用一些醒目的標題或文字來突出您的產品與服務。並且即使您擁有最棒的產品，如果客戶從您的網站上不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這就是網頁設計的失敗。
九。導向清晰
網頁設計中導航使用超文字連結或圖片連結，使人們能夠在您的網站上自由前進或後退，而不會讓他們使用流覽器上的前進或後退。我們在所有的圖片上使用“ALT”識別字注明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠瞭解圖片的含義。
十、快速的下載時間
很多的流覽者不會進入需要等待5分鐘下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，我們會建議您在網頁設計中儘量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作，將主要頁面的容量控制在50K以內，平均30K左右，確保普通流覽者頁面等待時間不超過10秒。
十一、非圖形的內容
我們在必要時適當使用動態“Gif”圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網流覽的大多是一些尋找資訊的人們，我們仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。
十二、方便的回饋及訂購程式
讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的欲望，您是否能夠讓他們儘快實現嗎？是線上還是離線？
十三、網站測試和改進
測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。我們通常與用戶共同安排網站測試。
編輯本段
網頁設計現狀以及實戰技巧
（一）垃圾還是經典
網頁技術更新很快，一個網站的介面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典。經典只存在於是哪個首次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分用戶習慣，而且這種沿襲的痕跡時非常的明顯！還有那個設計者敢腆著臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！
（二）國內網頁設計環境
不可否認，國內網頁設計環境目前還停留在初級的認知階段，也就是說，絕大多數人不知道網路的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水準，導致了大量網路垃圾的產生。
舉個簡單的例子，看看“阿裡巴巴”中文和英文兩個版本的頁面。中文版主色是橙色（與標誌色統一），英文版是極不協調的藍橙（具有很明顯的生湊效果）。
為啥中文版是橙色，呵呵，不要以為哪是為了和標誌統一，其實那時國內最常用的商業色。橙色代表什麼？肉色，淫欲。商業是性質？貪婪、拜金。對於社會主義初級階段群眾的普遍思想來說，橙色就是最突出的體現，它不僅僅是網頁首選商業色，它還體現了當今社會經濟發展條件下的“浮躁”和“糜爛”，它還說明瞭“低認知水準”的國人，需要用這個刺激的顏色，去宣教引領他們被動接受。
為啥英文版是藍橙？因為洋人已處於發達社會，他們首先需要的不是“宣教引領”，而是“功能”。一個弱化的介面更能強化顯示功能，使人方便使用。較刺激熱烈的顏色，會引起洋人的反感，所以用的淺藍灰色。那麼為什麼又會出現極不協調的橙色捏？原因有二，一是要與標誌顏色統一，二是中英文要有傳承，所以出了這末個一半是火焰一半世海水的結果。
（三）什麼是好的網頁設計
（1）內容和功能決定表現形式和介面設計
常常拿到的任務是一張小紙條，上面兩句話，叫你去做一個網站設計。有的人看看紙條就去設計頁面了憑，憑兩句話，你就可以為客戶做一個頁面設計，以我7、8年的設計經驗，我都不敢去做，你真是我的偶像阿！
做網頁設計，你需要瞭解客戶的東西很多：
1、建站目的
2、欄目規劃及每個欄目的表現形式及功能要求
3、主色、客戶性別喜好、聯繫方式、舊版網址、偏好網址
4、根據行業和客戶要求，那些要著重表現
5、是否分期建設、考慮後期的相容性
6、客戶是否有強烈的建站欲望
7、你是否能在精神意識上控制住客戶
8、面對你未接觸的技術知識，你有底嗎？
9. 網站類型
等等&#8230;
當你把這些內容都瞭解清除了時候，你的大腦中就已經給這個網站有個全面而形象的定位了，這時才是有的放矢去做介面設計的時候了。
（2）介面弱化
一個好的介面設計它的介面時弱化的，它突出的是功能，著重體現的是網站業提供給使用者是主要什麼。這就涉及到流覽順序、功能分區等等。
要讓訪客在0.5內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣戰展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。
（3）模組化和可修改性強
模組化不僅可以提高重用性，也能統一網站風格，還可以降低程式開發的強度。這裡就設計一些尺寸、模數、寬容度、命名規範等等知識了，不再冗述。
，無論是架構還是模組或圖片，都要考慮可修改性強。舉個簡單的例子，logo、按鈕等，很多人喜歡製作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，然後用在網頁代碼裡打上文字，那麼修改起來就簡單了，讓程式師自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字型大小有幾類：
宋體 12px &#124; 宋體 12px 粗體 &#124; 宋體 14px &#124; 宋體 14px 粗體 &#124; 黑體 20px &#124; verdana 9px &#124; Arial Black 12px+ &#124;
（4）創意是可恥的，分析能力遠比創意來的重要
設計界動輒就大談什麼“創意”，我要說的是，還沒有搞清目的意義內容，還沒在技術製作上臻于完善的基礎上班，用創藝和特效來迷惑客戶和訪客是可恥的。一個網也設計者的分析能力遠比創藝來的重要。
編輯本段
（一）網頁配色基本概念
（1）白紙黑字是永遠的主題，誰都說不出不好來。
（2）網頁最常用流行色
·蘭色——藍天白雲，沉靜整潔的顏色。
·綠色——綠白相間，雅致而有生氣。
·橙色——活潑熱烈，標準商業色調。
·暗紅——寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色，
（3）顏色的忌諱
·忌髒——背景與文字內容對比不強烈，灰暗的背景令人沮喪！
·忌純——豔麗的純色對人的刺激太強烈抗議，缺乏內涵。
·忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！
·忌花——要有一種主色貫穿其中，主色並不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。
·忌粉——顏色淺固然顯的乾淨，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。
·藍色忌純，綠色忌黃，紅色忌豔。
（4）幾種固定搭配
·藍白橙——藍為主調。白底，藍標題列，橙色按鈕或ICON做點綴。
·綠白蘭——綠為主調。白底，綠標題列，蘭色或橙色按鈕或ICON做點綴。
·橙白紅——橙為主調。白底，橙標題列，暗紅或桔紅色按鈕或ICON做點綴。
·暗紅黑——暗紅主調。黑或灰底，暗紅標題列，文字內容背景為淺灰色。
編輯本段
網頁設計理念
（1）內容決定形式
先把內容充實上，再分區塊，再定色調，再處理細節。
（2）先整體，後局部，最後回歸到整體。
全域考慮，把能填上的都填上，占位置。然後定基調，分模組設計。最後調整不滿意的幾個局部細節。
（3）功能決定設計方向
·看網站的用途，決定設計思路.商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。
編輯本段
關於網頁標題設計的原則
在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜尋引擎檢索的需要。這一原則在實際操作中可通過下來三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：
（1）網頁標題不宜過短或者多長。一般來說6－10個漢字比較理想，最好不好超過30個漢字。網頁標題字數過少可能包含不了有效關鍵字，字數過多不僅搜尋引擎無法正確識別標題中的核心關鍵字，而且也讓使用者難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站連結。
（2）網頁標題應概括網頁的核心內容。當使用者通過搜尋引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加連結）和網頁摘要資訊，要引起使用者的關注，網頁標題發揮了很大的作用，如果網頁標題和頁面摘要資訊有較大的相關性，摘要資訊對網頁標題將發揮進一步的補充作用，從而引起使用者對該網頁資訊點擊行為的發生（也就意味著搜尋引擎推廣發揮了作用）。另外，當網頁標題被其他網站或者本網站其他欄目/網頁連結時，一個概括了網頁核心內容的標題有助於使用者判斷是否點擊該網頁標題連結。
（3）網頁標題中應含有豐富的關鍵字。考慮到搜尋引擎行銷的特點，搜尋引擎對網頁標題中所包含的關鍵字具有較高的權重，儘量讓網頁標題中含有使用者檢索所使用的關鍵字。以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵字，這時通常採用“核心關鍵字＋公司名/品排名”的方式來作為網站首頁標題。本文開頭所列舉的某網路行銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的“核心關鍵字”，反而沒有了核心。
上述幾個方面其實都考慮了搜尋引擎檢索網頁的特點，也就是說，網頁標題設計都將有利於搜尋引擎檢索作為重要因素，即使如此，作者仍然建議，與網頁內容寫作一樣，網頁標題寫作首先是給用戶看的，在這個前提之上考慮對搜尋引擎檢索才有意義。可見網頁標題設計並不是一件隨意的事情，尤其對網站首頁標題設計，不可不慎重。
做美工看起來並不是一件容易的事情。首先，要對整個網站和企業有個大致的瞭解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標誌改成五顏六色的，相信大家也不會認可的。站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。
1.原始檔案psd，ai，cdr的區別
psd檔就是用photoshop創建的，當然也必須用photoshop打開；
ai文件是Illustrator的。他們都是Adobe公司的。ai檔同樣也可以用photoshop打開，但打開後會載入在同一層內。
cdr文件是CorelDRAW的。
2.關於CMYK和RGB顏色模式
CMYK是Cyan（青）、Magenta（品紅）、Yellow（黃）、Black（黑），這是印刷上使用比較普遍的色彩模式。
R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們日常用的彩色電腦顯示器、彩色電視機等的色彩都使用這種模式。
3.向量圖
向量圖與點陣圖最大的區別是,它不受解析度的影響。因此在印刷時,可以任意放大或縮小圖形而不會影響出圖的清晰度
向量圖：是根據幾何特性來繪製圖形，向量可以是一個點或一條線，向量圖只能靠軟體生成，檔佔用內在空間較小，因為這種類型的影像檔包含獨立的分離圖像，可以自由無限制的重新組合。它的特點是放大後圖像不會失真，和解析度無關，檔佔用空間較小，適用於圖形設計、文字設計和一些標誌設計、版式設計等。
ai cdr均為向量圖。
4.圖片檔jpg，gif，png，bmp的區別
bmp：是未經過壓縮的用點陣來表示的真彩圖片,佔用磁碟空間較大
gif：是經過壓縮的,只能表示256種顏色,佔用磁碟空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續的動畫.
png：是fireworks的圖片格式
jpg：也是失真壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案
5.名片的尺寸問題
名片的標準尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在設計時
製作尺寸必須設定為：94 x 58mm。
6.原始檔案的提供問題
作為設計者和客戶（這裡指各站長），如果事先沒有明文協議的話
設計者有權不提供原始檔案。
7.什麼是logo，ci，vi
VI是Visual Identity的縮寫，中文譯為“企業視覺識別”。VI是CI計畫的靜態識別符號，是企業理念視覺化傳達的載體，因此它專案最多，效果最為直接。VI作為視覺識別，它是外在表現，固然需要具有美感，但VI必須是MI的體現，直接反映企業的理念。因此VI設計包含這樣一些原則：即充分傳達企業理念、人性原則、民族性原則、簡潔抽象及動態原則、員工參與原則、法律原則、藝術性原則和個性原則。
CI是Corporate Identity的縮寫，中文譯為“企業形象”。CI計畫，是指企業有目的、有計劃、戰略性地創造出所希望的自身形象，由此提高企業的社會知名度，最終得到自己最適合的經營環境。
而logo只是網站或企業一個標誌。
8，關於logo設計的資費問題
這個問題很不好說，如果是去找正規廣告公司做的話，根據公司規模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服務態度和服務品質不一定比小公司好。現如今有些朋友在論壇上說50元做logo，個人認為還不如不收取費用來得好些。這樣的惡性競爭下，設計業遲早會或者說已經被帶入了“民工職業”的行列。
還有一點，如果您喜歡拿很多方案去比稿的話，建議您去發佈威客任務，那樣價錢不會很貴，還可以得到很多得設計方案，一般400塊錢的懸賞任務可以得到30份左右的初稿，還是很划算的。BTW：在威客發佈懸賞任務是要給相關網站支付一定的任務管理金的，一般為20%。）
最後說句，站長在設計之前請與設計師先進性良好溝通，不要撇下一句“你看著辦吧，我相信你。”“你是專業的，你說怎麼弄就怎麼弄。”之類的話就不管了。自己對自己的網站不負責的話，設計師也一定不會對你的網站負責的。
另外，一個設計可以大幅度改稿的次數一般在2&#8211;3次間（付費情況下），這不是一個規定，但是大多數設計在超過這個次數後會對業主產生一定的仇恨情緒&#8230;&#8230;
編輯本段
網頁設計的要點
網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格
在這裡，我提供給大家一些參考經驗：
1．將你的標誌logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標準色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！
二、網頁色彩的搭配
1．用一種色彩。這裡是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。
2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。
在網頁配色中，還要切記一些誤區：
1．不要將所有顏色都用到，儘量控制在三至五種色彩以內。
2．背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。
三、網頁設計的工具
1.dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具
2.Frontpage 跟dreamweaver一樣，不過個人感覺還是dreamweaver好。
3.FLASH 網頁需要畫面流動時的首選擇
4. PS圖像處理軟體，一般網頁都需要有圖片相搭配，PS是款很強大的工具。
5.FW跟PS一樣都是圖像處理軟體，但FW偏向與對網頁的處理。[個人喜歡PS]
編輯本段
網頁設計必須注意的26個問題
當你在INTERNET這個資訊的海洋中盡情遨遊時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了制作主頁的念頭，那麼就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的用戶帶來一定的作用。
１、頁面內容要新穎
網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人主頁簡直就是&#8221;雜貨店&#8221;，內容包羅萬象,題材千篇一律，人人都是&#8221;軟體下載&#8221;,個個都有&#8221;網路導航&#8221;，從頭到尾找不出一絲“鮮” 意。所以，我們在設計網頁時，要把功夫下在選材上。選材要儘量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。
２、網頁命名要簡潔
由於一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，使用者最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁，在向搜尋引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關係到頁面上的連接。
３、要及時更新網頁
網頁製作好後，不能說萬事大吉了，其實事後的工作量更大。因為網頁製作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉，比如使用者無意中點擊了頁面中的一個連接，在苦苦的等待之後，換來的是無法訪問的結果，那麼他們會對你的網頁大失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發佈資訊，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。
４、注意視覺效果
設計Web頁面時，一定要用1024*768的解析度來 分別觀察。許多流覽器使用1024*768的解析度，儘管在1280*1024高解析度下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁
５、隨時注意網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計畫好你的升級計畫。
６、 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>網頁設計</strong></p>
<p><strong>百科名片</strong></p>
<p>網頁設計——網站是企業向使用者和線民提供資訊(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和資訊平臺，離開網站（或者只是利用協力廠商網 站）去談電子商務是不可能的。企業的網址被稱為“網路商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗 口。</p>
<p>目錄</p>
<p><a href="http://baike.baidu.com/view/8972.htm#1">網頁設計的要點是設計第一而技術其次</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#1_1">一、 明确建立网站的目标和用户需求</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#1_2">二、网页设计总体方案主题鲜明</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#1_3">三、网站的版式设计</a></p>
<p>4.<a href="http://baike.baidu.com/view/8972.htm#1_4">四、色彩在网页设计中的作用</a></p>
<p>5.<a href="http://baike.baidu.com/view/8972.htm#1_5">五、网页设计形式与内容相统一</a></p>
<p>6.<a href="http://baike.baidu.com/view/8972.htm#1_6">六、三维空间的构成和虚拟现实</a></p>
<p>7.<a href="http://baike.baidu.com/view/8972.htm#1_7">七、网页设计中多媒体功能的利用</a></p>
<p>8.<a href="http://baike.baidu.com/view/8972.htm#1_8">八、结构清晰并且便于使用</a></p>
<p>9.<a href="http://baike.baidu.com/view/8972.htm#1_9">九。导向清晰</a></p>
<p>10.<a href="http://baike.baidu.com/view/8972.htm#1_10">十、快速的下载时间</a></p>
<p>11.<a href="http://baike.baidu.com/view/8972.htm#1_11">十一、非图形的内容</a></p>
<p>12.<a href="http://baike.baidu.com/view/8972.htm#1_12">十二、方便的反馈及订购程序</a></p>
<p>13.<a href="http://baike.baidu.com/view/8972.htm#1_13">十三、网站测试和改进</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#2">網頁設計現狀以及實戰技巧</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#2_1">（一）垃圾还是经典</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#2_2">（二）国内网页设计环境</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#2_3">（三）什么是好的网页设计</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#3">（一）網頁配色基本概念</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#4">網頁設計理念</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#4_1">（1）内容决定形式</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#4_2">（2）先整体，后局部，最后回归到整体。</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#4_3">（3）功能决定设计方向</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#5">關於網頁標題設計的原則</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#6">網頁設計的要點</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#6_1">一、确定网站的整体风格</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#6_2">二、网页色彩的搭配</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#6_3">三、网页设计的工具</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#7">網頁設計必須注意的26個問題</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#8">成為一名網頁設計師你要學會</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#9">如何快速成长为一名厉害的网页设计师</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#9_1">循序渐进学知识</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#9_2">在实践中不断提高</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#10">网页设计师如何找工作？</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#10_1">一.职能规划</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#10_2">二．对号入座</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#10_3">三．公司类型解析</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#11">网页设计与搜索引擎的优化问题</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#11_1">框架结构(Frame Sets)</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#11_2">页面结构(div+css)</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#11_3">DIV+CSS结构。</a></p>
<p>4.<a href="http://baike.baidu.com/view/8972.htm#11_4">图象区块(Image Maps)</a></p>
<p>5.<a href="http://baike.baidu.com/view/8972.htm#11_5">特效链接</a></p>
<p>6.<a href="http://baike.baidu.com/view/8972.htm#11_6">FLASH</a></p>
<p>7.<a href="http://baike.baidu.com/view/8972.htm#11_7">加密网页</a></p>
<p>8.<a href="http://baike.baidu.com/view/8972.htm#11_8">网页容量</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#12">网页设计布局</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#12_1">1、“国”字型</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#12_2">2、拐角型</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#12_3">3、标题正文型</a></p>
<p>4.<a href="http://baike.baidu.com/view/8972.htm#12_4">4、左右框架型</a></p>
<p>5.<a href="http://baike.baidu.com/view/8972.htm#12_5">5、上下框架型</a></p>
<p>6.<a href="http://baike.baidu.com/view/8972.htm#12_6">6、综合框架型</a></p>
<p>7.<a href="http://baike.baidu.com/view/8972.htm#12_7">7、封面型</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#13">如何提高网页设计效率：</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#14">网站设计工作内容</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#15">网页设计的窍门</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#1">網頁設計的要點是設計第一而技術其次</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#1_1">一、 明确建立网站的目标和用户需求</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#1_2">二、网页设计总体方案主题鲜明</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#1_3">三、网站的版式设计</a></p>
<p>4.<a href="http://baike.baidu.com/view/8972.htm#1_4">四、色彩在网页设计中的作用</a></p>
<p>5.<a href="http://baike.baidu.com/view/8972.htm#1_5">五、网页设计形式与内容相统一</a></p>
<p>6.<a href="http://baike.baidu.com/view/8972.htm#1_6">六、三维空间的构成和虚拟现实</a></p>
<p>7.<a href="http://baike.baidu.com/view/8972.htm#1_7">七、网页设计中多媒体功能的利用</a></p>
<p>8.<a href="http://baike.baidu.com/view/8972.htm#1_8">八、结构清晰并且便于使用</a></p>
<p>9.<a href="http://baike.baidu.com/view/8972.htm#1_9">九。导向清晰</a></p>
<p>10.<a href="http://baike.baidu.com/view/8972.htm#1_10">十、快速的下载时间</a></p>
<p>11.<a href="http://baike.baidu.com/view/8972.htm#1_11">十一、非图形的内容</a></p>
<p>12.<a href="http://baike.baidu.com/view/8972.htm#1_12">十二、方便的反馈及订购程序</a></p>
<p>13.<a href="http://baike.baidu.com/view/8972.htm#1_13">十三、网站测试和改进</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#2">網頁設計現狀以及實戰技巧</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#2_1">（一）垃圾还是经典</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#2_2">（二）国内网页设计环境</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#2_3">（三）什么是好的网页设计</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#3">（一）網頁配色基本概念</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#4">網頁設計理念</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#4_1">（1）内容决定形式</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#4_2">（2）先整体，后局部，最后回归到整体。</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#4_3">（3）功能决定设计方向</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#5">關於網頁標題設計的原則</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#6">網頁設計的要點</a></p>
<p>1.<a href="http://baike.baidu.com/view/8972.htm#6_1">一、确定网站的整体风格</a></p>
<p>2.<a href="http://baike.baidu.com/view/8972.htm#6_2">二、网页色彩的搭配</a></p>
<p>3.<a href="http://baike.baidu.com/view/8972.htm#6_3">三、网页设计的工具</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#7">網頁設計必須注意的26個問題</a></p>
<p><a href="http://baike.baidu.com/view/8972.htm#8">成為一名網頁設計師你要學會</a></p>
<ul>
<li><a href="http://baike.baidu.com/view/8972.htm#9">如何快速成長為一名厲害的網頁設</a></li>
</ul>
<p>網頁設計的要點是設計第一而技術其次</p>
<p>企業網站設計顯得極為重要，下面是一些網站設計中應注意的原則。</p>
<p>一、 明確建立網站的目標和使用者需求</p>
<p>Web網站的設計是展現企業形象、介紹產品和服務、體現企業發展戰略的重要途徑，因此我們必須明確設計網站的目的和使用者需求，從而做出切實可行的設計計畫。我們會根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，以“消費者（customer)”為中心，而不是以“美術”為中心進行設計規劃。 在設計規劃時我們會考慮：</p>
<p>建設網站的目的是什麼？</p>
<p>為誰提供服務和產品？</p>
<p>企業能提供什麼樣的產品和服務？</p>
<p>網站的目的消費者和受眾的特點是什麼？</p>
<p>企業產品和服務適合什麼樣的表現方式（風格）？</p>
<p>二、網頁設計總體方案主題鮮明</p>
<p>在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。</p>
<p>Web網站應針對所服務物件（機構或人）的不同而具有不同的形式。有些網站只提供簡潔文本資訊；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄影片段。好的Web網站把圖形表現手法和有效的組織與通信結合起來。</p>
<p>為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現網站的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。</p>
<p>Web網站主頁應具備的基本成分包括： 頁頭：準確無誤地標識你的網站和企業標誌； Email地址：用來接收用戶垂詢； 聯繫資訊：如普通郵寄地址或電話； 版權資訊：聲明版權所有者等。</p>
<p>充分利用已有資訊，如客戶手冊．公共關係文檔．技術手冊和資料庫等。</p>
<p>三、網站的版式設計</p>
<p>網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。</p>
<p>版式設計通過文字圖形的空間組合，表達出和諧與美。</p>
<p>多頁面網站頁面的編排設計要求把頁面之間的有機聯繫反映出來，特別要處理好頁面之間和頁面內的秩序與內容的關係。為了達到最佳的視覺表現效果，我們將反復推敲整體佈局的合理性，使流覽者有一個流暢的視覺體驗。</p>
<p>四、色彩在網頁設計中的作用</p>
<p>色彩是藝術表現的要素之一。在網頁設計中，我們的設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果您的企業有CIS（企業形象識別系統），我們將按照其中的VI進行色彩運用。</p>
<p>五、網頁設計形式與內容相統一</p>
<p>為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。</p>
<p>靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關係建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中， 它的均衡有時會使頁面顯得呆板，但如果加入一些富有動感的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素，巧妙地互相穿插、互相襯托、互相補充構成最佳的頁面效果，充分表達完美的設計意境。</p>
<p>六、三維空間的構成和虛擬實境</p>
<p>網路上的三維空間是一個假想空間，這種空間關係需借助動靜變化．圖像的比例關係等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有流覽器的特點，網頁設計適合比較規範、簡明的頁面，儘管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。 網頁上常見的是頁面上、下、左、右、中位置所產生的空間關係，以及疏密的位置關係所產生的空間層次，這兩種位置關係使產生的空間層次富有彈性，同時也讓人產生輕鬆或緊迫的心理感受。 現在，人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬實境要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種物件導向的語言，它類似Web超級連結所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平臺之上，只不過能夠更多地為虛擬實境環境服務。</p>
<p>七、網頁設計中多媒體功能的利用</p>
<p>網路資源的優勢之一是多媒體功能。要吸引流覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮用戶端的傳送速率。</p>
<p>八、結構清晰並且便於使用</p>
<p>如果人們看不懂或很難看懂您的網站，那麼，他如何瞭解你的企業和服務呢？使用一些醒目的標題或文字來突出您的產品與服務。並且即使您擁有最棒的產品，如果客戶從您的網站上不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這就是網頁設計的失敗。</p>
<p>九。導向清晰</p>
<p>網頁設計中導航使用超文字連結或圖片連結，使人們能夠在您的網站上自由前進或後退，而不會讓他們使用流覽器上的前進或後退。我們在所有的圖片上使用“ALT”識別字注明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠瞭解圖片的含義。</p>
<p>十、快速的下載時間</p>
<p>很多的流覽者不會進入需要等待5分鐘下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，我們會建議您在網頁設計中儘量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作，將主要頁面的容量控制在50K以內，平均30K左右，確保普通流覽者頁面等待時間不超過10秒。</p>
<p>十一、非圖形的內容</p>
<p>我們在必要時適當使用動態“Gif”圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網流覽的大多是一些尋找資訊的人們，我們仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。</p>
<p>十二、方便的回饋及訂購程式</p>
<p>讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的欲望，您是否能夠讓他們儘快實現嗎？是線上還是離線？</p>
<p>十三、網站測試和改進</p>
<p>測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。我們通常與用戶共同安排網站測試。</p>
<p>編輯本段</p>
<p>網頁設計現狀以及實戰技巧</p>
<p>（一）垃圾還是經典</p>
<p>網頁技術更新很快，一個網站的介面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典。經典只存在於是哪個首次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分用戶習慣，而且這種沿襲的痕跡時非常的明顯！還有那個設計者敢腆著臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！</p>
<p>（二）國內網頁設計環境</p>
<p>不可否認，國內網頁設計環境目前還停留在初級的認知階段，也就是說，絕大多數人不知道網路的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水準，導致了大量網路垃圾的產生。</p>
<p>舉個簡單的例子，看看“阿裡巴巴”中文和英文兩個版本的頁面。中文版主色是橙色（與標誌色統一），英文版是極不協調的藍橙（具有很明顯的生湊效果）。</p>
<p>為啥中文版是橙色，呵呵，不要以為哪是為了和標誌統一，其實那時國內最常用的商業色。橙色代表什麼？肉色，淫欲。商業是性質？貪婪、拜金。對於社會主義初級階段群眾的普遍思想來說，橙色就是最突出的體現，它不僅僅是網頁首選商業色，它還體現了當今社會經濟發展條件下的“浮躁”和“糜爛”，它還說明瞭“低認知水準”的國人，需要用這個刺激的顏色，去宣教引領他們被動接受。</p>
<p>為啥英文版是藍橙？因為洋人已處於發達社會，他們首先需要的不是“宣教引領”，而是“功能”。一個弱化的介面更能強化顯示功能，使人方便使用。較刺激熱烈的顏色，會引起洋人的反感，所以用的淺藍灰色。那麼為什麼又會出現極不協調的橙色捏？原因有二，一是要與標誌顏色統一，二是中英文要有傳承，所以出了這末個一半是火焰一半世海水的結果。</p>
<p>（三）什麼是好的網頁設計</p>
<p>（1）內容和功能決定表現形式和介面設計</p>
<p>常常拿到的任務是一張小紙條，上面兩句話，叫你去做一個網站設計。有的人看看紙條就去設計頁面了憑，憑兩句話，你就可以為客戶做一個頁面設計，以我7、8年的設計經驗，我都不敢去做，你真是我的偶像阿！</p>
<p>做網頁設計，你需要瞭解客戶的東西很多：</p>
<p>1、建站目的</p>
<p>2、欄目規劃及每個欄目的表現形式及功能要求</p>
<p>3、主色、客戶性別喜好、聯繫方式、舊版網址、偏好網址</p>
<p>4、根據行業和客戶要求，那些要著重表現</p>
<p>5、是否分期建設、考慮後期的相容性</p>
<p>6、客戶是否有強烈的建站欲望</p>
<p>7、你是否能在精神意識上控制住客戶</p>
<p>8、面對你未接觸的技術知識，你有底嗎？</p>
<p>9. 網站類型</p>
<p>等等&#8230;</p>
<p>當你把這些內容都瞭解清除了時候，你的大腦中就已經給這個網站有個全面而形象的定位了，這時才是有的放矢去做介面設計的時候了。</p>
<p>（2）介面弱化</p>
<p>一個好的介面設計它的介面時弱化的，它突出的是功能，著重體現的是網站業提供給使用者是主要什麼。這就涉及到流覽順序、功能分區等等。</p>
<p>要讓訪客在0.5內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣戰展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。</p>
<p>（3）模組化和可修改性強</p>
<p>模組化不僅可以提高重用性，也能統一網站風格，還可以降低程式開發的強度。這裡就設計一些尺寸、模數、寬容度、命名規範等等知識了，不再冗述。</p>
<p>，無論是架構還是模組或圖片，都要考慮可修改性強。舉個簡單的例子，logo、按鈕等，很多人喜歡製作圖片，N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片，然後用在網頁代碼裡打上文字，那麼修改起來就簡單了，讓程式師自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字型大小有幾類：</p>
<p>宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |</p>
<p>（4）創意是可恥的，分析能力遠比創意來的重要</p>
<p>設計界動輒就大談什麼“創意”，我要說的是，還沒有搞清目的意義內容，還沒在技術製作上臻于完善的基礎上班，用創藝和特效來迷惑客戶和訪客是可恥的。一個網也設計者的分析能力遠比創藝來的重要。</p>
<p>編輯本段</p>
<p>（一）網頁配色基本概念</p>
<p>（1）白紙黑字是永遠的主題，誰都說不出不好來。</p>
<p>（2）網頁最常用流行色</p>
<p>·蘭色——藍天白雲，沉靜整潔的顏色。</p>
<p>·綠色——綠白相間，雅致而有生氣。</p>
<p>·橙色——活潑熱烈，標準商業色調。</p>
<p>·暗紅——寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色，</p>
<p>（3）顏色的忌諱</p>
<p>·忌髒——背景與文字內容對比不強烈，灰暗的背景令人沮喪！</p>
<p>·忌純——豔麗的純色對人的刺激太強烈抗議，缺乏內涵。</p>
<p>·忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！</p>
<p>·忌花——要有一種主色貫穿其中，主色並不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。</p>
<p>·忌粉——顏色淺固然顯的乾淨，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。</p>
<p>·藍色忌純，綠色忌黃，紅色忌豔。</p>
<p>（4）幾種固定搭配</p>
<p>·藍白橙——藍為主調。白底，藍標題列，橙色按鈕或ICON做點綴。</p>
<p>·綠白蘭——綠為主調。白底，綠標題列，蘭色或橙色按鈕或ICON做點綴。</p>
<p>·橙白紅——橙為主調。白底，橙標題列，暗紅或桔紅色按鈕或ICON做點綴。</p>
<p>·暗紅黑——暗紅主調。黑或灰底，暗紅標題列，文字內容背景為淺灰色。</p>
<p>編輯本段</p>
<p>網頁設計理念</p>
<p>（1）內容決定形式</p>
<p>先把內容充實上，再分區塊，再定色調，再處理細節。</p>
<p>（2）先整體，後局部，最後回歸到整體。</p>
<p>全域考慮，把能填上的都填上，占位置。然後定基調，分模組設計。最後調整不滿意的幾個局部細節。</p>
<p>（3）功能決定設計方向</p>
<p>·看網站的用途，決定設計思路.商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。</p>
<p>編輯本段</p>
<p>關於網頁標題設計的原則</p>
<p>在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜尋引擎檢索的需要。這一原則在實際操作中可通過下來三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：</p>
<p>（1）網頁標題不宜過短或者多長。一般來說6－10個漢字比較理想，最好不好超過30個漢字。網頁標題字數過少可能包含不了有效關鍵字，字數過多不僅搜尋引擎無法正確識別標題中的核心關鍵字，而且也讓使用者難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站連結。</p>
<p>（2）網頁標題應概括網頁的核心內容。當使用者通過搜尋引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加連結）和網頁摘要資訊，要引起使用者的關注，網頁標題發揮了很大的作用，如果網頁標題和頁面摘要資訊有較大的相關性，摘要資訊對網頁標題將發揮進一步的補充作用，從而引起使用者對該網頁資訊點擊行為的發生（也就意味著搜尋引擎推廣發揮了作用）。另外，當網頁標題被其他網站或者本網站其他欄目/網頁連結時，一個概括了網頁核心內容的標題有助於使用者判斷是否點擊該網頁標題連結。</p>
<p>（3）網頁標題中應含有豐富的關鍵字。考慮到搜尋引擎行銷的特點，搜尋引擎對網頁標題中所包含的關鍵字具有較高的權重，儘量讓網頁標題中含有使用者檢索所使用的關鍵字。以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵字，這時通常採用“核心關鍵字＋公司名/品排名”的方式來作為網站首頁標題。本文開頭所列舉的某網路行銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的“核心關鍵字”，反而沒有了核心。</p>
<p>上述幾個方面其實都考慮了搜尋引擎檢索網頁的特點，也就是說，網頁標題設計都將有利於搜尋引擎檢索作為重要因素，即使如此，作者仍然建議，與網頁內容寫作一樣，網頁標題寫作首先是給用戶看的，在這個前提之上考慮對搜尋引擎檢索才有意義。可見網頁標題設計並不是一件隨意的事情，尤其對網站首頁標題設計，不可不慎重。</p>
<p>做美工看起來並不是一件容易的事情。首先，要對整個網站和企業有個大致的瞭解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標誌改成五顏六色的，相信大家也不會認可的。站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。</p>
<p>1.原始檔案psd，ai，cdr的區別</p>
<p>psd檔就是用photoshop創建的，當然也必須用photoshop打開；</p>
<p>ai文件是Illustrator的。他們都是Adobe公司的。ai檔同樣也可以用photoshop打開，但打開後會載入在同一層內。</p>
<p>cdr文件是CorelDRAW的。</p>
<p>2.關於CMYK和RGB顏色模式</p>
<p>CMYK是Cyan（青）、Magenta（品紅）、Yellow（黃）、Black（黑），這是印刷上使用比較普遍的色彩模式。</p>
<p>R、G、B就是Red、Green、Blue（紅，綠，藍）三種顏色，RGB模式就是由這三種顏色為基色進行疊加而模擬出大自然色彩的色彩組合模式。我們日常用的彩色電腦顯示器、彩色電視機等的色彩都使用這種模式。</p>
<p>3.向量圖</p>
<p>向量圖與點陣圖最大的區別是,它不受解析度的影響。因此在印刷時,可以任意放大或縮小圖形而不會影響出圖的清晰度</p>
<p>向量圖：是根據幾何特性來繪製圖形，向量可以是一個點或一條線，向量圖只能靠軟體生成，檔佔用內在空間較小，因為這種類型的影像檔包含獨立的分離圖像，可以自由無限制的重新組合。它的特點是放大後圖像不會失真，和解析度無關，檔佔用空間較小，適用於圖形設計、文字設計和一些標誌設計、版式設計等。</p>
<p>ai cdr均為向量圖。</p>
<p>4.圖片檔jpg，gif，png，bmp的區別</p>
<p>bmp：是未經過壓縮的用點陣來表示的真彩圖片,佔用磁碟空間較大</p>
<p>gif：是經過壓縮的,只能表示256種顏色,佔用磁碟空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續的動畫.</p>
<p>png：是fireworks的圖片格式</p>
<p>jpg：也是失真壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案</p>
<p>5.名片的尺寸問題</p>
<p>名片的標準尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在設計時</p>
<p>製作尺寸必須設定為：94 x 58mm。</p>
<p>6.原始檔案的提供問題</p>
<p>作為設計者和客戶（這裡指各站長），如果事先沒有明文協議的話</p>
<p>設計者有權不提供原始檔案。</p>
<p>7.什麼是logo，ci，vi</p>
<p>VI是Visual Identity的縮寫，中文譯為“企業視覺識別”。VI是CI計畫的靜態識別符號，是企業理念視覺化傳達的載體，因此它專案最多，效果最為直接。VI作為視覺識別，它是外在表現，固然需要具有美感，但VI必須是MI的體現，直接反映企業的理念。因此VI設計包含這樣一些原則：即充分傳達企業理念、人性原則、民族性原則、簡潔抽象及動態原則、員工參與原則、法律原則、藝術性原則和個性原則。</p>
<p>CI是Corporate Identity的縮寫，中文譯為“企業形象”。CI計畫，是指企業有目的、有計劃、戰略性地創造出所希望的自身形象，由此提高企業的社會知名度，最終得到自己最適合的經營環境。</p>
<p>而logo只是網站或企業一個標誌。</p>
<p>8，關於logo設計的資費問題</p>
<p>這個問題很不好說，如果是去找正規廣告公司做的話，根據公司規模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服務態度和服務品質不一定比小公司好。現如今有些朋友在論壇上說50元做logo，個人認為還不如不收取費用來得好些。這樣的惡性競爭下，設計業遲早會或者說已經被帶入了“民工職業”的行列。</p>
<p>還有一點，如果您喜歡拿很多方案去比稿的話，建議您去發佈威客任務，那樣價錢不會很貴，還可以得到很多得設計方案，一般400塊錢的懸賞任務可以得到30份左右的初稿，還是很划算的。BTW：在威客發佈懸賞任務是要給相關網站支付一定的任務管理金的，一般為20%。）</p>
<p>最後說句，站長在設計之前請與設計師先進性良好溝通，不要撇下一句“你看著辦吧，我相信你。”“你是專業的，你說怎麼弄就怎麼弄。”之類的話就不管了。自己對自己的網站不負責的話，設計師也一定不會對你的網站負責的。</p>
<p>另外，一個設計可以大幅度改稿的次數一般在2&#8211;3次間（付費情況下），這不是一個規定，但是大多數設計在超過這個次數後會對業主產生一定的仇恨情緒&#8230;&#8230;</p>
<p>編輯本段</p>
<p>網頁設計的要點</p>
<p>網頁設計的兩大要點是：整體風格和色彩搭配。</p>
<p>一、確定網站的整體風格</p>
<p>在這裡，我提供給大家一些參考經驗：</p>
<p>1．將你的標誌logo，盡可能的放在每個頁面上最突出的位置。</p>
<p>2．突出你的標準色彩。</p>
<p>3．總結一句能反映貴站精髓的宣傳標語！</p>
<p>4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！</p>
<p>二、網頁色彩的搭配</p>
<p>1．用一種色彩。這裡是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。</p>
<p>2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。</p>
<p>3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。</p>
<p>在網頁配色中，還要切記一些誤區：</p>
<p>1．不要將所有顏色都用到，儘量控制在三至五種色彩以內。</p>
<p>2．背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。</p>
<p>三、網頁設計的工具</p>
<p>1.dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具</p>
<p>2.Frontpage 跟dreamweaver一樣，不過個人感覺還是dreamweaver好。</p>
<p>3.FLASH 網頁需要畫面流動時的首選擇</p>
<p>4. PS圖像處理軟體，一般網頁都需要有圖片相搭配，PS是款很強大的工具。</p>
<p>5.FW跟PS一樣都是圖像處理軟體，但FW偏向與對網頁的處理。[個人喜歡PS]</p>
<p>編輯本段</p>
<p>網頁設計必須注意的26個問題</p>
<p>當你在INTERNET這個資訊的海洋中盡情遨遊時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了制作主頁的念頭，那麼就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的用戶帶來一定的作用。</p>
<p>１、頁面內容要新穎</p>
<p>網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人主頁簡直就是&#8221;雜貨店&#8221;，內容包羅萬象,題材千篇一律，人人都是&#8221;軟體下載&#8221;,個個都有&#8221;網路導航&#8221;，從頭到尾找不出一絲“鮮” 意。所以，我們在設計網頁時，要把功夫下在選材上。選材要儘量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。</p>
<p>２、網頁命名要簡潔</p>
<p>由於一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，使用者最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁，在向搜尋引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關係到頁面上的連接。</p>
<p>３、要及時更新網頁</p>
<p>網頁製作好後，不能說萬事大吉了，其實事後的工作量更大。因為網頁製作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉，比如使用者無意中點擊了頁面中的一個連接，在苦苦的等待之後，換來的是無法訪問的結果，那麼他們會對你的網頁大失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發佈資訊，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。</p>
<p>４、注意視覺效果</p>
<p>設計Web頁面時，一定要用1024*768的解析度來 分別觀察。許多流覽器使用1024*768的解析度，儘管在1280*1024高解析度下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁</p>
<p>５、隨時注意網站升級</p>
<p>時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計畫好你的升級計畫。</p>
<p>６、 網頁內容要易讀</p>
<p>網站設計最重要的訣竅，恐怕就是你的網頁要易讀 。這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，別用花裡胡哨的色彩組合，讓人看起來你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。</p>
<p>７、善用表格來佈局</p>
<p>不要把一個網站的內容象作報告似的一二三四地羅列出來，要注意多用表格把網站內容的層次性和空間性突出顯示出來，使人一眼就能看出你的網站重點突出，結構分明。</p>
<p>８、 少用特殊字體</p>
<p>雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的電腦上將看到什麼。在你的電腦裡看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的電腦上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的流覽器才支持 CSS。</p>
<p>９、多學習和使用HTML</p>
<p>為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。因為用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的套裝軟體。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。</p>
<p>１０、儘量少用Java程式</p>
<p>不要使用大幅面的Java程式,能夠用javascript替代效果的則儘量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使流覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。</p>
<p>１１、 少放網站地圖</p>
<p>許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的資訊，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。</p>
<p>１２、要為圖片附加注釋文字</p>
<p>給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，用戶在訪問你的網站時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。</p>
<p>１３、做個網站介紹</p>
<p>一個簡單明瞭的網站介紹，不僅能讓別人對你的網站能夠提供些什麼有個瞭解，引發共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的資訊，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的資訊。</p>
<p>１４、考慮流覽器的相容性</p>
<p>當然現在IE所占的市場份額越來越大，但是我們仍然需要考慮到Netscape以及Opera這些流覽器用戶。設計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的流覽器下測試網站，看看相容性如何。</p>
<p>１５、不宜多用閃爍文字</p>
<p>有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網站的其他內容，正所謂“物極必反”也，</p>
<p>１６、每個頁面都要有導航按鈕</p>
<p>應當避免強迫用戶使用工具列中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的網站在每一頁同樣的位置上都有相同的導航條，使流覽者能夠從每一頁上訪問網站的任何部分。</p>
<p>１７、避免長文本頁面</p>
<p>在一個網站上有許多只有文本的冗長頁面，是令人乏味的，人們為了閱讀這些長文本，不得不使用卷滾條，從而也浪費了用戶在飆網的時間。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的檔形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。</p>
<p>１８、 網頁風格要統一</p>
<p>你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。</p>
<p>１９、動畫最多只用一個</p>
<p>大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF 動畫，如果答否，那麼就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K 之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。</p>
<p>２０、善用圖像</p>
<p>用戶在網上四處漫遊，你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮誇。注意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多使用者把流覽軟體設定為略去圖像，以求節省時間他們只看文字。因此，制作主頁時，必須注意將圖像所連接的重要資訊或聯接其他頁面的指示用文字重複表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣使用者就不必浪費金錢和時間去下載他們根本不想看的大圖像。</p>
<p>２１、 網站導航要清晰</p>
<p>所有的超連結應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。連結文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。總之，文本連結一定要和頁面的其他文字有所區分，給讀者清楚的導向 。</p>
<p>２２、最好不用記數器</p>
<p>由於計數器也是由程式設計成的，顯示計數器的過程其實就是在執行一個程式的過程，它需要佔用使用者寶貴的上網時間，況且大多數流覽者認為計數器毫無意義，它們很容易被做假，流覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。如果你顯示你的網站是多麼受歡迎，你最好提供一個連結，顯示訪問日誌。</p>
<p>２３、不能忽視錯別字</p>
<p>一個好的網站對設計的每一個細節都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴謹的科學態度。</p>
<p>２４、不要用框架</p>
<p>與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在螢幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示幕幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜尋引擎常常被框架混淆，從而不能列出你的網站。</p>
<p>２５、使用著名的外掛程式</p>
<p>如果網站上有聲音或視頻，要保證使用者通過使用某個知名的外掛程式，能夠聽到或看到。如果訪問者沒有所要求的外掛程式，將不得不到其它網站去下載，這樣訪問者有可能就不會返回了。許多網站使用QuickTime、RealPlay和 Shockwave外掛程式。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的外掛程式。</p>
<p>２６、使網站具有交互功能</p>
<p>一個靜態網頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計，使得訪問者能從網站上獲得交互的資訊，從而使訪問者有一種參與網路建設的新鮮感和成就感。</p>
<p>編輯本段</p>
<p>成為一名網頁設計師你要學會</p>
<p>第一部份：(美術部分)</p>
<p>結構素描、光影素描、速寫、設計素描、戶外寫生</p>
<p>色彩原理、色彩配色、設計色彩、色調小稿訓練、色彩長期作業</p>
<p>第二部份（靜態網頁）</p>
<p>Dreamweaver CS4：網頁佈局、製作；Html&amp;Css簡介；網站管理與維護、上傳與下載；案例分析</p>
<p>Flash CS4：美工設計、網頁配色；CI、LOGO、Banner的製作；常見網頁動畫製作、網頁佈局</p>
<p>Fireworks CS4：經典網頁動畫、廣告、片頭、賀卡設計與分析；MTV製作、互動式網站簡介</p>
<p>Photoshop CS4：Photoshop操作基礎、圖像優化處理、經典實例分析與製作、gif動畫、廣告gif圖片</p>
<p>Illustrator CS4：廣告招牌製作、燈箱廣告、服裝廣告設計、企業徽標設計、名片設計</p>
<p>第三部分（動態網頁）</p>
<p>Html語言詳細解介、CSS樣式、IIS、C#語言、Asp. net動態、SQLServer資料庫、Access資料(送)、JavaScript、Flash8.0高級程式設計、網站籌畫、網站推廣、電子購物車、ChatRoom、BBS製作。注：此部分基本上是程式員工作，並不是網頁設計師所要學會的</p>
<p>第四部份（網頁美工）</p>
<p>三大構成：平面構成、色彩構成、立體構成</p>
<p>Photoshop美工及網頁配色、排版設計、網站框架美工設計、網頁logo網頁設計、baner設計；</p>
<p>Illustrator網頁設計、網頁字體設計、網頁規劃設計</p>
<p>編輯本段</p>
<p>如何快速成長為一名厲害的網頁設計師</p>
<p>筆者曾經是一個網頁設計的菜鳥，經過自己不斷的摸索和實踐，現在已經可以獨立製作一個完整的靜態網站，並且給學校的N?(N＞5)?個部門、院系和外面的公司做網站，雖然不是一個完全意義上的Web Designer（網頁設計師），但是完成一些要求不是很專業、不是十分完美的網站已經是小事兒了（嘿嘿，是不是有自吹自擂之嫌），自己心裡已經是小有成就感了，所以自封為准Web Designer！</p>
<p>自認為成長過程還算快，所以把本人的經歷向大家介紹一下，給那些有志于此的朋友們一些參考意見。</p>
<p>循序漸進學知識</p>
<p>先學一學HTML，找本自己能看懂的教材，流覽為主，不用記住所有的概念，只要記住使用原理就行了，這一階段，估計三天就夠了；然後用兩天時間學CSS，方法同上；進而再花些時間瞭解一下JavaScript。</p>
<p>然後就可以用記事本嘗試寫幾個網頁，記住這時千萬不要用那些視覺化工具，比如FrontPage、Dreamweaver（那些以後再學）。</p>
<p>有一個提高自己“寫網頁”的捷徑，就是上各大網站，把網頁保存下來（什麼？你說你不會保存網頁？就是“檔→另存為”），然後打開保存下來的網頁，點擊右鍵→查看原始檔案，看看人家的網頁是怎麼寫的，然後模仿他們的寫法，不斷規範自己的代碼。嘿嘿，這個方法不錯吧。先好好模仿一下吧。</p>
<p>接下來該學一下Fireworks了。建議一開始就到網上找些實例教程，這些實例教程一般都介紹得很詳細，跟著它一步一步做下來，每學會一個實例就掌握了幾項操作，而且也有了自己的作品，很有成就感的，長期積累下來對自己的提高很有幫助。學 Fireworks主要是學圖片處理，比如加一些效果，還有很重要的就是切圖，這對於初學者是很重要的。</p>
<p>這時還可以結合Dreamweaver進行學習，你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個網頁，你就可以達到一定水準了。</p>
<p>要是想讓你的網頁多一些炫目的效果，建議你學一下Flash，難度並不大，而且要是前面的JavaScript基礎打得好的話，學到Flash中ActionScript時，你會有一種似曾相識的感覺，因為這兩種語法幾乎是一模一樣的。</p>
<p>到這時，相信你就可以真正領會到“網頁三劍客”的威力了。</p>
<p>在實踐中不斷提高</p>
<p>要是每天能拿出兩個小時來學習，完成以上這些學習估計只要20天就差不多了。要是天賦高的話（比如說像我這樣的，呵呵)，那需要的時間就更少了。接下來該實習了，找個地方鍛煉一下自己，比如可以去一些公司幹幹兼職，或是給自己的單位設計一下主頁等。</p>
<p>最好是能進入一個正規的開發團隊，你就會學會如何以團隊合作的方式開發網站，特別是怎樣和程式組合作，把頁面與幕後程式資料庫配合起來。可能你會擔心自己是新手，人家會嫌棄你，沒關係，只要努力去找，總會有機會的。</p>
<p>我特別感謝我們學校的學生線上網站給了我一個機會。有一天正趕上應聘，我拿著自己做的兩個 Flash作品就去了，沒想到面試還通過了，於是我就這樣有了在專業開發團隊中實踐的機會，通過自己的不斷努力以及向高手的不斷提問，水準飛快提高，兩三個月後，就可以獨立完成一些網站了，當然只是靜態的。在此，我想指出，千萬不要不好意思，不會就問，高手們是很樂意回答你的，而且你能向他請教，這本來就是對他的一種肯定，他會很高興的，呵呵。</p>
<p>到此，你就基本可以稱作是一個“准Web Designer”了，不過要從根本上提高自己，最好去學學美術，這是當一個網頁設計師的基本功。</p>
<p>筆者剛開始做網頁純粹是自娛自樂，但在這個過程中，我逐漸開始深深喜歡上了這項工作。這個學習過程是人生的一筆寶貴財富，至少我是這麼認為的。</p>
<p>編輯本段</p>
<p>網頁設計師如何找工作？</p>
<p>關於網頁設計這個行業，在中國來講這個行業並不成熟，這個跟國家的經濟，文化修養有密切的關係。我們不能跟歐美和韓國相比，他們有強大經濟實力，設計這個東西，只有在經濟蓬發的時代或在經濟發達的城市才能產生價值。設計是推動市場行銷的生產力，只要是視覺設計類，都有一個共同的目地，傳達資訊為商業服務。網頁設計也是如此。如何在這個混亂的市場中，站住腳跟，向下一步邁進。請看下面文字。</p>
<p>一.職能規劃</p>
<p>恩，第一節，我們先講職能規劃。首先自己要有明確的目標和定位，這樣後面的路才好走。光網頁設計其實分的非常細緻。因為各個企業的需求和情況不同，所以對這個職位的要求也不同。好的公司只要你精一樣，一般的公司則要你會幾樣。</p>
<p>大致分這幾塊：</p>
<p>1.資訊架構（這個屬於策劃型，一般門戶網站需要，對產品策劃和使用者體驗都需要有深入的瞭解，這個偏重的是策劃能力，要有良好的邏輯思維，主要的工作任務是：組織資訊規劃欄目佈局相關的工作）</p>
<p>2.視覺設計（這個理論上講是屬於藝術型，其實名曰商業藝術。2者還是不同的，對於網頁設計來講這塊需求量是非常大的，現在人們越來越重視美觀，而且要求越來越高。不管是門戶網站，還是企業網站，FLASH全站（互動設計）這個角色的佔有率是很大的。關於視覺這塊先天性因素占的很多，天生的色彩感覺，創意能力。還要有良好的藝術修養，入職後還要對商業有深刻理解，明白商業設計的核心原則，如何將你的個性和商業目地完美結合是最重要的。主要的工作任務是：設計風格定位圖示UI介面設計）</p>
<p>3.前端製作（說到這個職位，市場上逐漸增多。恩，這個屬於純技術型。最初級的就是切片和製作 HTML,不要小看這個，以為這個沒什麼技術含量，其實這個技術含量也是很高，要符合標準和各個遊覽器的相容也不是件很容易的事情，一般切片和製作 HTML劃入網頁視覺設計師的範疇。應該屬於附屬職能，視覺設計做到一定的級別，這個無需理會。具體根據公司的要求決定。然後高級一點應用就是 JS,AJAX……等，主要的工作任務是：頁面實現優化）</p>
<p>4.其它職能（比如UI設計。用戶體驗,FLASH互動設計,等這裡不做詳細的解釋，本文僅針對網頁設計而論）</p>
<p>二．對號入座</p>
<p>OK！第2節，我們開始講本文的重點，注意了關於找工作的經驗和技巧可是博大精深啊，其實和做人一樣的道理。下面我們分幾個級別來提供解決方案。</p>
<p>1.新手入行</p>
<p>嘿嘿，大家都有第一次，不要緊張，哈哈^_^。自然點，其實沒什麼，不就是去面試麼，膽子要大，要有這樣的思想，管他的，就是去喝喝茶，聊聊天啥的。除了自信還是自信，更重要的是對工作充滿激情有濃厚的興趣，要有理想。關於外表，不要搞的太正規了，你不是去面試銷售。隨便一點要有自己的個性，自我介紹隨便說，哪裡人，什麼專業啥的。說話語氣要帶有親和力。面帶微笑。關於面試的時間儘量準時點。提前和稍後都太不好。簡歷不要寫廢話，語言簡潔即可。恩，一般剛出道的都是拿U盤拷作品，嘻嘻，有條件可以帶上筆記本展示自己的作品，物質上也是可以增強自信心的。</p>
<p>這個時候應該以學習為目地，應該充分的考慮目前的工作是否有利以後的職業規劃。第一點就是識別能力，對你自己和公司有一定的認識。你自己的定位和目前的能力，是否適合公司這個職位的要求。前期對公司應該有初步的瞭解，只有瞭解雙方的需求，才能有所均衡。一定要對號入座，哪怕工資稍微低點，也沒有太大關係，這個時候薪資是屬於次要的階段。額，要多面試幾家公司，這時要注意幾點，有的公司招人缺乏誠信，或者條件苛刻。這樣的公司不必理會。</p>
<p>面試你的人，平常有3類。HR人事，部門主管，經理。對於HR面試，主要是對人品的測試，一般大點的公司會有這樣的流程。小的公司就是直接老闆面試，如果OK，馬上就上班！部門主管的面試，其實是最最關鍵的，為什麼人事不是關鍵呢，對於技術崗位一般都是以技術部門為標準。首先你要容易相處，健談，但不要說的太多了，幽默風趣，這樣主管會覺得你和技術團隊相處融洽。要知道不是你一個人在工作。專業能力方面，這個比重占的太多，如果你技術不過關，談再多都是扯談。這個階段的薪資參考：2000-3000左右（上海北京深圳為例）</p>
<p>2.跳槽階段</p>
<p>工作一段時間後，你會發現工資為啥沒漲，或者沒有激情啥的。這個時候是需要跳跳，大家都比較浮躁，不浮躁不行啊，只有碰壁了再爬起來才能成熟。不然不能悟出其中道理，額，關於跳槽這個技術含量超級高，比起前面的新手入行，要講究的多。</p>
<p>薪資不是主要的考慮，還是要考慮更高的臺階和合適的舞臺，去發揮自己的潛能，這個階段相對來說是比較漫長的過渡階段，開始尋找突破的方向。這時的面試就比較講技巧了，本文精華開始寫了，對方會問你一些問題。下麵的例舉幾個問的最多的解析。</p>
<p>1.為什麼離開現在的公司（原因和理由，對方公司要考慮自己利益，你的離職行為是否和他們公司體系有關聯）</p>
<p>2.你期望一個什麼樣的工作環境（對方要考慮你目前的情況，是否適合公司的情況）</p>
<p>3.你自己的職業規劃和方向（你的定位是否符合公司的要求的）</p>
<p>4.你離職交接到崗需要多長時間（這個問題，其實屬於心理戰，切記不要急，不要說的太短，也不要說的太長了，控制在2周-1個月左右）</p>
<p>5.你期望的待遇是多少（哇！談這個問題，一般都是最後談。這個可是關鍵中的關鍵，這裡各位要嚴重注意了，對方是問你期望待遇，不是問你市場價格是多少，你的期望待遇應該再你的市場價格上高出500-1000，不能說的太高，否則對方會覺得你對自己的認識不足。一般公司只要覺得你OK,還是會滿足你的要求的，畢竟現在招個有經驗也不是很容易。如果對方寫了薪資範圍，就不會跟你詳細的談這個，看對方公司的誠信度了。寫面議的這個很難說，根據職能的要求決定薪資範圍，從10個當中選1個性價比最高的，這樣的公司是想碰運氣，建議大家不要在這樣公司上面的花心思。想要快速的招到合適的人，就必須明碼標價！</p>
<p>如果對方確定用你，然後又跟你來個試用期80%的工資，其實這個就等於就是砍價，不要理會，說不定到時隨便找個理由不讓你轉正把你幹掉，非常有可能的說。一定要堅持自己的立場和原則，你答應了就等於簽了一個不平等的條約。合同上一定要仔細看，試用期如果對方要求6個月的，你可以跟對方說，我只是來你們這裡看一下，喝喝茶的。這個階段的薪資參考：4000-5000左右（上海北京深圳為例）</p>
<p>3.穩定階段</p>
<p>一路走來不容易啊!當你成為一名高級網頁設計師的時候，你必須穩定下來，再不能亂跳了，這個時候可能你能跳的公司不多了，提高也是開始有難度了，當你到達這個級別的時候，不僅技術方面提高了，也悟出了很多人生的道理和職場的規則，你可能曾經風光的跳過幾次，也可能有1-2回不幸被幹掉，人出來混，總是要還的。</p>
<p>這個階段找工作，完全就是靠實力說話了，牛X的作品就是最有說服力的，你到了這個級別，很多一般公司可能被你過濾掉了，他們養不起你。也不需要你這樣高級的，你能去的地方不向以前那麼多了。嘿嘿，對方這時就是挖你了，此時你會覺得有點成就感，或許網路上有些同行已經知道了你的名字，面試時候說話可以稍微帶點傲氣了，但不能狂，面試的時間這個必須得你說的算，這個時候你要掌握絕對的主動權。嘿嘿，來去自由的時代終於來臨了，要盡情的展示你的做事風格，和你解決問題的能力，還有你的說話能力，高手從說話語氣就可以聽出水準了。口才同樣的重要，因為這個時候基本上是以你的意見為主導了。</p>
<p>想要更上一層，就要開始慢長修養了。這個階段的薪資參考：6000-8000左右（上海北京深圳為例）</p>
<p>4.大師階段</p>
<p>這個階段不用找工作，是怕工作找不到你。這個階段的薪資參考：10000以上（上海北京深圳為例）網頁設計師課程一般包括：</p>
<p>Photoshop、Fireworks、使用者介面設計實操，xhtml、css、dreamweaver、網站架構與網站策劃</p>
<p>flash動畫製作，功能變數名稱與空間、ftp、dhtml、javascript、動態交互網站（asp、php、aja）</p>
<p>三．公司類型解析</p>
<p>門戶遊戲類：當然是一些大的公司了，QQ,163，盛大，九城等。這個不多說了。這樣的公司工作相對來說要輕鬆點，福利會好點。</p>
<p>企業部門類：額，集團公司，政府部門可能就你1個人搞這塊，缺少交流不是長久之計。</p>
<p>網站建設類：這個比較辛苦，沒有幾家公司不加班的，這樣的公司流動性是最大的，做外包和網站建設業務。有的公司走的流水線，這樣公司也是最多的，大大小小，很亂。可以當個臨時落腳的地方。</p>
<p>互動設計類:談到互動，這個概念很多人不清楚，簡單的說就是網路廣告。品牌展示類。跟各大門戶網站媒介推廣有聯繫的。互動還是沒有形成一個行業，只能算有個圈子。我估計做這塊的大家都互相認識了，因為真正做這塊的沒多少人，公司是數的清楚的。上海的：互動通安瑞所思好耶網帆IDESP2A01Media億邁廣告……不超過20家，北京的：新意互動AMG維若視覺樂觀數碼……還有些的公司是4A的下面的部門，在此不多做介紹。這個另外可以整篇文章了，他們主要做知名品牌的線上推廣，工資較高，當然要求高</p>
<p>編輯本段</p>
<p>網頁設計與搜尋引擎的優化問題</p>
<p>框架結構(Frame Sets)</p>
<p>有些搜尋引擎(如FAST)是不支援框架結構的，他們的“蜘蛛”程式無法閱讀這樣的網頁。</p>
<p>頁面結構(div+css)</p>
<p>DIV+CSS是網頁美工必須瞭解和掌握的一門技術，現在互聯網是屬於web2.0的時代，主流的網站都採用</p>
<p>DIV+CSS結構。</p>
<p>DIV+CSS即是樣式和資料分離，利於搜尋引擎讀懂網站頁面，提高網頁收錄數量，最主要是方便管理和維護網站。</p>
<p>圖像區塊(Image Maps)</p>
<p>除AltaVista、Google和Northern Light(現已停止公共搜索服務)明確支援圖像區塊連結外，其他引擎是不支援它的。當“蜘蛛”程式遇到這種結構時，往往會感到茫然不知所措。因此儘量不要設置Image Map連結。</p>
<p>特效連結</p>
<p>我們經常看到有些網站為導航連結加上了特效，如點擊某個專案會展開下層連結等。這些效果一般通過Java Script實現，視覺上非常新穎，但在“蜘蛛”程式的眼裡則沒那麼誘人，相反它無法解讀這種連結。為了讓搜尋引擎順利檢索到你的網頁，建議還是犧牲掉一些花哨的東西。</p>
<p>FLASH</p>
<p>雖然FLASH製作的網頁視覺效果較好，但搜尋引擎對此卻不太感冒，個案表明這一類的網站很難被百度搜尋引擎索引。明智的做法是提供FLASH和非FLASH網頁兩種選擇，這樣即增加了網頁的觀賞性，又照顧到了搜尋引擎的情緒。</p>
<p>加密網頁</p>
<p>除非你不希望搜尋引擎檢索你的網頁，否則不要給你的網頁加密。</p>
<p>網頁容量</p>
<p>包括圖像在內的網頁位元組數最好不要超過50K。體型龐大的網頁下載速度慢，不僅會讓普通訪問者等得心急如焚，有時也會使“蜘蛛”程式感到不耐煩。</p>
<p>編輯本段</p>
<p>網頁設計佈局</p>
<p>網頁可以說是網站構成的基本元素。當我們輕點滑鼠，在網海中遨遊，一副副精彩的網頁會呈現在我們面前，那麼，網頁的精彩與否的因素是什麼呢？色彩的搭配、文字的變化、圖片的處理等，這些當然是不可忽略的因素，除了這些，還有一個非常重要的因素——網頁的佈局。下面，我們就有關網頁佈局談論一下。</p>
<p>網頁佈局類型</p>
<p>網頁佈局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下麵分別論述。</p>
<p>1、“國”字型</p>
<p>也可以稱為“同”字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本資訊、聯繫方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。</p>
<p>2、拐角型</p>
<p>這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列連結等，右列是很寬的正文，下面也是一些網站的輔助資訊。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航連結。</p>
<p>3、標題正文型</p>
<p>這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或註冊頁面等就是這種類。</p>
<p>4、左右框架型</p>
<p>這是一種左右為分別兩頁的框架結構，一般左面是導航連結，有時最上面會有一個小的標題或標緻，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目了然。</p>
<p>5、上下框架型</p>
<p>與上面類似，區別僅僅在於是一種上下分為兩頁的框架。</p>
<p>6、綜合框架型</p>
<p>上頁兩種結構的結合，相對複雜的一種框架結構，較為常見的是類似於“拐角型”結構的，只是採用了框架結構。</p>
<p>7、封面型</p>
<p>這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的連結或者僅是一個“進入”的連結甚至直接在首頁的圖片上做連結而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。</p>
<p>編輯本段</p>
<p>如何提高網頁設計效率：</p>
<p>最好的方法莫過於模組化，此前國內少有真正優秀的網頁範本，PSD吧專注設計多年，擁有一批高水準的設計師，PSD吧公開下載頂尖設計檔次的範本，並授權用於商業，可大大提高網頁設計的效率。</p>
<p>另外，像來自美國，現在風靡亞洲的怪獸範本網站，其網站上的網站範本設計具有很高的水準。怪獸範本開發了很多CMS網站範本包括joomla，WordPress ，magento ，drupal ，mambo 等,以及設計精美的ZenCart，magento，oscommerce網店系統等目前市場上最流行各種類型各種行業的的網站範本。</p>
<p>編輯本段</p>
<p>網站設計工作內容</p>
<p>1、負責對網站整體表現風格的定位，對使用者視覺感受的整體把握；</p>
<p>2、進行網頁的具體設計製作；</p>
<p>3、產品目錄的平面設計；</p>
<p>4、各類活動的廣告設計；</p>
<p>5、協助開發人員頁面設計等工作。</p>
<p>編輯本段</p>
<p>網頁設計的竅門</p>
<p>1.預早籌畫</p>
<p>2.儘量精簡</p>
<p>3.儘量簡樸</p>
<p>4.善用圖像</p>
<p>5.主頁易於漫遊</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/web-design-2.html/feed</wfw:commentRss>
		<slash:comments>150</slash:comments>
		</item>
		<item>
		<title>Web Design</title>
		<link>http://www.indzz.com/blog/web-design/web-design.html</link>
		<comments>http://www.indzz.com/blog/web-design/web-design.html#comments</comments>
		<pubDate>Mon, 11 Oct 2010 06:23:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=16</guid>
		<description><![CDATA[Such elements as text, bit-mapped images (GIFs, JPEGs) and forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Adobe Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags. Improvements in browsers&#8217; compliance with [...]]]></description>
			<content:encoded><![CDATA[<p>Such elements as text, <a title="Bitmap" href="http://en.wikipedia.org/wiki/Bitmap">bit-mapped images</a> (<a title="Graphics Interchange Format" href="http://en.wikipedia.org/wiki/Graphics_Interchange_Format">GIFs</a>, <a title="JPEG" href="http://en.wikipedia.org/wiki/JPEG">JPEGs</a>) and forms can be placed on the page using <a title="HTML" href="http://en.wikipedia.org/wiki/HTML">HTML</a>/<a title="XHTML" href="http://en.wikipedia.org/wiki/XHTML">XHTML</a>/<a title="XML" href="http://en.wikipedia.org/wiki/XML">XML</a> tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as <a title="Adobe Flash" href="http://en.wikipedia.org/wiki/Adobe_Flash">Adobe Flash</a>, <a title="QuickTime" href="http://en.wikipedia.org/wiki/QuickTime">QuickTime</a>, <a title="Java (software platform)" href="http://en.wikipedia.org/wiki/Java_%28software_platform%29">Java</a> run-time environment, etc. <a title="Plug-ins" href="http://en.wikipedia.org/wiki/Plug-ins">Plug-ins</a> are also embedded into web page by using <a title="HTML" href="http://en.wikipedia.org/wiki/HTML">HTML</a>/<a title="XHTML" href="http://en.wikipedia.org/wiki/XHTML">XHTML</a> tags. Improvements in browsers&#8217; compliance with <a title="W3C" href="http://en.wikipedia.org/wiki/W3C">W3C</a> standards prompted a widespread acceptance and usage of <a title="XHTML" href="http://en.wikipedia.org/wiki/XHTML">XHTML</a>/<a title="XML" href="http://en.wikipedia.org/wiki/XML">XML</a> in conjunction with Cascading Style Sheets (<a title="CSS" href="http://en.wikipedia.org/wiki/CSS">CSS</a>) to position and manipulate web page elements and objects. Latest standards and proposals aim at leading to <a title="Web browser" href="http://en.wikipedia.org/wiki/Web_browser">browsers</a>&#8216; ability to deliver a wide variety of <a title="Content (media)" href="http://en.wikipedia.org/wiki/Content_%28media%29">content</a> and accessibility options to the client possibly without employing <a title="Plug-ins" href="http://en.wikipedia.org/wiki/Plug-ins">plug-ins</a>. Typically Web pages are classified as static or dynamic:</p>
<ul>
<li>Static pages don’t change content and layout with every request unless a human (<a title="Web" href="http://en.wikipedia.org/wiki/Web">web</a> master/<a title="Programmer" href="http://en.wikipedia.org/wiki/Programmer">programmer</a>) manually updates the page. A simple HTML page is an example of static content.</li>
<li>Dynamic pages adapt their content and/or appearance depending on <a title="End-user" href="http://en.wikipedia.org/wiki/End-user">end-user</a>’s  input/interaction or changes in the computing environment (user, time,  database modifications, etc.) Content can be changed on the client side  (end-user&#8217;s computer) by using client-side scripting languages (<a title="JavaScript" href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a>, <a title="JScript" href="http://en.wikipedia.org/wiki/JScript">JScript</a>, <a title="Actionscript" href="http://en.wikipedia.org/wiki/Actionscript">Actionscript</a>, etc.) to alter <a title="DOM" href="http://en.wikipedia.org/wiki/DOM">DOM</a> elements (<a title="DHTML" href="http://en.wikipedia.org/wiki/DHTML">DHTML</a>). Dynamic content is often compiled on the <a title="Server" href="http://en.wikipedia.org/wiki/Server">server</a> utilizing server-side scripting languages (<a title="Perl" href="http://en.wikipedia.org/wiki/Perl">Perl</a>, <a title="PHP" href="http://en.wikipedia.org/wiki/PHP">PHP</a>, <a title="Active Server Pages" href="http://en.wikipedia.org/wiki/Active_Server_Pages">ASP</a>, <a title="JSP" href="http://en.wikipedia.org/wiki/JSP">JSP</a>, <a title="ColdFusion" href="http://en.wikipedia.org/wiki/ColdFusion">ColdFusion</a>, etc.). Both approaches are usually used in complex applications.</li>
</ul>
<p>With growing specialization in the information technology field there  is a strong tendency to distinguish between web design and Web  development. <span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=&amp;rfr_id=info:sid/en.wikipedia.org:Web_design"><span style="display: none;"> </span></span> Web design is a kind of graphic design intended for the development and  styling of objects of the Internet&#8217;s information environment to provide  them with high-end consumer features and aesthetic qualities.<br />
This definition separates Web design from web programming, emphasizing  the functional features of a web site, as well as positioning web design  as a kind of graphic design.<sup id="cite_ref-0"><a href="http://en.wikipedia.org/wiki/Web_design#cite_note-0"><span>[</span>1<span>]</span></a></sup> The process of designing <a title="Web pages" href="http://en.wikipedia.org/wiki/Web_pages">web pages</a>, <a title="Web sites" href="http://en.wikipedia.org/wiki/Web_sites">web sites</a>, <a title="Web applications" href="http://en.wikipedia.org/wiki/Web_applications">web applications</a> or <a title="Multimedia" href="http://en.wikipedia.org/wiki/Multimedia">multimedia</a> for the Web may utilize multiple disciplines, such as <a title="Animation" href="http://en.wikipedia.org/wiki/Animation">animation</a>, <a title="Author" href="http://en.wikipedia.org/wiki/Author">authoring</a>, <a title="Communication design" href="http://en.wikipedia.org/wiki/Communication_design">communication design</a>, <a title="Corporate identity" href="http://en.wikipedia.org/wiki/Corporate_identity">corporate identity</a>, <a title="Graphic design" href="http://en.wikipedia.org/wiki/Graphic_design">graphic design</a>, <a title="Human-computer interaction" href="http://en.wikipedia.org/wiki/Human-computer_interaction">human-computer interaction</a>, <a title="Information architecture" href="http://en.wikipedia.org/wiki/Information_architecture">information architecture</a>, <a title="Interaction design" href="http://en.wikipedia.org/wiki/Interaction_design">interaction design</a>, <a title="Marketing" href="http://en.wikipedia.org/wiki/Marketing">marketing</a>, <a title="Photography" href="http://en.wikipedia.org/wiki/Photography">photography</a>, <a title="Search engine optimization" href="http://en.wikipedia.org/wiki/Search_engine_optimization">search engine optimization</a> and <a title="Typography" href="http://en.wikipedia.org/wiki/Typography">typography</a>.</p>
<ul>
<li><a title="Markup language" href="http://en.wikipedia.org/wiki/Markup_language">Markup languages</a> (such as <a title="HTML" href="http://en.wikipedia.org/wiki/HTML">HTML</a>, <a title="XHTML" href="http://en.wikipedia.org/wiki/XHTML">XHTML</a> and <a title="XML" href="http://en.wikipedia.org/wiki/XML">XML</a>)</li>
<li><a title="Style sheet language" href="http://en.wikipedia.org/wiki/Style_sheet_language">Style sheet languages</a> (such as <a title="CSS" href="http://en.wikipedia.org/wiki/CSS">CSS</a> and <a title="Extensible Stylesheet Language" href="http://en.wikipedia.org/wiki/Extensible_Stylesheet_Language">XSL</a>)</li>
<li><a title="Client-side scripting" href="http://en.wikipedia.org/wiki/Client-side_scripting">Client-side scripting</a> (such as <a title="JavaScript" href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a>)</li>
<li><a title="Server-side scripting" href="http://en.wikipedia.org/wiki/Server-side_scripting">Server-side scripting</a> (such as <a title="PHP" href="http://en.wikipedia.org/wiki/PHP">PHP</a> and <a title="Active Server Pages" href="http://en.wikipedia.org/wiki/Active_Server_Pages">ASP</a>)</li>
<li><a title="Database" href="http://en.wikipedia.org/wiki/Database">Database</a> technologies (such as <a title="MySQL" href="http://en.wikipedia.org/wiki/MySQL">MySQL</a> and <a title="PostgreSQL" href="http://en.wikipedia.org/wiki/PostgreSQL">PostgreSQL</a>)</li>
<li><a title="Multimedia" href="http://en.wikipedia.org/wiki/Multimedia">Multimedia</a> technologies (such as <a title="Adobe Flash" href="http://en.wikipedia.org/wiki/Adobe_Flash">Flash</a> and <a title="Silverlight" href="http://en.wikipedia.org/wiki/Silverlight">Silverlight</a>)</li>
</ul>
<p><a title="Web pages" href="http://en.wikipedia.org/wiki/Web_pages">Web pages</a> and <a title="Websites" href="http://en.wikipedia.org/wiki/Websites">websites</a> can be <a title="Static Web page" href="http://en.wikipedia.org/wiki/Static_Web_page">static pages</a>, or can be programmed to be <a title="Dynamic web page" href="http://en.wikipedia.org/wiki/Dynamic_web_page">dynamic pages</a> that automatically adapt content or <a title="Visual appearance" href="http://en.wikipedia.org/wiki/Visual_appearance">visual appearance</a> depending on a variety of factors, such as input from the end-user, input from the <a title="Webmaster" href="http://en.wikipedia.org/wiki/Webmaster">Webmaster</a> or changes in the computing environment (such as the site&#8217;s associated <a title="Database" href="http://en.wikipedia.org/wiki/Database">database</a> having been modified).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/web-design.html/feed</wfw:commentRss>
		<slash:comments>153</slash:comments>
		</item>
		<item>
		<title>和網站建設的術語縮寫列表</title>
		<link>http://www.indzz.com/blog/web-design/e5-92-8c-e7-b6-b2-e7-ab-99-e5-bb-ba-e8-a8-ad-e7-9a-84-e8-a1-93-e8-aa-9e-e7-b8-ae-e5-af-ab-e5-88-97-e8-a1-a8.html</link>
		<comments>http://www.indzz.com/blog/web-design/e5-92-8c-e7-b6-b2-e7-ab-99-e5-bb-ba-e8-a8-ad-e7-9a-84-e8-a1-93-e8-aa-9e-e7-b8-ae-e5-af-ab-e5-88-97-e8-a1-a8.html#comments</comments>
		<pubDate>Wed, 15 Jul 2009 09:49:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=13</guid>
		<description><![CDATA[B2B： Business to Business，無論這個下家是買1000件商品，還是一件商品，他的目的都是需要轉賣出去的。
B2C： Business to Consumer，這裡闡述一下，很多人以為B2C是Business to Customer，其實不是。只有Consumer才能準確的表達消費者的意思。
Bot： 英文也可以叫做：robot， spider， crawler。直接翻譯就是機器人的意思，指的是可以自動執行任務的程式。搜尋引擎使用bot來尋找和收錄網頁。Spammers也經常使用Bot來偷取其他網站的資料。
CMS：Content Management System. 內容管理系統。其中我想推薦的是Wordpress，Wordpress其實已經從傳統的博客系統逐漸衍生成了非常流行的內容管理系統。
CPC：Cost Per Click， 廣告平臺通過點擊收取廣告費用。
CPM： Cost Per Thousand Impressions，通過每1000次頁面流覽量收取廣告費用。（M在羅馬數字裡面代表1000。）
FFA： Free For All，全部免費。這個主要用於連結養殖場，指那種頁面或者網站完全由匯出連結構成，完全沒有任何有價值的內容。這些頁面的物件是搜尋引擎，希望通過交換連結提高自己的PR值。但是往往使用連結養殖場的網站要不被搜尋引擎忽略，要不被懲罰。
GYM： Google &#8211; Yahoo &#8211; Microsoft （MSN），全球最大的三個搜尋引擎。（英文的）
LSI： Latent Semantic Indexing，指的是搜尋引擎一般會把同一個類型的關鍵字收錄在一個檔裡面。這裡主要指的是關鍵字雲和長尾關鍵字。
MFA： Made For Advertisements，為廣告而造。MFA通常指那些專門為了廣告而搭建的網站，當然也不是所有為廣告而搭建的都是不好的東西。
PPA： Pay Per Action， 只有當帶去的人流量轉化為實際的行為，比如說註冊，填寫表格等，才會給與廣告費。
PPC： Pay Per Click， 一種廣告收費模式：廣告商按照每次點擊向廣告平臺，比如說Google，支付廣告費。
ROI： Return On Investment，使用者使用分析軟體來分析和計算投資回報率。無論任何廣告投入，都應該看它的ROI。
SEM：Search Engine Marketing，搜尋引擎行銷。這個對與搜尋引擎相關的各種行銷策略的統稱，包含了SEO，付費廣告和其他的增加搜尋引擎曝光度和提高人流量管道。
SEO： Search Engine Optimization，搜尋引擎優化。搜貓SEOmao的整個網站都是在講SEO的。在搜索結果頁面，一個網站排名越高，所獲得的人流量就越多。而SEO得目的就是為了説明網站在自然搜索結果中有更好的排名。SEO的方法就是研究搜尋引擎排名的演算法，並且讓自己的網站更加得到搜尋引擎的青睞。
SMM： Social Media [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">B2B： Business to Business，無論這個下家是買1000件商品，還是一件商品，他的目的都是需要轉賣出去的。</p>
<p>B2C： Business to Consumer，這裡闡述一下，很多人以為B2C是Business to Customer，其實不是。只有Consumer才能準確的表達消費者的意思。</p>
<p>Bot： 英文也可以叫做：robot， spider， crawler。直接翻譯就是機器人的意思，指的是可以自動執行任務的程式。搜尋引擎使用bot來尋找和收錄網頁。Spammers也經常使用Bot來偷取其他網站的資料。</p>
<p>CMS：Content Management System. 內容管理系統。其中我想推薦的是Wordpress，Wordpress其實已經從傳統的博客系統逐漸衍生成了非常流行的內容管理系統。</p>
<p>CPC：Cost Per Click， 廣告平臺通過點擊收取廣告費用。</p>
<p>CPM： Cost Per Thousand Impressions，通過每1000次頁面流覽量收取廣告費用。（M在羅馬數字裡面代表1000。）</p>
<p>FFA： Free For All，全部免費。這個主要用於連結養殖場，指那種頁面或者網站完全由匯出連結構成，完全沒有任何有價值的內容。這些頁面的物件是搜尋引擎，希望通過交換連結提高自己的PR值。但是往往使用連結養殖場的網站要不被搜尋引擎忽略，要不被懲罰。</p>
<p>GYM： Google &#8211; Yahoo &#8211; Microsoft （MSN），全球最大的三個搜尋引擎。（英文的）</p>
<p>LSI： Latent Semantic Indexing，指的是搜尋引擎一般會把同一個類型的關鍵字收錄在一個檔裡面。這裡主要指的是關鍵字雲和長尾關鍵字。</p>
<p>MFA： Made For Advertisements，為廣告而造。MFA通常指那些專門為了廣告而搭建的網站，當然也不是所有為廣告而搭建的都是不好的東西。</p>
<p>PPA： Pay Per Action， 只有當帶去的人流量轉化為實際的行為，比如說註冊，填寫表格等，才會給與廣告費。</p>
<p>PPC： Pay Per Click， 一種廣告收費模式：廣告商按照每次點擊向廣告平臺，比如說Google，支付廣告費。</p>
<p>ROI： Return On Investment，使用者使用分析軟體來分析和計算投資回報率。無論任何廣告投入，都應該看它的ROI。</p>
<p>SEM：Search Engine Marketing，搜尋引擎行銷。這個對與搜尋引擎相關的各種行銷策略的統稱，包含了SEO，付費廣告和其他的增加搜尋引擎曝光度和提高人流量管道。</p>
<p>SEO： Search Engine Optimization，搜尋引擎優化。搜貓SEOmao的整個網站都是在講SEO的。在搜索結果頁面，一個網站排名越高，所獲得的人流量就越多。而SEO得目的就是為了説明網站在自然搜索結果中有更好的排名。SEO的方法就是研究搜尋引擎排名的演算法，並且讓自己的網站更加得到搜尋引擎的青睞。</p>
<p>SMM： Social Media Marketing， 通過社會媒體進行品牌行銷，比如SNS。</p>
<p>SMP：Social Media Poisoning，社會媒體毒藥。 假冒競爭對手的名字到社會媒體網站上去Spam，非常狠毒的一種競爭手段。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/e5-92-8c-e7-b6-b2-e7-ab-99-e5-bb-ba-e8-a8-ad-e7-9a-84-e8-a1-93-e8-aa-9e-e7-b8-ae-e5-af-ab-e5-88-97-e8-a1-a8.html/feed</wfw:commentRss>
		<slash:comments>182</slash:comments>
		</item>
		<item>
		<title>選擇CMS常見誤區以及CMS點評</title>
		<link>http://www.indzz.com/blog/web-design/%e9%81%b8%e6%93%87cms%e5%b8%b8%e8%a6%8b%e8%aa%a4%e5%8d%80%e4%bb%a5%e5%8f%8acms%e9%bb%9e%e8%a9%95.html</link>
		<comments>http://www.indzz.com/blog/web-design/%e9%81%b8%e6%93%87cms%e5%b8%b8%e8%a6%8b%e8%aa%a4%e5%8d%80%e4%bb%a5%e5%8f%8acms%e9%bb%9e%e8%a9%95.html#comments</comments>
		<pubDate>Mon, 13 Jul 2009 06:45:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=8</guid>
		<description><![CDATA[自PHP時代以來，CMS內容管理系統以成為互聯網上最大的網頁開發工具。
現在市場上越來越需要一款能更快速、更容易的開發網站的工具，很多開發者都傾向於用開源CMS來進行網站開發。我的最愛不幸的是，現在網上流傳了數千種CMS系統，所以如何選項擇一款正確的CMS已經變成一種折磨。 
本文就是要討論一這個問題，消除大家選擇CMS時本不應該有的折磨。教你如何進行選擇，並且我會列出我發現的幾款最好的CMS，同時會提醒大家在選擇CMS時常見的一些誤區。
什麼是CMS？
CMS的全稱是內容管理系統，他是一個網頁應用程式，使用資料（通常是MySQL）或其它方法創建，通過CMS可以用很簡單的方法來實現HTML的編輯和保存（這是在後臺進行的）。編輯好的文章就會在網頁上顯是出來（這是在前臺進行）。
為什麼要使用CMS
有好幾個原因來讓你選擇用CMS，但是讓你使用CMS的最主要的原因是它可以讓內空創建和編輯變得更容易和簡單。可是開發者通常都忘記了這個主要原因，卻把心思過多的放在了開發更多的功能，這對他們自己是不利的（同時對用戶也不利）。
內容不僅僅包括文字。有時網站上需要的內容還有可能包括通信錄或使用者認證系統。所以選擇的訣竅就是，視自己的功能需求而定，在選擇相應功能的同時但又不犧牲易用性。一個好的CMS會幫助你將工作的重心放在前臺的頁面設計上，而不是放在頁面效果的執行上。
五種誤區
誤區1：選擇介面非常友好的CMS
首先，當務之急是讓開發建站者意思到並不是每個人都是精通建站技術的。即使你發現一款你喜歡的並且工作良好的CMS系統，如果你不是自己使用也無關緊要。最重要的是客戶能否可以像他們想像中的一樣很簡單的操作軟體。所以，從長期來看，如果挑一款介面友好的CMS是很有好處的，即使你已經定制了很多的功能來滿足客足。
誤區2：越大越好
注意任何的CMS，不論是否開源，網站的大小都和他們使用的系統有關。不要被系統大、強大的使用者單元、漂亮的擴展功能或系統外掛程式這樣的承諾所迷惑。因為這是一個陷阱。
就是因為太多的人使用CMS，而沒有把它做的太好。比如堅持使用Linux系統的大量使用者，我仍然不知道人們為什麼把痛苦強加給他們自己。簡單來說，根據這些錯誤的認識來選擇CMS系統是一個很差的主意。
另外一個用戶選擇CMS的因素是看到一款CMS後面的大量的開發人員和資金。針對這些問題我要說：
“我希望開發一個優秀的產品就像寫一張支票一樣。如果真是這樣的話，微軟將會有很多的產品。”
如果你還沒有猜到的話我就來告訴你答案，這句話引自Steve Jobs，它用這句話來解釋為什麼最好不要成為龐然大物。真正重要的是產品後面的人，並且這些人要真正來的開發這些產品，而不是在企業中到底有多少人存在。
說到開源CMS，我們經常發現沒有人來對這個軟體進行發展，也找不到合適的人來真對使用者的需求來開發產品。主要的功能來自社會普通成員的需求。結果是產生了很多的功能，而真正的亮點卻被埋沒掉了。所以我再次提醒不要因為軟體功能多而就去選擇它。
誤區3：CMS功能太過簡單
同樣，這和誤區2差不多，用一個很簡單的CMS系統來進行一個龐大網站的建設。要確保你所選擇的CMS系統包含你必需的功能。很多情況下你會發現一款CMS看起來很好，但在確定它包含你所需要的功能之前一定不要急於購買。不幸的是一些最好的CMS還只處於一個發展的過程中。
誤區4：沒有做好充分的調查
在確定購買一款CMS之前一定要做好充足的調查。要查一下用該CMS做出網頁範本。和網站的管理者聯繫來瞭解一下該CMS的優點和缺點。最好和CMS開發者交流一下，保持一個開放的思維。
必須投入大量的時間來測試系統並試著建一個網站。在使用這款CMS之前一定要完成這幾個步驟。有時你會發現一些擴展模組，但對經測試卻發現這些模組卻是一些嚴重的缺陷。通過以上方法來選擇的CMS你會發現才是真正的適合你的CMS。
誤區5：讓一個IT人士來選擇CMS
任何時候都不能讓一個IT人員來選擇你要用的內容管理系統。因為他們很少同時能夠理解代碼和友好的使用者介面。不論你一家大企來還是一個小團體，當務之急是停止考慮IT人員給你的任何建議。這會是非常頭痛的事情，但是確保所用的CMS有一個良好的介面是很必須的，從長期看來這會減少很多痛苦。
如果你是讓一個程式師來建設你的網站，首先你要給他列出一個要求，並且要他給你提出一些相關的建議。這樣你才能做出最適合你自己和客戶的決定。
在CMS中你需要什麼？
在一個內容管理系統中有很多們需要的東西，但是這裡面有一些相比較而言更為重要的：
1、快速、方便的安裝
2、簡單的管理介面
3、快速、方便的CMS擴展功能
4、簡單的範本應用
5、實用的用戶單用
雖然這不是很直觀，但這確實是你最需要的。一個有吸引力的設計是一個最好的因素，其中包括友好的介面，所在花費很多時間和精力來做系統之前要考慮一個介面問題。
3個最有前途的CMS
開源內容管理系統在繼續發展，同時還有一些新的系統在不斷的浮現出來，許多這些新系統很有發展前途。CMS行業的龐然大物如Joomla和Drupal已經不可能打破舊的發展模式。或許新的CMS會打破舊有的模式，並展現出新的前景。
下面列出的是你應該關注的最有發展境的幾種CMS：
1、Frog CMS 
在基於PHP的CMS類別中，這絕對是一個冠軍。Frog CMS在所有發展的CMS中最具發展前景。非常友好的管理者介面是它的一個招牌。使用者單元仍然比較小，儘管是這樣，這款CMS發展的仍然非常的快，外掛程式的開發標準也越來越高。
Frog的優勢在於他的開發者單元，該單元旨在建設一個非常實用的CMS。1.0的版本目前正在開發中，不久將會發佈。
2. Concrete5 CMS 
這款CMS非常不同於其它系統，他集成了前端無縫管理。其它CMS中唯一能做到這種功能的是LightCMS。Concrete5與Frog CMS有同樣的優勢，但比它的對手更複雜。
3. iWeb 
從技術上講這不是一個開源的CMS ，但它代表的是向正確的方向邁出了一步。這個計畫是蘋果公司是網頁發佈系統進行的第一步嘗試。如果蘋果公司以前肯花時間來制定充分的計畫，就不會再有其它的CMS的出現了。我會繼續關注蘋果在該該的未來發展。
前5名的內容管理系統
1、Drupal
Drupal是現在看來功能最全面的開源CMS。它可以直接在頁面上實現內容編輯，並且通過使用模組還以很容易的擴展。用CSS可以很容易的利用文章主題，儘管他目前尚存在一些問題，但這是缺點最少的一款CMS。
2、Wordpress 
WordPress開始只是一個簡單的博客系統，但現在已經發展成為一個最強大的CMS之一。廣大用戶都很喜歡這一款CMS，並且以後他會發佈擴展版本。
由於開發商已經意思到它作為一款用戶友好的CMS非常有潛力，他們已經開發了很多的外掛程式和擴展版本。隨著Wordpress的BuddyPress的發佈，它他和需多其它的開源系統都可以相容，但比它們更方便，介面更友好。
3、Radiant CMS 
這是一個採用了Ruby on Rails的簡單的CMS。他的設計簡單，內容的管理的方法馳很新，這使內容編輯變得非常容易。這款CMS的買點是它為小型開發團隊提供了一款合適的開發軟體。讓這些人知道如何寫Ruby on Rails，以輕鬆制定自己的系統。
4、Magento 
一種特別有效的電子商務內容管理系統提供的功能遠遠超出正常的電子商務系統，如憑藉車。必須對網上商店購買。
5. Silverstripe 
一個簡單的CMS，伴隨著一個發展的社會群體。容易定制和改變，表現出與其他系統配合的潛力如Drupal，有巨大的使用者介面。
拒絕Joomla 
Joomla非常糟糕，如果你需要一些超出基本功能之外的功能，那你就得支付大筆的資金。而它的很大的使用者單元卻都不太好用。針對每一個問題差不多有一百萬個範本來套用，但卻不太可能找到正確的那一個。
使用者介面也不太友好。沒有任何一個管理方法是有意義的，很明顯這是一個不適合使用者的系統。如果我們要抵制一個CMS，那肯下是它。
如果你知道去抵制Joomla你會知道去抵制任何可能妨礙你創建和管理網站的的軟體。
]]></description>
			<content:encoded><![CDATA[<p>自PHP時代以來，CMS內容管理系統以成為互聯網上最大的網頁開發工具。<br />
現在市場上越來越需要一款能更快速、更容易的開發網站的工具，很多開發者都傾向於用開源CMS來進行網站開發。我的最愛不幸的是，現在網上流傳了數千種CMS系統，所以如何選項擇一款正確的CMS已經變成一種折磨。 </p>
<p>本文就是要討論一這個問題，消除大家選擇CMS時本不應該有的折磨。教你如何進行選擇，並且我會列出我發現的幾款最好的CMS，同時會提醒大家在選擇CMS時常見的一些誤區。<br />
什麼是CMS？<br />
CMS的全稱是內容管理系統，他是一個網頁應用程式，使用資料（通常是MySQL）或其它方法創建，通過CMS可以用很簡單的方法來實現HTML的編輯和保存（這是在後臺進行的）。編輯好的文章就會在網頁上顯是出來（這是在前臺進行）。<br />
為什麼要使用CMS<br />
有好幾個原因來讓你選擇用CMS，但是讓你使用CMS的最主要的原因是它可以讓內空創建和編輯變得更容易和簡單。可是開發者通常都忘記了這個主要原因，卻把心思過多的放在了開發更多的功能，這對他們自己是不利的（同時對用戶也不利）。<br />
內容不僅僅包括文字。有時網站上需要的內容還有可能包括通信錄或使用者認證系統。所以選擇的訣竅就是，視自己的功能需求而定，在選擇相應功能的同時但又不犧牲易用性。一個好的CMS會幫助你將工作的重心放在前臺的頁面設計上，而不是放在頁面效果的執行上。<br />
五種誤區<br />
誤區1：選擇介面非常友好的CMS<br />
首先，當務之急是讓開發建站者意思到並不是每個人都是精通建站技術的。即使你發現一款你喜歡的並且工作良好的CMS系統，如果你不是自己使用也無關緊要。最重要的是客戶能否可以像他們想像中的一樣很簡單的操作軟體。所以，從長期來看，如果挑一款介面友好的CMS是很有好處的，即使你已經定制了很多的功能來滿足客足。<br />
誤區2：越大越好<br />
注意任何的CMS，不論是否開源，網站的大小都和他們使用的系統有關。不要被系統大、強大的使用者單元、漂亮的擴展功能或系統外掛程式這樣的承諾所迷惑。因為這是一個陷阱。<br />
就是因為太多的人使用CMS，而沒有把它做的太好。比如堅持使用Linux系統的大量使用者，我仍然不知道人們為什麼把痛苦強加給他們自己。簡單來說，根據這些錯誤的認識來選擇CMS系統是一個很差的主意。<br />
另外一個用戶選擇CMS的因素是看到一款CMS後面的大量的開發人員和資金。針對這些問題我要說：<br />
“我希望開發一個優秀的產品就像寫一張支票一樣。如果真是這樣的話，微軟將會有很多的產品。”<br />
如果你還沒有猜到的話我就來告訴你答案，這句話引自Steve Jobs，它用這句話來解釋為什麼最好不要成為龐然大物。真正重要的是產品後面的人，並且這些人要真正來的開發這些產品，而不是在企業中到底有多少人存在。<br />
說到開源CMS，我們經常發現沒有人來對這個軟體進行發展，也找不到合適的人來真對使用者的需求來開發產品。主要的功能來自社會普通成員的需求。結果是產生了很多的功能，而真正的亮點卻被埋沒掉了。所以我再次提醒不要因為軟體功能多而就去選擇它。<br />
誤區3：CMS功能太過簡單<br />
同樣，這和誤區2差不多，用一個很簡單的CMS系統來進行一個龐大網站的建設。要確保你所選擇的CMS系統包含你必需的功能。很多情況下你會發現一款CMS看起來很好，但在確定它包含你所需要的功能之前一定不要急於購買。不幸的是一些最好的CMS還只處於一個發展的過程中。<br />
誤區4：沒有做好充分的調查<br />
在確定購買一款CMS之前一定要做好充足的調查。要查一下用該CMS做出網頁範本。和網站的管理者聯繫來瞭解一下該CMS的優點和缺點。最好和CMS開發者交流一下，保持一個開放的思維。<br />
必須投入大量的時間來測試系統並試著建一個網站。在使用這款CMS之前一定要完成這幾個步驟。有時你會發現一些擴展模組，但對經測試卻發現這些模組卻是一些嚴重的缺陷。通過以上方法來選擇的CMS你會發現才是真正的適合你的CMS。<br />
誤區5：讓一個IT人士來選擇CMS<br />
任何時候都不能讓一個IT人員來選擇你要用的內容管理系統。因為他們很少同時能夠理解代碼和友好的使用者介面。不論你一家大企來還是一個小團體，當務之急是停止考慮IT人員給你的任何建議。這會是非常頭痛的事情，但是確保所用的CMS有一個良好的介面是很必須的，從長期看來這會減少很多痛苦。<br />
如果你是讓一個程式師來建設你的網站，首先你要給他列出一個要求，並且要他給你提出一些相關的建議。這樣你才能做出最適合你自己和客戶的決定。<br />
在CMS中你需要什麼？<br />
在一個內容管理系統中有很多們需要的東西，但是這裡面有一些相比較而言更為重要的：<br />
1、快速、方便的安裝<br />
2、簡單的管理介面<br />
3、快速、方便的CMS擴展功能<br />
4、簡單的範本應用<br />
5、實用的用戶單用<br />
雖然這不是很直觀，但這確實是你最需要的。一個有吸引力的設計是一個最好的因素，其中包括友好的介面，所在花費很多時間和精力來做系統之前要考慮一個介面問題。</p>
<p>3個最有前途的CMS<br />
開源內容管理系統在繼續發展，同時還有一些新的系統在不斷的浮現出來，許多這些新系統很有發展前途。CMS行業的龐然大物如Joomla和Drupal已經不可能打破舊的發展模式。或許新的CMS會打破舊有的模式，並展現出新的前景。<br />
下面列出的是你應該關注的最有發展境的幾種CMS：<br />
1、Frog CMS </p>
<p>在基於PHP的CMS類別中，這絕對是一個冠軍。Frog CMS在所有發展的CMS中最具發展前景。非常友好的管理者介面是它的一個招牌。使用者單元仍然比較小，儘管是這樣，這款CMS發展的仍然非常的快，外掛程式的開發標準也越來越高。<br />
Frog的優勢在於他的開發者單元，該單元旨在建設一個非常實用的CMS。1.0的版本目前正在開發中，不久將會發佈。<br />
2. Concrete5 CMS </p>
<p>這款CMS非常不同於其它系統，他集成了前端無縫管理。其它CMS中唯一能做到這種功能的是LightCMS。Concrete5與Frog CMS有同樣的優勢，但比它的對手更複雜。<br />
3. iWeb </p>
<p>從技術上講這不是一個開源的CMS ，但它代表的是向正確的方向邁出了一步。這個計畫是蘋果公司是網頁發佈系統進行的第一步嘗試。如果蘋果公司以前肯花時間來制定充分的計畫，就不會再有其它的CMS的出現了。我會繼續關注蘋果在該該的未來發展。<br />
前5名的內容管理系統<br />
1、Drupal<br />
Drupal是現在看來功能最全面的開源CMS。它可以直接在頁面上實現內容編輯，並且通過使用模組還以很容易的擴展。用CSS可以很容易的利用文章主題，儘管他目前尚存在一些問題，但這是缺點最少的一款CMS。<br />
2、Wordpress </p>
<p>WordPress開始只是一個簡單的博客系統，但現在已經發展成為一個最強大的CMS之一。廣大用戶都很喜歡這一款CMS，並且以後他會發佈擴展版本。<br />
由於開發商已經意思到它作為一款用戶友好的CMS非常有潛力，他們已經開發了很多的外掛程式和擴展版本。隨著Wordpress的BuddyPress的發佈，它他和需多其它的開源系統都可以相容，但比它們更方便，介面更友好。<br />
3、Radiant CMS </p>
<p>這是一個採用了Ruby on Rails的簡單的CMS。他的設計簡單，內容的管理的方法馳很新，這使內容編輯變得非常容易。這款CMS的買點是它為小型開發團隊提供了一款合適的開發軟體。讓這些人知道如何寫Ruby on Rails，以輕鬆制定自己的系統。<br />
4、Magento </p>
<p>一種特別有效的電子商務內容管理系統提供的功能遠遠超出正常的電子商務系統，如憑藉車。必須對網上商店購買。<br />
5. Silverstripe </p>
<p>一個簡單的CMS，伴隨著一個發展的社會群體。容易定制和改變，表現出與其他系統配合的潛力如Drupal，有巨大的使用者介面。<br />
拒絕Joomla </p>
<p>Joomla非常糟糕，如果你需要一些超出基本功能之外的功能，那你就得支付大筆的資金。而它的很大的使用者單元卻都不太好用。針對每一個問題差不多有一百萬個範本來套用，但卻不太可能找到正確的那一個。<br />
使用者介面也不太友好。沒有任何一個管理方法是有意義的，很明顯這是一個不適合使用者的系統。如果我們要抵制一個CMS，那肯下是它。<br />
如果你知道去抵制Joomla你會知道去抵制任何可能妨礙你創建和管理網站的的軟體。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/%e9%81%b8%e6%93%87cms%e5%b8%b8%e8%a6%8b%e8%aa%a4%e5%8d%80%e4%bb%a5%e5%8f%8acms%e9%bb%9e%e8%a9%95.html/feed</wfw:commentRss>
		<slash:comments>114</slash:comments>
		</item>
		<item>
		<title>新建網站如何最快速地提高粘著度</title>
		<link>http://www.indzz.com/blog/web-design/%e6%96%b0%e5%bb%ba%e7%b6%b2%e7%ab%99%e5%a6%82%e4%bd%95%e6%9c%80%e5%bf%ab%e9%80%9f%e5%9c%b0%e6%8f%90%e9%ab%98%e7%b2%98%e8%91%97%e5%ba%a6.html</link>
		<comments>http://www.indzz.com/blog/web-design/%e6%96%b0%e5%bb%ba%e7%b6%b2%e7%ab%99%e5%a6%82%e4%bd%95%e6%9c%80%e5%bf%ab%e9%80%9f%e5%9c%b0%e6%8f%90%e9%ab%98%e7%b2%98%e8%91%97%e5%ba%a6.html#comments</comments>
		<pubDate>Mon, 13 Jul 2009 05:00:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=5</guid>
		<description><![CDATA[網站如何提高粘著度，說到底是網站的吸引力問題，這當然與網站的定位有關係。抱著打一槍換一個地方的心態的站長，大可不必考慮粘度的問題，只要想著怎麼忽悠點擊就行，而準備踏踏實實作站的朋友則必須要考慮，自己的網站是否具有吸引回頭客的潛質。一般來說，一個能讓人第二次光顧的網站，以下幾點是必備的。
1、網站速度，試想一個網站一分鐘都還沒有打開，載入完圖片，再載入視頻，再有耐心的用戶也要走了。
網站的速度快慢，涉及到很多方面，首當其衝的就是網站投放的伺服器問題，這個相信很多站長都有一籮筐子的怨言要說，畢竟在現在的主機市場，還真找不出不出問題的IDC，只有一點，這個IDC的實力要硬。你想，既然不能保證不出問題，起碼要保證出了問題能及時解決吧。
其次是網站設計的問題，如果聽從所謂的網站設計公司的意見，那就是什麼新潮來什麼，整個一花裡胡哨，這樣人家才有錢賺啊。但是如果你是一名懂些互聯網的站長，就應該知道網站的設計應該簡潔大方，這樣的網站才是線民願意收藏的，看看百度、google、myspace等網站就知道了。還有一個道理就是，無論多好吃的東西，總有厭煩的時候，可白開水每天都要喝。
2、既然說到網站設計，網站設計就應該有特色，不花哨，但是有自己的思想，並不是完全模仿別人的思路過來的。
總的來說，網站設計的思路就是，要盡可能留住用戶、吸引用戶訪問網頁，我們須注意以下幾點：a、儘量符合用戶習慣的設計，讓人接受陌生的東西需要代價，除非我們覺得這個代價是必須的;b、在頁面把越重要的東西越突出，建立清楚的視覺層次;c、可以點擊的地方必須突出，讓人明顯知道可以點擊;d、把頁面劃分成明確定義的區域;e、省略多餘的文字。
3、網站廣告與網站盈利之間並不能劃簡單的等號。
有一些網站的站長可能是想賺錢想瘋了，頁面上的廣告竟然比主要內容還要多，其實我覺得在長遠來看，這不是一件好事，這樣會讓訪問人數減少，最終導致廣告所賺得的錢也少了，得不償失。
以上這些手段都是大量流失用戶的罪魁禍首，其實這些網站之所以會用如此多的流氓手段都是為了流量，或者更直接一點的說，是為了賺錢，只是他們不知道這樣反而斷了自己網站的財路。
其實利用網站賺錢的方式有很多種，最重要的，是我們做的網站要符合網友的興趣，只有讓網友產生興趣了，並且樂在其中，讓他們從口袋裡掏錢就相對容易了。
大多數線民上網為的是什麼，找樂子!開心網等SNS網站、小遊戲網站的成功就可以看出能抓住線民的娛樂方向的網站肯定是會成功的。那麼我們也可以在網站上做一些小遊戲，具體的辦法是加入一個網頁遊戲平臺，在這方面比較好的、盈利比較可觀的有泡泡玩union.popwan.com 等一些(據說已經有超過10萬的站長加入了這個平臺)然後在自己的網站上增加一個遊戲頻道，遊戲也不用自己去開發，只要引導用戶去玩遊戲就行了，只要有用戶在遊戲裡充值，站長就可以從中提成了，簡簡單單賺大錢，何樂而不為呢?
4、網站結構要清晰，操作要簡單。
試想一個網站欄目劃分不清晰，讓使用者到了網站找需要的東西非常不方便，這種網站肯定不會討用戶喜歡。hao123是最簡單的了，沒學過上網的人，只要上網都能操作，又要說道百度和google，但這兩個網站都是這方面的例子，確實是值得站長們學習的。
5、 網站客服很好，對網友服務到位，但是又不要給用戶太多搔擾。
用戶回饋的問題及提問都能很及時回答等，這樣用戶受到了尊重，用戶才樂意經常光顧。有些網站一打開，彈出窗品，你不點擊他就不走等，甚至還有一些帶有欺騙性的點擊下載都嚴重影響用戶對這個網站的信任。
提高網站的粘度並不只有這些方法，只是說這些方法是比較通用的，當然各行各業都有自己獨特的特色，如何讓客戶產生第二次還來的念頭，需要站長在實踐中更多的去摸索和總結。
]]></description>
			<content:encoded><![CDATA[<p>網站如何提高粘著度，說到底是網站的吸引力問題，這當然與網站的定位有關係。抱著打一槍換一個地方的心態的站長，大可不必考慮粘度的問題，只要想著怎麼忽悠點擊就行，而準備踏踏實實作站的朋友則必須要考慮，自己的網站是否具有吸引回頭客的潛質。一般來說，一個能讓人第二次光顧的網站，以下幾點是必備的。</p>
<p><strong>1</strong><strong>、網站速度，試想一個網站一分鐘都還沒有打開，載入完圖片，再載入視頻，再有耐心的用戶也要走了。</strong></p>
<p>網站的速度快慢，涉及到很多方面，首當其衝的就是網站投放的伺服器問題，這個相信很多站長都有一籮筐子的怨言要說，畢竟在現在的主機市場，還真找不出不出問題的IDC，只有一點，這個IDC的實力要硬。你想，既然不能保證不出問題，起碼要保證出了問題能及時解決吧。</p>
<p>其次是網站設計的問題，如果聽從所謂的網站設計公司的意見，那就是什麼新潮來什麼，整個一花裡胡哨，這樣人家才有錢賺啊。但是如果你是一名懂些互聯網的站長，就應該知道網站的設計應該簡潔大方，這樣的網站才是線民願意收藏的，看看百度、google、myspace等網站就知道了。還有一個道理就是，無論多好吃的東西，總有厭煩的時候，可白開水每天都要喝。</p>
<p>2、既然說到網站設計，網站設計就應該有特色，不花哨，但是有自己的思想，並不是完全模仿別人的思路過來的。</p>
<p>總的來說，網站設計的思路就是，要盡可能留住用戶、吸引用戶訪問網頁，我們須注意以下幾點：a、儘量符合用戶習慣的設計，讓人接受陌生的東西需要代價，除非我們覺得這個代價是必須的;b、在頁面把越重要的東西越突出，建立清楚的視覺層次;c、可以點擊的地方必須突出，讓人明顯知道可以點擊;d、把頁面劃分成明確定義的區域;e、省略多餘的文字。</p>
<p><strong>3</strong><strong>、網站廣告與網站盈利之間並不能劃簡單的等號。</strong></p>
<p>有一些網站的站長可能是想賺錢想瘋了，頁面上的廣告竟然比主要內容還要多，其實我覺得在長遠來看，這不是一件好事，這樣會讓訪問人數減少，最終導致廣告所賺得的錢也少了，得不償失。</p>
<p>以上這些手段都是大量流失用戶的罪魁禍首，其實這些網站之所以會用如此多的流氓手段都是為了流量，或者更直接一點的說，是為了賺錢，只是他們不知道這樣反而斷了自己網站的財路。</p>
<p>其實利用網站賺錢的方式有很多種，最重要的，是我們做的網站要符合網友的興趣，只有讓網友產生興趣了，並且樂在其中，讓他們從口袋裡掏錢就相對容易了。</p>
<p>大多數線民上網為的是什麼，找樂子!開心網等SNS網站、小遊戲網站的成功就可以看出能抓住線民的娛樂方向的網站肯定是會成功的。那麼我們也可以在網站上做一些小遊戲，具體的辦法是加入一個網頁遊戲平臺，在這方面比較好的、盈利比較可觀的有泡泡玩union.popwan.com 等一些(據說已經有超過10萬的站長加入了這個平臺)然後在自己的網站上增加一個遊戲頻道，遊戲也不用自己去開發，只要引導用戶去玩遊戲就行了，只要有用戶在遊戲裡充值，站長就可以從中提成了，簡簡單單賺大錢，何樂而不為呢?</p>
<p><strong>4</strong><strong>、網站結構要清晰，操作要簡單。</strong></p>
<p>試想一個網站欄目劃分不清晰，讓使用者到了網站找需要的東西非常不方便，這種網站肯定不會討用戶喜歡。hao123是最簡單的了，沒學過上網的人，只要上網都能操作，又要說道百度和google，但這兩個網站都是這方面的例子，確實是值得站長們學習的。</p>
<p><strong>5</strong><strong>、 網站客服很好，對網友服務到位，但是又不要給用戶太多搔擾。</strong></p>
<p>用戶回饋的問題及提問都能很及時回答等，這樣用戶受到了尊重，用戶才樂意經常光顧。有些網站一打開，彈出窗品，你不點擊他就不走等，甚至還有一些帶有欺騙性的點擊下載都嚴重影響用戶對這個網站的信任。</p>
<p>提高網站的粘度並不只有這些方法，只是說這些方法是比較通用的，當然各行各業都有自己獨特的特色，如何讓客戶產生第二次還來的念頭，需要站長在實踐中更多的去摸索和總結。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/%e6%96%b0%e5%bb%ba%e7%b6%b2%e7%ab%99%e5%a6%82%e4%bd%95%e6%9c%80%e5%bf%ab%e9%80%9f%e5%9c%b0%e6%8f%90%e9%ab%98%e7%b2%98%e8%91%97%e5%ba%a6.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>DedeCms 多語言企業建站系統公測版發佈</title>
		<link>http://www.indzz.com/blog/web-design/dedecms-%e5%a4%9a%e8%aa%9e%e8%a8%80%e4%bc%81%e6%a5%ad%e5%bb%ba%e7%ab%99%e7%b3%bb%e7%b5%b1%e5%85%ac%e6%b8%ac%e7%89%88%e7%99%bc%e4%bd%88.html</link>
		<comments>http://www.indzz.com/blog/web-design/dedecms-%e5%a4%9a%e8%aa%9e%e8%a8%80%e4%bc%81%e6%a5%ad%e5%bb%ba%e7%ab%99%e7%b3%bb%e7%b5%b1%e5%85%ac%e6%b8%ac%e7%89%88%e7%99%bc%e4%bd%88.html#comments</comments>
		<pubDate>Mon, 13 Jul 2009 04:59:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[CMS]]></category>

		<guid isPermaLink="false">http://www.indzz.com/blog/?p=3</guid>
		<description><![CDATA[經過幾天的內測，織夢會員給出了中小企業建站專用版很多的意見和建議，織夢官方對大家能夠參與官方的內測活動表示感謝。
目前程式已經修復了幾個錯誤，官方決定對新版本進行一次較大範圍的公測，本次公開測試希望聽到更多朋友對織夢中小企業建站專用版本的聲音。
希望我們的中小企業建站程式在全民參與下能夠越來越完善，並且能夠成為真正的中小企業資訊化的源動力。同時大家我們希望更多人能夠加入到我們織夢技術聯盟中來，讓更多人同織夢一起創造共贏。
程式名稱：DedeCMS中小企業版
內部開發代號：DedeENT
版本號：1.0
發佈形式：公測發佈
測試對象：織夢全體會員
程式簡介：
程式較內測版本修改：
1、修正了已知的 Bug；
2、允許安裝時選擇範本、導航模組；
3、修改管理員帳號為超級管理員、普通發佈員兩種，普通發佈員的帳號登錄將看不到專業的操作項目，更簡潔，適合非技術人員操作。
一、DedeCms多語言企業建站版（DedeEnt），是在DedeCmsV5.3基礎上進行簡化，並針對多語言企業站的需求進行優化處理的版本，因此它基本與DedeCms V5.3的使用方法一致，與DedeCms V5.3普通版相比，它具有如下特點：
1、支援前臺同時使用多種語言（包括會員中心及相關動態程式）。
2、針對企業站的特點，會員中心進行了調整，只保留使用者資訊管理、短資訊（線上客服）、收藏、流覽會員級別許可內容（我的文件）幾個功能，在確保功能夠用的前提，也保證了系統的安全性。
3、支援的模組、模型包括：文章模型、產品展示模型、人才招聘模組、友情連結、投票、評論、推薦、線上回饋、計數器等。
二、由於需要使用多語言，因為系統預設使用utf-8編碼，在範本製作方面，與普通版本也有一定的區別，多語言企業建站版預設範本資料夾為：default/en，如果使用者不設置其它語言範本資料夾，則預設調用語言包去處理一些不同語言的描述，如果使用者指定了其它語言的範本，則可以更自由的對範本進行設計。
下載地址：
http://www.dedecms.com/upimg/soft/2009/DedeEnt_0626.zip
官方論壇：
http://bbs.dedecms.com/t70
]]></description>
			<content:encoded><![CDATA[<p>經過幾天的內測，織夢會員給出了中小企業建站專用版很多的意見和建議，織夢官方對大家能夠參與官方的內測活動表示感謝。</p>
<p>目前程式已經修復了幾個錯誤，官方決定對新版本進行一次較大範圍的公測，本次公開測試希望聽到更多朋友對織夢中小企業建站專用版本的聲音。</p>
<p>希望我們的中小企業建站程式在全民參與下能夠越來越完善，並且能夠成為真正的中小企業資訊化的源動力。同時大家我們希望更多人能夠加入到我們織夢技術聯盟中來，讓更多人同織夢一起創造共贏。</p>
<p>程式名稱：DedeCMS中小企業版</p>
<p>內部開發代號：DedeENT</p>
<p>版本號：1.0</p>
<p>發佈形式：公測發佈</p>
<p>測試對象：織夢全體會員</p>
<p><strong>程式簡介：</strong></p>
<p>程式較內測版本修改：</p>
<p>1、修正了已知的 Bug；</p>
<p>2、允許安裝時選擇範本、導航模組；</p>
<p>3、修改管理員帳號為超級管理員、普通發佈員兩種，普通發佈員的帳號登錄將看不到專業的操作項目，更簡潔，適合非技術人員操作。</p>
<p>一、DedeCms多語言企業建站版（DedeEnt），是在DedeCmsV5.3基礎上進行簡化，並針對多語言企業站的需求進行優化處理的版本，因此它基本與DedeCms V5.3的使用方法一致，與DedeCms V5.3普通版相比，它具有如下特點：</p>
<p>1、支援前臺同時使用多種語言（包括會員中心及相關動態程式）。</p>
<p>2、針對企業站的特點，會員中心進行了調整，只保留使用者資訊管理、短資訊（線上客服）、收藏、流覽會員級別許可內容（我的文件）幾個功能，在確保功能夠用的前提，也保證了系統的安全性。</p>
<p>3、支援的模組、模型包括：文章模型、產品展示模型、人才招聘模組、友情連結、投票、評論、推薦、線上回饋、計數器等。</p>
<p>二、由於需要使用多語言，因為系統預設使用utf-8編碼，在範本製作方面，與普通版本也有一定的區別，多語言企業建站版預設範本資料夾為：default/en，如果使用者不設置其它語言範本資料夾，則預設調用語言包去處理一些不同語言的描述，如果使用者指定了其它語言的範本，則可以更自由的對範本進行設計。</p>
<p>下載地址：</p>
<p><a href="http://www.dedecms.com/upimg/soft/2009/DedeEnt_0626.zip" target="_blank">http://www.dedecms.com/upimg/soft/2009/DedeEnt_0626.zip</a></p>
<p>官方論壇：</p>
<p><a href="http://bbs.dedecms.com/t70" target="_blank">http://bbs.dedecms.com/t70</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.indzz.com/blog/web-design/dedecms-%e5%a4%9a%e8%aa%9e%e8%a8%80%e4%bc%81%e6%a5%ad%e5%bb%ba%e7%ab%99%e7%b3%bb%e7%b5%b1%e5%85%ac%e6%b8%ac%e7%89%88%e7%99%bc%e4%bd%88.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

