Photopea，這一套軟體免費、不需要下載免安裝，透過瀏覽器就能直接運作編輯影像繪圖，但讓人驚豔的是Photopea相當的強大，具有相當多Photoshop基礎功能，不需註冊即可使用，具備圖層功能，也有套索、筆刷、填色、文字輸入、模糊化與各種濾鏡工具，甚至還能編輯 PSD 等各種繪圖軟體的特殊圖檔，執行效率也十分順暢，讓人難以置信這是一套免費的線上影像繪圖軟體。

 免費線上繪圖軟體Photopea

打開 Photopea網站，不須註冊帳號也能開始使用。如果一打開 Photopea時發現是英文版，可以到「More」的「 Language

什麼是心智圖？心智圖可以幫助我們思考、分析、規劃、歸類和整理各種資訊，是開發右腦的途徑之一。心智圖又被稱為靈感觸發圖，有時也被叫做概念地圖或思維地圖，是一種圖像式思維的工具。藉由這個方式，我們可以更輕鬆地以圖像的方式來表達自己的想法，進而增進與人溝通的效率。除了以紙筆進行之外，如能善用繪製心智圖軟體的協助，更能事半功倍。維基百科有詳細的說明，想要更深入的人可以先直接參考維基百科；買本心智圖的書也可以幫您快快上手。 心智圖的中心通常是一個單字或者是一個主題，而環繞在中心外的是相關的思想、言論和概念。心智圖是用一個中央關鍵字或想法以輻射線形連接所有的代表字詞、想法、任務或其他關聯專案的圖解方式。它可以利用不同的方式去表現人們的想法，普遍地用作在研究、組織、解決問題和政策制定中。

心智圖(Mind

BlueGriffon 支援了最新穎的網頁技術，包括 HTML5 版面設計、表單及媒體標籤、ARIA、CSS3；以及 SVG 的過場動畫（transition）、變形、陰影等效果……總之族繁不及備載啦！支援HTML5/CSS3的其中一個好處是可插入視頻和音頻檔案，也可支援可縮放向量圖形(Scalable Vector Graphics,

您也許聽說過，Linux 上的軟體，大多都是免費的。許許多多功能強大，又穩定的軟體比比皆是，甚至也有與 MS OFFICE 相匹敵的文書處理軟體出現。這些都是開放原始碼與許許多多熱心人的心血結晶。如今，OpenOffice 也推出了 for Windows 的中文版，讓不會使用 Linux 的人，也能享受到開放源碼所帶來的成果。

OpenOffice.org 原是 Sun 公司的一套商業重量級 Office 軟體，經過 Sun 公司公開程式碼之後，正式命名為 OpenOffice 發展計劃，並由許許多多熱心於自由軟體的人士共同來維持。如今，OpenOffice.org 也把發展的成果，呈現在 Windows 上，讓大家能在 MS OFFICE 之外，還能有免費的 Office

面對琳瑯滿目的 FTP 程式，你用的是哪一種呢？FileZilla 這套 FTP 軟體有著簡潔的介面，但在簡單介面下隱藏有著多線傳輸、檔案續傳、防火牆及 Proxy 支援、加密傳輸等眾多的功能。體積小效率高的這套軟體，還是免費的呢。

FileZilla是一套開放原始碼的免費FTP檔案傳輸軟體，內建44種語言的多國語系介面，且還提供Windows、Linux、Mac OS X等多種作業系統平台的版本。除了支援一般FTP檔案傳輸之外，還可支援SFTP與「FTP over SSL/TLS」…等傳輸模式。最近推出了FileZilla .0最新版本，修復了一些小錯誤與其他bug，是個相當穩定而好用的免費軟體。

FileZilla 有著簡潔的介面和強大的功能，它支援多線傳輸及檔案續傳功能，能夠穩定的傳輸大量資料。有目錄分類功能的 FTP 站台管理員 (Site Manager)讓你快速設定常用的伺服器，還支援 Proxy 及防火牆，以及 SSL 加密及 SFTP

OpenCart的購物網站程式，是由英國人Daniel 所開發的開放原始碼購物網站系統，OpenCart在程式架構上採用MVC schema架構開發，在架構上並沒有使用太多的Smarty模板引擎，所以要修改程式或是版型會比較容易，而且運作上也蠻輕巧的運行執行速度快速，網站支援多國語系(英文、簡體、正體中文)都有，讓您可以輕易發展不同語系的系統，後台功能頗完善的，也有支援報表輸出，若您不需要複雜的購物網站功能，或您對於架設購物網站尚無經驗，且喜歡簡潔的介面，則您可以考慮這套還蠻不賴的OpenCart購物網站。

OpenCart購物網站支援目前最夯的Responsive Web Design（響應式網頁設計）瀏覽模式，同時支援一般電腦、平板電腦、智慧手機和手機的四個主要螢幕寬度佈局的版面，可隨著電腦或平板電腦或手機螢幕不同自動調整切換版面的網頁模板，當用手機瀏覽時，就會自動切換到手機版的網頁，若是使用電腦時，就會自動切換為電腦的版本。

Drupa 的名稱源起荷蘭語 druppel(水滴)之意，是一套免費、強大的網站內容開發管理系統(CMS)，能夠輕鬆簡單地發佈、管理以及組織各式各樣的內容資訊。適合應用在小至個人部落格、大至企業商業應用的網站。擴充性強，外掛模組種類多樣化，安全性高。Drupal 是一套開放源碼的內容管理平台，擁有多種實用的功能，可以用來建置從個人網誌到大型網路社群等各種類型的網站，例如華納唱片、紐約觀察報、Fast Company、Popular Science、SonyBMG、富比士、哈佛大學等網站，或是個人部落格（Tim Berners-Lee）、播客網站（TWIT.tv）、線上社群（SpreadFireFox.com）。

• 系統名稱：Drupal 網站內容編輯管理系統
• 軟體費用：開放原始碼且免費 (GPL)
• 正體支援：正體中文高度支援 /

ZenCart 是真正的電子商務藝術，一個免費、界面友好，具有相當高的知名度系統完善，具有各式各樣的模組供使用者利用，以PHP所撰寫的購開放原始碼的購物車自由軟体，以便應付使用者所想設計的購物網站，還可以與phpBB結合成為ZenCart 專用論壇。Zen Car t購物網站系統軟体由一些銷售商、程式設計師、設計師和顧問們共同開發，目的就是用戶能建立風格不同的電子商務系統。現有的一些解決方案過重於編程，而不是著眼於客戶的需求。ZenCart 把銷售商和購物者的需求放在第一位。同時那些程序如果沒有專業人員，幾乎不可能安裝成功，而一個有基本電腦知識的人就會安裝Zen Cart。另外那些程序也非常昂貴... 而Zen Cart，完全免費！

Zen Cart 將帶給您的客戶全新的網上購物體驗。通過Zen Cart

Magento 一套以 PHP 開發的購物車系統，具有完整後台管理，讓使用者有效率的建立屬於自己的網路商店，可以在同一個後台管理多個網站或者多個線上商店。Magento 多商店購物網站系統支援多語言多種貨幣、 靈活促銷和工具、SEO搜尋引擎優化自訂管理、商品上架管理簡易，維護簡單方便。它能制訂各種商品優惠，如：增加促銷產品、折價卷、免運費、滿額折扣等。 商品結帳方面，它支援加密連線 (https)，保護帳單相關的資料傳送。物品寄送的方式，它能依據重量、價格、目的地和所選的快遞公司設定運費。 各種的銷售報表讓管理者能迅速掌握商店最新的狀況，適合各業界在網路上經營業務，和拓展國際商業貿易生意機會。更適合各網頁網站設計人員、網站發展和網上服務供應業界等，使用來發展和推廣業務，因Magento 功能強大，發展迅速，不斷改良，務求強效但保持簡單，穩定性高，適合不同客戶的需求！

• 系統名稱：Magento

範圍：十進制0-127，十六進制0020-007F。

字符集與原來的ASCII 字符集相同。
如果您想要在HTML 中顯示一個特殊的字符，您可以使用下表中的HTML 實體。
如果字符沒有HTML 實體，您可以使用十進製或十六進制引用。

實例

<p>我的名字是 Johnny &quot;Bang&quot; Johnson<p>
<p>我的名字是 Johnny &#34;Bang&#34; Johnson<p>

結果如下：

我的名字是 Johnny "Bang" Johnson
我的名字是 Johnny "Bang" Johnson

ISO-8859-1

在 HTML 4.01 中，ISO-8859-1 是預設的字元。
ISO（全稱 International Standards Organization）為不同的字母/語言定義了標準的字元集。
在本頁面底部列出了 ISO-8859 的不同變體。

ISO 8859-1 和 ASCII

ISO-8859-1 的第一部分（實體編號 0-127）是原來的 ASCII 字元集。它包含數位、大小寫英文字母和一些特殊字元。
在 ISO-8859-1 中，未使用從 128 到 159 的編碼，但是很多瀏覽器會顯示 ANSI（Windows-1252）字元集的字元，而不是什麼都不顯示。

ISO 8859-1 符號

ISO-8859-1 的第二部分（編碼 160-191）包含了常用的特殊字元。

在這一章中，我們將講解Bootstrap 底層結構的關鍵部分，包括我們讓web 開髮變得更好、更快、更強壯的最佳實踐。

HTML 5 文檔類型（Doctype）

Bootstrap 使用了一些HTML5 元素和CSS 屬性。為了讓這些正常工作，您需要使用HTML5 文檔類型（Doctype）。因此，請在使用Bootstrap 項目的開頭包含下面的代碼段。

<!DOCTYPE html>
<html>
....
</html>

如果在Bootstrap 創建的網頁開頭不使用HTML5 的文檔類型（Doctype），您可能會面臨一些瀏覽器顯示不一致的問題，甚至可能面臨一些特定情境下的不一致，以致於您的代碼不能通過W3C 標準的驗證。

移動設備優先

移動設備優先是 Bootstrap 3 的最顯著的變化。在之前的Bootstrap

什麼是Bootstrap？

Bootstrap是一組用於網站和網路應用程式開發的開源前端（所謂「前端」，指的是展現給終端使用者的介面。與之對應的「後端」是在伺服器上面執行的程式碼）框架，包括HTML、CSS及JavaScript的框架，提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件，旨在使動態網頁和Web應用的開發更加容易。

Bootstrap 歷史

Bootstrap原名Twitter Blueprint，由Twitter的Mark Otto和Jacob Thornton編寫，本意是製作一套可以保持一致性的工具和框架。在Bootstrap之前，開發介面需要使用不同的程式碼庫，這樣很容易導致不一致的問題，從而增加了維護的負擔。Twitter開發者Mark

色彩的運用在網頁中的作用真是太重要了，有些網頁看上去十分典雅、有品位，令人賞心悅目，但是頁面結構卻很簡單、圖像也不複雜，這主要是色彩運用得當，因此我特地將本來屬於圖像製作內的色彩作為一個獨立攔目來介紹。

一、色彩基本概念

自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬於彩色。任何一種彩色具有三個屬性：

• 色相(Hue)：也叫色澤，是顏色的基本特徵，反映顏色的基本面貌。
• 飽和度(Saturation)：也叫純度，指顏色的純潔程度。
• 明度(Brightness或Lightness或Luminousity)：也叫亮度，體現顏色的深淺。非彩色只有明度特徵，沒有色相和飽和度的區別。

Responsive

建過網站的朋友都知道，選擇一台好的、合適的網站伺服主機，是建立一個好網站的重要前提。在選擇伺服主機的時候，一般IDC

絕大多數的網站是負擔不起獨立主機所帶來的金錢、時間、維護上的消耗，於是就有了虛擬主機業務。九成九的企業選擇虛擬主機作為網站空間，虛擬主機為資訊化發展提供了重要保證，但由於互聯網行業的爆炸式發展，天翻地覆的變化帶來了用戶需求的多樣化，如今，用戶對其網站功能、打開速度、空間穩定性以及存儲容量的要求也越來越高。

此外，伴隨著虛擬主機近幾年良莠不齊的發展，同樣也產生了各種各樣的問題，其中最為困擾廣大網路用戶的問題之一就是如何為自己的網站尋找一個放心可靠的虛擬主機提供商。其實，一個好的虛擬主機提供商有著很明確的標準。

一、經營時間的長短
虛擬主機行業由於服務商眾多，因此競爭空前激烈，經營時間的長短是評價一個虛擬主機提供商的重要標準。實力不濟的小公司往往在市場壓力面前舉步唯艱，最終被無情地淘汰出這個市場，最後在互聯網業內屹立不倒的都是那些實力雄厚，信譽卓著的大公司。對於用戶來說，不能貪圖一時的便宜，廣大用戶可通過網站上的營業執照查看服務商的成為時間作為判斷。

...

目前有很多網站客戶在購買虛擬主機器時經常遇到很多問題，然而我們虛擬主機供應商確很不好，
原因一：雖然每個公司在招募新員工的時候都會培訓，但是大多都只注重銷售技巧，對於專業知識都一楷摸過，隨便說說，尤其是象這樣的小問題。
原因二：目前國家整頓網際網路，而目前出於嚴打期間，沒有備案的網站都不得出先在網際網路上。

所以呢，有很多網站客戶及其站長遇到的事情就越來越多，如果自己多少懂一點的還好，不懂的的就把所有的問題往虛擬主機供應商的頭上推，而因為原因一造成了客戶與虛擬主機供應商之間無法溝通，於是就出現了諸多問題不能得到有效直接的處理，對虛擬主機供應商和站長們都造成了很大的經濟損失。因此，我覺得我們有必要多瞭解一下有關於虛擬主機的一些常見問題。

一、問：什麼是虛擬主機？
...

FTP就是File Transfer Protocol (client and server) ，它是一種獲得網際網路世界普遍採用的通訊協定之一，說什麼FTP協定恐怕對一般人來說太深奧了點。其實講白話一點，就是有一組非商業組織的學者們，在1985年的時候提出了一種開放的協定，提供給想要製作檔案傳輸相關應用的電腦軟體設計者們參考，讓大家可以依照這個標準，獨立製作出支持FTP協定的檔案傳輸軟體，確又可以確保互相能夠相容。

TP，是file trasfer protocol的縮寫。顧名思義，這是一個用來傳送檔案的指令。ftp不限於特定的作業系統(如UNIX)上才有，只要遵守一個特殊的協定，(TCP/IP protocol) ，甚至連不同的作業系統間，如UNIX與MS-DOS，也可以互傳資料呢！所以可以想見這個指令的強大功能了。因此，使用網路，不可不知ftp 之用法。ftp 能夠發揮網路的強大功能，真正達到資訊流通的目的。

而且，網路上有相當多的豐富的軟體，小至一些簡單好用的小工具程式，大至完整的作業系統，還有很多的學術論文、技術文件、各種程式的原始碼、圖形檔、聲音檔、動畫檔...等等，數也數不清。這些軟體，就是所謂的shareware，不僅完全免費，而且可以任意拷貝而不須擔心觸犯法律。至於要如何弄到這些東西呢？

FTP運作的原理

連接Mysql 4.1、Mysql 5.0等版本的資料庫系統，php程式必須在連接資料庫的寫法中，加上這三行

mysql_query("SET NAMES 'UTF8'");
mysql_query("SET CHARACTER SET UTF8");
mysql_query("SET CHARACTER_SET_RESULTS=UTF8'");

因此後來Collablog程式也做了修改，這樣才能確保中日韓等雙字元語系文字存進資料庫是utf-8編碼，網頁顯示也是utf-8編碼，達成前後端一致性。

但由於優格網之前就已經有很多文章了，並沒有在一開始使用utf-8指定的方式寫文章到資料庫裡面，不過網頁顯示都會是正常的utf-8字元，這是php程式轉換的功勞。

所以優格網資料庫裡面文章的存法會是這樣

工作之餘連續不斷地嘗試（正確的字元是「工作之餘連續不斷地嘗試」）
...

關於SEOSEO(Search Engine Optimization)即「搜尋引擎最佳化」，白話來說就是讓百度、Bing等搜尋引擎給你的網站建設有較好的評價，進而提高你的網站建設在有關搜尋引擎內的排名，一般來說排名會根據：

1. 流量：這個網址的訪客數。
2. 內容關聯性：網站建設內容跟網友搜尋的關鍵字是否吻合。
3. 停留時間：網友不只找到你的網站建設，還在你的網站建設上停留越久，代表你的網站建設跟這個關鍵字有很大的關聯性。
4. 更新頻率：網站建設常更新的話，搜尋引擎會給予較高分數。
5. 外部連結：您的網站建設有很多的外部連結，也就是有很多部落客的分享文或權值很重的網站建設可以連結到你的網站建設，也會讓排名更好。
6. 行動裝置優化：這也是最近最重要的一點，說明如下。

總的來說搜尋引擎都是以你的網站建設是否能符合使用者的使用習慣，當做網站建設品質分數的評分標準。

綜合各家經驗，我們將響應式網站建設對SEO的更多好處整理如下：

一般中小企業對於SEO的認知上，認為只要是自己公司的名稱能在搜尋引擎被找到就可以了。殊不知一個好的網站會相當於是幫公司請了幾個優秀的業務經理人，除此之外還能發揮更多的功效。網站可以讓我們不用主動去搜尋我們的客戶，所有的客戶通過網路找到我們的網站並了解我們所提供的服務並進而與我們取得聯繫，大部分的訂單都是通過網站而非人工自動產生。

SEO網站優化不是一種短線投資策略，它需要長期的堅持以及積累，最終才會換來巨大的效益！

SEO網站優化不僅只是説明客戶提升網站流量、提高銷售額那麼簡單，SEO網站優化可以結合行業的發展趨勢，時時調整SEO網站優化策略讓企業在互聯網上掌握更多的主動權。

搜尋引擎優化未來的一個發展趨勢，應該是從企業的發展目標、戰略規劃、行銷策略等方向出發。幫助企業打造具有更高行銷價值的企業網站，這應該是搜尋引擎優化的最終目的。SEO網站優化不再只是單純的優化關鍵字排序，或者說關鍵字排序優化只是構成SEO網站優化很小的一個部分。

我們認為將SEO網站優化主要用來優化某些關鍵字排序，並不能夠更好的發揮SEO網站優化的價值。面對搜尋引擎演算法的擠壓、大型網站以及行業的競爭，關鍵字優化的競爭陷入了瓶頸。而關鍵字排序優化之外，有更多的空間可供SEO網站優化利用。關鍵字排序優化也使SEO網站優化變得過於單一性。

面向未來的搜尋引擎優化，無論是從規劃到技術、策略到戰略等。都會有一個長遠的計畫，包括下面幾個方向：

SEO網站優化目的很簡單，就是通過瞭解搜尋引擎收錄網站的規則和排名規則，按照這些規則去做網站，從而獲得網站的關鍵字在搜尋結果中有比較好的排名，讓自己的網站曝光在用戶最顯眼的位置，達到一個廣告的效果，獲得瀏覽量。於是國內在近幾年，網路界出現了一個相當熱門的字句，叫SEO也就是搜尋引擎優化的意思。

首先在世界各地，包括台灣由於搜尋引擎是人們查找資訊最簡單的方式，用的人就很多，甚至稱之為網際網路的入口，隨著企業電子商務應用越來越廣泛，政府電子政務的瀏覽，人們每天都在使用搜尋引擎，所以企業有把自己產品或服務通過使用者搜尋時希望最前顯示的強烈需求，所以企業使用者就可以選擇兩種方式達到目的。一就是競價排名模式，直接給錢搜尋引擎，如Google，Live

網站推廣有哪些方法? 最新網路推廣方案_網路推廣方法大全網路行銷方法可以按照功能和形式不同進行分類，常用的網路推廣方法如下：

1. 置入行銷： 所謂置入，就是指通過特定的概念訴求、以擺事實講道理的方式使消費者走進企業設定的“思維圈”，以強有力的針對性心理攻擊迅速實現產品銷售的文字模式和口頭傳播。比如：新聞、協力廠商評論、訪談、採訪、口碑等等。
2. 搜尋引擎行銷(SEM)： 簡單的說，搜尋引擎營就是基於搜尋引擎平台的網路行銷，利用人們對搜尋引擎的依賴和使用習慣，在人們檢索相關資訊的時候盡可能將行銷資訊傳遞給目標客戶，搜尋引擎行銷追求最高的性價比，以最小的投入，獲得最大的來自搜尋引擎的訪問量，並產生商業價值。搜尋引擎行銷的最重要工作是擴大搜尋引擎在行銷業務中的比重，通過對網站進行搜索優化，更多地挖掘企業的潛在客戶，説明企業實現更高的轉化率。
3. Email行銷：

隨著CSS3和HTML5建站技術的發展，動效在網頁設計中的作用越來越顯著。與靜態界面相比，動態的轉變更符合人們的認知體系，可以有效降低用戶認知負載。這是因為，在網站界面使用動畫效果能讓元素的變化、界面的轉變、層次結構之間的關係更加清晰自然。從某種程度上來說，動效還是用戶交互的基礎。那麼，什麼樣的動效才是有效的呢?小飛瀏覽了不少網站，總結出了5個核心準則，現在一起來看一下吧。

一、自然流暢

如今移動網際網路的發展，網站對於移動終端設備的展示越來越重要！但是這些移動設備又有著特定的螢幕尺寸、分辨率等，在這樣的情況下，傳統的PC網站已不能滿足用戶的需求，PC網站在不同設備上打開會出現各種問題，無形中導致大量的潛在用戶流失，所以這裡很有必要為大家介紹，建設響應式網站有什麼優勢，以及響應式網站建設需要注意哪些問題。

首先，來說一說響應式網站的優勢：

1. 響應式網站的智能化
   建設響應式網站，最大的優勢是具有智能化的響應設計，這種網站可以針對用戶設備顯示端的尺寸不同，自動的調整網站的顯示方式，讓網站幾乎可以適應所有的顯示終端，而且還可以在瀏覽器中調整網站的寬度，讓網站不出現滾動條，使得用戶不管在任何一種顯示器上瀏覽網站，都不會出現佈局混亂、顯示不全、或者是亂碼的問題，從而最大程度的提高用戶的網站體驗。
2. 節省成本

響應式網站設計的理念是：頁面的設計與開發應當根據用戶行為以及設備環境(系統平台、營幕尺寸、螢幕定向等)進行相應的響應和調整，能夠兼容多個終端——而不是為每個終端做一個特定的版本，不必為不斷到來的新設備做專門的版本設計和開發。

在移動設備終端訪問佔大多數的網絡時代，移動設備使得響應式網頁設計變得如此重要。H5響應式網站實現PC端iPad端M手機端及WeChat微信端多平台的瀏覽方式，不同的分辨率下依然保持風格的一致閱讀性，後台更新數據可同步至多個平台，高效快捷。

品牌&企業網站採用國際主流的網站設計風格並結合品牌及企業的VI形象來確定網站的樣式，達到優秀的網站視覺效果、順暢的用戶體驗及信息傳達的準確性。

品牌營銷型網站將營銷的思路、文案和圖片融入到具備美感的品牌網站中來，實現品牌及企業的商業目標及獲得銷售線索或直接獲得訂單。

購物&電商網站實現在線銷售&在線購物服務。其功能主要包含商品的管理、會員的管理、訂單的管理、庫存的管理、優惠的管理、在線支付等。

（此篇文章為網路轉載，如有侵權請告知，會盡速將文章下架！）

H5響應式網站目前已經佔領了全網營銷的流量入口，對於說起H5響應式網站很多人也是慢慢的熟悉起來了，隨著H5響應式網站建站技術的日益成熟，也為企業的建站成本帶來了很大的減少，在技術沒有成型之前都是需要做上倆套模板的，一套pc端的一套手機端的，在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序，但是H5響應式網站就不一樣了，只需要一套模板一套程序可以自適應不同大小的屏幕分辨率，讓網站可以輕鬆的適應不同品目的瀏覽器，給不同設備的客戶帶來了統一的瀏覽體驗，其實H5響應式網站製作起來也不是想像的那麼複雜，下面就來說說如何設計製作HTML5響應式網站建設。

亞洲發展銀行（Asia Development Bank）：有58個成員國家，包括新聞、焦點、統計等等。
網 址：http://www.adb.org/

東南亞國家聯盟（東盟）：官方網站，包含政治安全合作、經濟合作、對外關係、統計、東盟出版物。
網 址： 閱讀更多

有這麼一句俗語：『好的開始是成功的一半』。
在網站設計上也是如此，首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對您的網站有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入，是否能夠吸引瀏覽者留在網站上，全憑首頁設計的「功力」了。

所以，首頁的設計和製作是絕對要重視和花心思的。一般首頁設計和製作占整個製作時間的40%，您寧可多花些時間在早期，以免出現全部做好以後再修改，那將是最浪費精力的事。

這裡，先插一個「封面」的問題。封面是指沒有具體內容，只放一個logo點擊進入或者只有簡單的圖形功能表的首頁。
是否需要為網站設計一個「封面」？作者的個人觀點是：沒必要！
除非您是很藝術類的網站，或者可以確信內容獨特，可以吸引瀏覽者進一步點擊進入的網站，否則的話，封面式的首頁並不會給您的網站帶來什麼好處。我們上網瀏覽需要的是快速，有價值的資訊，如果等待xx分鐘，只顯示出一個粗劣的“ENTER”圖示，那麼相信沒有人會再耐心等待進入下一頁。

首頁，從根本上說就是全站內容的目錄，是一個索引。但只是羅列目錄顯然是不夠的，如何設計好一個首頁呢？
一般的步驟是：
○

定位您的網站形象
一個傑出的網站，和實體公司一樣，也需要整體的形象包裝和設計。準確的，有創意的CIS形象設計，對網站的宣傳推廣有事半功倍的效果。

第一，設計網站的標誌(logo)
首先您需要設計製作一個網站的標誌(logo)。就如同商標一樣，logo是您網站特色和內涵的集中體現，看見logo就讓大家聯想起您的網站。注意：這裡的logo不是指88X31的小圖示banner，而是網站的標誌。...

網頁開發人員在設計網頁時應該依循的作業方式和考量原則

「無障礙網頁」， 就是遵循無障礙網站設計之規範，提供網頁導盲磚、鍵盤快速鍵(Access Key)、網站導覽(Site Navigator)等無障礙網頁之設計，為使對滑鼠操作有障礙之人士，亦可快速瀏覽網站之任何資訊。

一、無障礙網頁可及性設計原則
網頁開發人員在規劃網站的架構、資源內容的整理和呈現的處理、網頁相關技術的取捨等相關因素時，應該依循下列四個無障礙網頁可及性設計原則。

原則一：多媒體相關資訊的可及性

每個人因為成長的過程不同，對「視覺的美」這件事的觀感也有很大的差異。
通常設計網站很大的一關會卡在視覺畫面提案這個階段，這個問題的肇因主要是因為設計師跟客戶之間的「視覺的美」溝通不良，溝通之所以不良通常是因為雙方對於視覺語言與文字的認知不同導致的，所以有時候客戶希望網站活潑、清新，這兩個名詞聽在設計師耳朵裡跟客戶的認知就有所不同，再加上設計師對您的網站所應呈現出來的視覺會有自己的認知，因此畫面提案就跟您想像的不太一樣。

假設您選擇了一個口碑不錯、值得信任的設計師，「溝通」是下一個難題。有些人會以為直接跟設計師說「我想要做一個什麼樣的網站」，設計師就能按照需求精準地做出來。許多紛爭都出現在設計師覺得已經努力認真做網站，但客戶卻覺得跟他的想法完全不同。跟設計師表達需求之前，您應該先注意以下事情：

先決定您的網站功能類型？是否使用架站軟體？...

很多朋友都想學習如何做網頁，我知道他們的意思就是說要如何用做網頁的軟體，如dreamweaver、flash、firework、photoshop等等，這些純技術的東西我不想多談，因為如今技術的發展一日千里，就是這種應用軟體也是發展升級得非常的快。

今天的很多認為是較難實現的功能也許經過軟體升級之後就可以很方便的實現。我想強調的是關於網頁排版佈局方面的必要的知識，很多初學者都忽視這方面，以為技術就能代表一切，能夠知道怎麼用這個做網頁的工具就能夠做出品質較高的網頁來。其實不然，因為軟體知識只是一種工具，就像你有了筆，但不一定能作出好的文章來一樣。很多人對技術很熟練但是做出來的網頁卻通常是照搬人家的東西，並沒有體現做網頁的水準的提高。
...

正如上面所說的，在Web網站開發中經常犯的一個錯誤是為設計者而設計網站，所考慮的是設計者的需求而不是實際使用者的需求。如果設計者忽略使用者的需求，進程模型就不能保障一個網站的品質。一定要記住Web網站設計的重要原則：

規則：設計者不是使用者。

設計者所理解的並不是使用者所理解的。作為一個設計者，您擁有Web網站的直接知識。您道資訊在哪裡以及如何安裝插入功能元件。您有最佳的螢幕解析度及瀏覽器的設置等等。您必須接受以下的事實，很多使用者並不像您一樣理解您認真設計的網站，他們的興趣甚至也與您不盡相同。考慮到使用者的興趣和期望的重要性，表面上直接讓使用者以他們希望的方式進行設計仿佛很合適。但如果您考慮到了另一個基本原則，那就不是一個好主意：

規則：使用者不是設計者。
...

如果您在網際網路上發現一個對您的工作有幫助或有參考價值的網站，您一定會將其網址告訴您的同事；如果找到您的朋友需要的資訊，您同樣記下網址告訴您的朋友；要是在飆網時偶然遇到特別有興趣的網站，您肯定加入到自己瀏覽器的書簽中，每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁，這在技術實現上已十分容易，有許多幾乎不用程式設計的所見即所得的工具軟體可以利用。但是讓人們從浩如煙海的網站中，訪問瀏覽您的網站甚至為您宣傳，就不是那麼簡單，因為滑鼠和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的網站和網頁，是需要深刻理解使用者的需求並對人們上網時的心理進行認真的分析研究。

網際網路正在改變世界，它促成了網路經濟雛形的形成，特別是電子商務正由新概念走向實用化。由於網際網路具有傳播資訊容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點，已經發展成為新的傳播媒體，所以全球幾乎各個企業、機構紛紛建立自己的Web網站。並且由此產生了一個新的工作崗位——網站設計者(Website

首先我們先從文章的標題來思考，選擇適合您的「網站設計公司」，而不是定義選擇適合您的「網站製作個人」或「平面設計公司」或「廣告公司」、「公關公司」、「網頁設計工作室」、「電腦公司」，條件當然是能與您直接配合網站設計公司業者，而非個人SOHO或是非網站設計主業的公司。網頁設計的產業是一個很速成的產業，充滿了很多非專業的正規網站設計公司，網站設計公司越來越多，就連做網頁設計的SOHO族都越來越多，一個人一台電腦就能做製作網頁，他們的製作費通常很便宜，但並不能提供完整的規劃與設計服務。要如何選擇適合您網站設計公司很重要，這關析的您的網站是否成功營運，因為有可能網站做不了多久，哪個網頁設計公司就倒了或是設計者已經改行做別的工作了，這樣的情況您能接受嗎？

先了解您自己的需求，也就是您建置網站主要目標為何？大致上網站類型主要有：

企業形像網站...

寫在前面：我的一位前輩告訴我，技術永遠都不是最重要的，一個不懂市場的設計師永遠只能是個體力勞動者。
無論這樣，為藝術而藝術或者為技術而技術在這個年代已經註定是要碰壁的了，我覺得。

一、以客為尊從市場的角度思考建置網站之「細節致勝篇」

英國一家研究機構在2002年5月份發表的調查資料表明，英國很多大型公司在企業網站的建設和維護方面儘管花費了數以百萬英鎊計的資金，但真正有用的網站卻寥寥無幾，所投入的資金幾乎等於浪費。其實這種狀況在國內也很普遍，毫不誇張的說，95％以上的企業網站通常都沒有發揮多大作用。於是我們常常可以看到一些為企業網站“診斷”的文章羅列企業的“罪狀”，比如網頁設計簡陋、長期沒有更新、網站缺乏有效的推廣等等，實際情況顯然並不僅僅限於這些表面問題。

如果進行深入分析，不難發現，很多網站在一些看似不起眼的小問題上往往暴露出其不專業的缺點，這些問題看起來可能並不嚴重，甚至微不足道，但實踐經驗表明，在網站的總體功能差不多的情況下，細節問題往往是決定一個網站是否真正有效的關鍵因素。

...

網站的定位往往就是一句話的事情，但就是簡單的一句話卻來之不易。為了這簡單的一句話，很多網站花了很長的時間，走了不少的曲折之路。網站的定位跟網站的目標用戶群，市場的潛力和競爭對手都相關，所以它也不簡單。

做網站時，首先要解決兩個問題：一是網站有沒有定位，二是網站定位是不是合適。如果一家公司網站不能夠用一句話來概括網站是做什麼的，那麼這個網站就是沒有清晰的定位，沒有清晰的定位則表示沒有想好，沒有想好就是表示對目標用戶群、對市場環境、對競爭對手都沒有一個明確的認識。

網站有定位也不一定是對的，定位於一個競爭激烈的市場或者已經飽和的市場，這樣的定位跟沒有定位是沒有差別的。所以一個網站不僅要有定位，而且要有一個差異化的定位。不是為了差異化而差異化，而是為目標用戶群的需求的差異化，為了市場空間的不同而差異化。有清晰而合適的定位，本身就是一種競爭的優勢，能夠比對手少走彎路，以更少的資源做更多的正確的事，所以也比競爭對手跑得更快，走得更遠。
...

家有家規，國有國法，網頁設計的價格標準，似乎是有了家規，尚無國法。每個公司、工作室開出的價格單都不同，沒有統一的標準。沒有規範，沒有對照，甚至連小小的頁字也統一不了，比如有人是以一個HTML頁面為一頁，有人則是A4紙大小為一頁。在同一地區，不同的兩個設計公司中，對網頁設計的報價往往也是不一樣的。這就導致競爭，競爭是有良性和惡性之分的。如果兩個公司之間競爭的是設計水平，那就是良性的競爭；如果兩個公司之間是爭相競低價，那就是惡性的競爭。

不管是客戶業主或是同行間最好奇的就是網站設計的報價，通常學生接案或是SOHO接案可能價格比較起伏不定，但是其實大概都會有一個範圍在，通常的收費也可以用以下標準略為計算。首先從大部分客戶角度上劃分，網站大致可分為企業形象類型、程式功能類型或兩者綜合類型。企業形象類型則是打造企業形象品牌，使產品品牌在網上傳播到世界各地；程式功能類型就是實現會員管理、產品資訊管理、線上訂購、線上討論互動等功能。
...

線上諮詢
諮商委託設計項目、屬性、數量與範圍。了解網頁製作用途，與其他廣告媒體之搭配等相關事宜。由客戶提供網頁製作相關資訊、文件、描述內容等，全盤性了解網頁製作事宜。

瞭解客戶需求，建立製作共識並報價
根據諮詢議題，確立網站架構，網頁製作設計屬性、規模、數量與程式元件功能品項。

簽訂委託網站設計製作正式合約
根據雙方議定委任內容與事項，線上簽立合約，客戶給付網頁設計製作費用訂金。

網站資料準備與彙整
根據合約中的網站架構，將所需的內容文稿及圖檔資料蒐集整合，並確定網域名稱。

確立網站主版型設計風格...

網站設計是一門專業的工作需要眾多人員的分工合作才能成就一個完整而實用的網站，製作網站除了找尋委託專業的網頁設計公司、將製作與設計交由專業人員執行之外，自己企業本身也應於先前對自己企業本身的網站內容有所規劃與準備。

對網際網路應有基本認識
就算您打算聘用網頁設計公司替您設計網站，並不代表可以完全放心把工作交給別人，您需要對網際網路應有基本認識。
絕對擁有網域名稱註冊權，網址註冊時網域名稱註冊單位不會核實登記者的身份，只以登記人填寫的資料為準。如果別人替您登記時用了自己而非您的資料，若您想取回網址的擁有權便要對方同意才可以。當您想取回擁有權，99% 都是不滿意對方吧，有多少麻煩不難想像。所以即使委請他人註冊網址，必定要確認登記註冊擁有人是您自己的身份。

釐清網頁需要為您達到的目的
一般來說，我們做了一些網頁的分類，如形象網站、購物網站...建議您可以先逛一下我們的網站，看一下哪些網站是您比較偏向的類型？哪些網站是您喜歡的風格？
...

任何公司行號或機構，在架設網站之前，都應該認真想想，究竟為什麼要建一個網站？希望從網站上得到什麼呢？不是您今天做，明天就一定會為營運銷售做出巨大貢獻。想做一個復合您需求的好網站，而且想把她長久的經營下去。那應該如何思考這個網站企劃呢？這個網站整體定位與架構內容呢？
首先第一點，我覺得您要有您的idea，就是您的想法，也是您的服務內容，您要做什麼內容的網站。有了這個想法後，就可以把您的網站的服務定位確定下來。那現在是不是就可以進入網站製作開發階段了呢？不是，在您有了您的idea後，您還需要有了個plan(計劃)，誠心的建議您參考以下的步驟來思考您的建站計劃。

一、了解自己(公司的文化背景及產業優勢)
• 請進行貴公司的產業概況的描述。
• 請進行對市場競爭者和對他們網站的了解。
• 請對網站建置專案小組進行任務指派及網站目標的說明。
• 請分析貴公司進行此網站建置的資源分析。

二、網站整體定位與服務任務
•