Flash Player將於2020年12月31日結束生命週期，Google Chrome與微軟Edge/IE瀏覽器將同時不再支持Falsh，HTML5時代全面來臨！
Adobe公司的Flash曾是網路多媒體創作的重要工具。過去20年來，許多網路影音、遊戲、互動媒體都依靠Flash開發，Flash也曾是幾乎每台機器必裝的軟體。微軟在2007年曾試圖推出Microsoft
BlueGriffon「藍獅鷲」 一款免費跨平台所見即所得的網頁編輯器軟體，支援HTML5、CSS3
BlueGriffon 支援了最新穎的網頁技術，包括 HTML5 版面設計、表單及媒體標籤、ARIA、CSS3；以及 SVG 的過場動畫（transition）、變形、陰影等效果……總之族繁不及備載啦！支援HTML5/CSS3的其中一個好處是可插入視頻和音頻檔案，也可支援可縮放向量圖形(Scalable Vector Graphics,
UTF-8 C0控制與基本的Latin(拉丁字母)
範圍：十進制0-127，十六進制0020-007F。
字符集與原來的ASCII 字符集相同。
如果您想要在HTML 中顯示一個特殊的字符，您可以使用下表中的HTML 實體。
如果字符沒有HTML 實體，您可以使用十進製或十六進制引用。
實例
<p>我的名字是 Johnny "Bang" Johnson<p>
<p>我的名字是 Johnny "Bang" Johnson<p>結果如下：
我的名字是 Johnny "Bang" Johnson
我的名字是 Johnny "Bang" Johnson| 字元 | 十進位 | 十六進位 | 實體 | 名稱 |
|---|---|---|---|---|
| 32 | 0020 | 空格（SPACE） | ||
| ! | 33 | 0021 | 感嘆號（EXCLAMATION MARK） | |
| " | 34 | 0022 | " | 引號（QUOTATION MARK） |
| # | 35 | 0023 | 數位記號（NUMBER |
Bootstrap CSS概覽說明
在這一章中，我們將講解Bootstrap 底層結構的關鍵部分，包括我們讓web 開髮變得更好、更快、更強壯的最佳實踐。
HTML 5 文檔類型（Doctype）
Bootstrap 使用了一些HTML5 元素和CSS 屬性。為了讓這些正常工作，您需要使用HTML5 文檔類型（Doctype）。因此，請在使用Bootstrap 項目的開頭包含下面的代碼段。
<!DOCTYPE html>
<html>
....
</html>如果在Bootstrap 創建的網頁開頭不使用HTML5 的文檔類型（Doctype），您可能會面臨一些瀏覽器顯示不一致的問題，甚至可能面臨一些特定情境下的不一致，以致於您的代碼不能通過W3C 標準的驗證。
移動設備優先
移動設備優先是 Bootstrap 3 的最顯著的變化。在之前的Bootstrap
...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)：也叫亮度，體現顏色的深淺。非彩色只有明度特徵，沒有色相和飽和度的區別。
網頁設計常見的佈局「雙欄式佈局」設計
目前雙欄式佈局仍然是網頁常見的佈局之一，其他還有像是單欄式、三欄式。這個概念在很早之前就有了，屬於設計領域，不過隨著技術的演變，實做也有些不同，比如之前提到的article、header、footer、aside等等就是在語義上有意義的標籤。header、body、footer也就是從縱面來看，分成頭部、身體和腳部，不只是在網頁主體上(Document)，表格(table)有th、tr之分，Bootstrap的CSS框架中也有不少小物件可拆分成這三個部分。
從橫軸面來看，最簡單的是單欄是佈局，也就只有一個主體，手幾等螢幕較小的裝置也可以顯示。多含有邊框訊息(aside)的訊息的雙欄式佈局，是我目前個人最常見到的，於電腦等較大型顯示裝置下的佈局方式。此外，還有三欄、多欄式佈局，在這以外的佈局方式也有不少。舉幾個例子：知名內容管理軟體（CMS）WordPress的預設初始佈局（主題），當前應該是雙欄是佈局；另一個值名項目管理工具Trello，就有點多欄式的感覺；Google
...告訴您如何使用HTML5與CSS3做出動畫效果，提升瀏覽者更願意停駐瀏覽網站
在網站中使用動畫效果並不是什麼新鮮事兒。建站早期，不少設計師經常在自己的網站中放置gif動畫，但由於許多設計逐漸不能兼備實用性，動畫效果慢慢成為糟糕的用戶體驗的代名詞。不過，近些日子隨著Html5技術的發展，依靠CSS3做出的動畫比Javascript的操作更簡單、瀏覽更順暢，因此動畫效果在歷經起起落落之後再次回歸到大眾的懷抱，很多網站開發者開始重新思考怎樣將它更好地應用到網站中。其實，適當的動畫效果可以給枯燥無味的用戶界面增加趣味，增添網站的個性化色彩，引起用戶的情感共鳴，提升用戶體驗，提高用戶轉化率。今天小飛就帶大家一起看看動效有哪些好處，以及在網站中可以怎樣使用。
在網站中使用動畫效果的好處：
增加趣味性
設計巧妙的動畫常常會給用戶帶來意想不到的驚喜，給網站增加一定的趣味性。Deal
設計巧妙的動畫常常會給用戶帶來意想不到的驚喜，給網站增加一定的趣味性。Deal
如何設計製作HTML5響應式網站建置
H5響應式網站目前已經佔領了全網營銷的流量入口，對於說起H5響應式網站很多人也是慢慢的熟悉起來了，隨著H5響應式網站建站技術的日益成熟，也為企業的建站成本帶來了很大的減少，在技術沒有成型之前都是需要做上倆套模板的，一套pc端的一套手機端的，在瀏覽器訪問的時候通過辨別瀏覽器的方式來跳轉不同的程序，但是H5響應式網站就不一樣了，只需要一套模板一套程序可以自適應不同大小的屏幕分辨率，讓網站可以輕鬆的適應不同品目的瀏覽器，給不同設備的客戶帶來了統一的瀏覽體驗，其實H5響應式網站製作起來也不是想像的那麼複雜，下面就來說說如何設計製作HTML5響應式網站建設。
...GIF視頻動畫製作工具功能都有哪些？GIF視頻動畫製作方面要注意什麼
現在大家不論是做動畫還是發表情包應該都見過Gif動畫。這種動畫能夠出現在我們面前並廣為流傳的原因就是它的表現力非常的豐富，而且文件的體積也是比較小的。其實Gif動畫的本質是逐幀動畫。通常製作Gif動畫的工具很多。也許你看這個貼的時候你已經對gif動畫產生了極大的興趣。並還在猶豫應該選什麼軟件來製作gif動畫。那麼進行GIF視頻動畫製作工具需要有哪些功能呢？下面一品威客網就帶您一起來看看。
GIF視頻動畫製作工具功能說明
首先應知道，做gif動畫的軟件並不唯一。比較常用的有網頁三劍客之一的fireworks一般都簡稱為fw。另外就是adobe公司的imageready簡稱為“IR”這是photoshop（簡稱PS）的兄弟軟件軟件。一般安裝了PS都會附帶有“TR”這個軟件。最後一個比較常用的就是友立公司的ulead gif animator5.05簡稱“U5”也有人簡稱為“UGA”
...Flash動畫在網頁製作中的應用及發展分析
...
誰說網頁只能用標準字？使用Google Web Fonts API(線上網路字型服務)為您的網站增加字體
Google Web Fonts(簡稱webfont)亦Google網頁字體，網頁字體的快速和易於使用的每個人，包括專業的設計師和開發商。
我們認為，不應該有任何作出了巨大的網站障礙。
Google的目標是創建一個世界的核心Web字體的目錄，並提供API服務，使任何人都可以帶來質量的排版的網頁。
API服務Google的服務器上運行。
他們快速，可靠和測試。
Google提供免費的服務。
它可以在幾秒鐘內的網站加入Google的Web字體。
網頁字體建一個網站，是一個更美觀，更具可讀性，更容易和更加開放的網絡。
所有的字體都是開源的。這意味著你可以自由與朋友和同事分享您的收藏夾。
您甚至可以改善或定制，並與原設計者。您還可以使用在每一個您想要的方式，私人或商業– 打印，您的計算機上，或在您的網站。
Google正與世界各地的設計師，出版質量為Web字體的設計。
如果您設計的字體，想貢獻自己的設計，請與我們聯繫。
在目錄中的字體，可以成為非常受歡迎，百萬計的人們每天看到的。
以前的網頁字型只能設定為電腦通用的字體例如Arial,
您的網站，是學習、模仿還是抄襲？
現在部落格普及率時在是高的嚇人，幾乎是人手一個，甚至除了有部落格外，也有其他類型的網站，但是有些人總是會讓自己的網站變得更優秀，而去學習別人網站，當然學習是一種正確的態度，但若當使用者熱情與積極的學習態度發揮過頭時，這是不是變成了模仿呢？若是更嚴重一點，是不是變成了抄襲？
學習是一件好事。
網頁設計時對網頁標題設計應遵循三大原則
在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜尋引擎檢索的需要。這一原則在實際操作中可通過下來三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：
一. 網頁標題不宜過短或者多長
一般來說6～10個漢字比較理想，最好不好超過30個漢字。網頁標題字數過少可能包含不了有效關鍵字，字數過多不僅搜尋引擎無法正確識別標題中的核心關鍵字，而且也讓使用者難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站連結。
二. 網頁標題應概括網頁的核心內容
當使用者通過搜尋引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加連結）和網頁摘要資訊，要引起使用者的關注，網頁標題發揮了很大的作用，如果網頁標題和頁面摘要資訊有較大的相關性，摘要資訊對網頁標題將發揮進一步的補充作用，從而引起使用者對該網頁資訊點擊行為的發生（也就意味著搜尋引擎推廣發揮了作用）。另外，當網頁標題被其他網站或者本網站其他欄目 /
...網頁設計中色彩的運用真是太重要了！充分瞭解色彩的原理
色彩的運用在網頁中的作用真是太重要了，有些網頁看上去十分典雅、有品位，令人賞心悅目，但是頁面結構卻很簡單、圖像也不複雜，這主要是色彩運用得當，因此我特地將本來屬於圖像製作內的色彩作為一個獨立攔目來介紹。
１、色彩基本概念
自然界中的顏色可以分為非彩色和彩色兩大類。非彩色指黑色、白色和各種深淺不一的灰色，而其他所有顏色均屬於彩色。任何一種彩色具有三個屬性：
(1)色相(Hue)：也叫色澤，是顏色的基本特徵，反映顏色的基本面貌。
(2)飽和度(Saturation)：也叫純度，指顏色的純潔程度。
(3)明度(Brightness或Lightness或Luminousity)：也叫亮度，體現顏色的深淺。
非彩色只有明度特徵，沒有色相和飽和度的區別。
２、色彩的三原色
CSS樣式表的十八般技巧
Cascading Style Sheets（層疊樣式表／串樣式列表），簡寫為CSS，由W3C定義和維護的標準，一種用來為結構化文檔（如HTML文檔或XML應用）添加樣式（字體、間距和顏色等）的計算機語言。本文說明我開始使用CSS佈局方法以來所有的技巧和相容方案，我願意把這些與您分享，我會重點解釋一些新手容易犯的錯誤(包括我自己也犯過的)，如果您已經是CSS高手，這些經驗技巧可能已經都知道，如果您有更多的，希望可以幫我補充。
一. 使用css縮寫
使用縮寫可以幫助減少您CSS檔的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》，這裡就不展開描述。
二. 明確定義單位，除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中您可以只寫width="100"，但是在CSS中，您必須給一個準確的單位，比如:width:100px
淺談網頁設計的色彩
人常常感受到色彩對自己心理的影響，這些影響總是在不知不覺中發揮作用，左右我們的情緒。色彩的心理效應發生在不同層次中。有些屬直接的刺激，有些要通過間接的聯想，更高層次則涉及到人的觀念、信仰，對於藝術家和設計者來說，無論哪一層次的作用都是不能忽視的。
對於網頁設計者來說，色彩的心理作用尤其重要，因為用網路是在一種特定的歷史與社會條件的環境下，即高效率、快節奏的現代生活方式的條件，這就需要做網頁時把握人們在這種生活方式用網路的一種心理需求。
作為網頁設計師來說，做到有針對性的用色是相當重要的，因為網站往往是各種各樣的，大公司的、政府組織、體育組織、聊天的、新聞的、個人主頁等等，不同內容的網頁的用色應是有較大的區別，所以要合理的使用色彩來體現出網站的特色，這是高明的做法。
例如：做公司的網頁，就不能僅僅使用一些不著邊際的顏色來吸引人，而要讓人一看到這個網站的用色就立即明確該公司的主題。
...網站首頁的設計
有這麼一句俗語：『好的開始是成功的一半』。
在網站設計上也是如此，首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對您的網站有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入，是否能夠吸引瀏覽者留在網站上，全憑首頁設計的「功力」了。
所以，首頁的設計和製作是絕對要重視和花心思的。一般首頁設計和製作占整個製作時間的40%，您寧可多花些時間在早期，以免出現全部做好以後再修改，那將是最浪費精力的事。
這裡，先插一個「封面」的問題。封面是指沒有具體內容，只放一個logo點擊進入或者只有簡單的圖形功能表的首頁。
是否需要為網站設計一個「封面」？作者的個人觀點是：沒必要！
除非您是很藝術類的網站，或者可以確信內容獨特，可以吸引瀏覽者進一步點擊進入的網站，否則的話，封面式的首頁並不會給您的網站帶來什麼好處。我們上網瀏覽需要的是快速，有價值的資訊，如果等待xx分鐘，只顯示出一個粗劣的“ENTER”圖示，那麼相信沒有人會再耐心等待進入下一頁。
首頁，從根本上說就是全站內容的目錄，是一個索引。但只是羅列目錄顯然是不夠的，如何設計好一個首頁呢？
一般的步驟是：
○
網站的整體風格(Style)和創意(Creative)設計
網站的整體風格及其創意設計是網站設計者最希望掌握，也是最難以學習的。難就難在沒有一個固定的程式可以參照和模仿。給您一個主題，任何兩人都不可能設計出完全一樣的網站。當我們說：「這個網站很cool，很有個性！」那麼，是什麼讓你覺得很cool呢？它到底和一般的網站有什麼區別呢？本文試圖用最簡明的語言來說明：
• 風格是什麼，如何樹立網站風格？
• 創意是什麼，如何產生創意？
• 風格(style)是抽象的。是指網站的整體形象給瀏覽者的綜合感受。
這個「整體形象」包括網站的CI（標誌，色彩，字體，標語），版面佈局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，網站榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪士尼是生動活潑的，IBM是專業嚴肅的。這些都是網站給人們留下的不同感受。
首頁的角色正在變化
於一個網頁設計者這來說，可能最重要的一項工作就是首頁的設計了。客戶往往要求把更多的東西都塞到首頁裡面來，而設計者更希望保證設計上得一些追求和設計上的完整性。設計師與客戶之間的對峙，大概是每個項目進行中主旋律。如果您是一位設計師，我敢保證您肯定碰到下面的情形：
我希望logo可以更大些、新聞活動和重要事件要大一些，重要的連結和導航和搜索框要更醒目些，哦對了，我不想讓頁面出現滾動的情況，所有的東西都在瀏覽器的第一幕裡面，還有我們的銷售人員希望上面底下和側面都有banner。
這些情形的出現也說明了大家對首頁重要性的認識，正是因為這樣，當您為一個企業或者公司網站設計的時候，您可以看到每個部門都爭先恐後的在首頁上劃分自己的領地。在這樣爭奪下，您所設想的設計和易用性等等這些東西都率先犧牲了。作為設計師，您怎麼辦呢？
...網站設計網頁製作中有哪些關鍵技巧？
網站設計中有哪些關鍵技巧？在這裡告訴你：
01. 明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的使用者需要什麼。你的整個設計都應該圍繞這些方面來進行。
02. 抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
03. 優化內容
內容是核心。企業網站就像一本廣告冊子，網站不要使用太多大的圖片，似乎要幾個世紀才能下載完。
04. 快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。
05. 網站主機適時升級
來自微軟設計主管 - 網頁設計經驗
從頭銜上，您可能認為我主要關心的是 microsoft.com Web 網站幾千個網頁的版面設計。的確，這些確實是我所關注的。視覺上的吸引力是重要的，但是這僅僅是工作的一小部分。而最終的目的是確保整個網站運轉正常。
我的意思是，人們通常在訪問 microsoft.com 時，並未將它當作藝術作品來讚賞。而是為了獲得有關產品的資訊，或者有一些技術問題需要諮詢，或是閱讀有關開發商的期刊。所以網站的設計應該儘量清楚和有條理，以便他們能夠容易地找到所需資訊。
設計網站
在進行網站設計時--在設計過程中--形式應該服從功能。這種方法應用於我們網站的整個設計過程中。當然，我們有最新的網路工具，並且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利於為訪問者提供有效的服務。
網頁的排版與佈局
很多朋友都想學習如何做網頁，我知道他們的意思就是說要如何用做網頁的軟體，如dreamweaver、flash、firework、photoshop等等，這些純技術的東西我不想多談，因為如今技術的發展一日千里，就是這種應用軟體也是發展升級得非常的快。
今天的很多認為是較難實現的功能也許經過軟體升級之後就可以很方便的實現。我想強調的是關於網頁排版佈局方面的必要的知識，很多初學者都忽視這方面，以為技術就能代表一切，能夠知道怎麼用這個做網頁的工具就能夠做出品質較高的網頁來。其實不然，因為軟體知識只是一種工具，就像你有了筆，但不一定能作出好的文章來一樣。很多人對技術很熟練但是做出來的網頁卻通常是照搬人家的東西，並沒有體現做網頁的水準的提高。
什麼是Web網站設計 - 為使用者設計
正如上面所說的，在Web網站開發中經常犯的一個錯誤是為設計者而設計網站，所考慮的是設計者的需求而不是實際使用者的需求。如果設計者忽略使用者的需求，進程模型就不能保障一個網站的品質。一定要記住Web網站設計的重要原則：
規則：設計者不是使用者。
設計者所理解的並不是使用者所理解的。作為一個設計者，您擁有Web網站的直接知識。您道資訊在哪裡以及如何安裝插入功能元件。您有最佳的螢幕解析度及瀏覽器的設置等等。您必須接受以下的事實，很多使用者並不像您一樣理解您認真設計的網站，他們的興趣甚至也與您不盡相同。考慮到使用者的興趣和期望的重要性，表面上直接讓使用者以他們希望的方式進行設計仿佛很合適。但如果您考慮到了另一個基本原則，那就不是一個好主意：
規則：使用者不是設計者。
網站的設計、管理與維護
如果您在網際網路上發現一個對您的工作有幫助或有參考價值的網站，您一定會將其網址告訴您的同事；如果找到您的朋友需要的資訊，您同樣記下網址告訴您的朋友；要是在飆網時偶然遇到特別有興趣的網站，您肯定加入到自己瀏覽器的書簽中，每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁，這在技術實現上已十分容易，有許多幾乎不用程式設計的所見即所得的工具軟體可以利用。但是讓人們從浩如煙海的網站中，訪問瀏覽您的網站甚至為您宣傳，就不是那麼簡單，因為滑鼠和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的網站和網頁，是需要深刻理解使用者的需求並對人們上網時的心理進行認真的分析研究。
網際網路正在改變世界，它促成了網路經濟雛形的形成，特別是電子商務正由新概念走向實用化。由於網際網路具有傳播資訊容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點，已經發展成為新的傳播媒體，所以全球幾乎各個企業、機構紛紛建立自己的Web網站。並且由此產生了一個新的工作崗位——網站設計者(Website
如何選擇適合您的網站設計公司呢？
首先我們先從文章的標題來思考，選擇適合您的「網站設計公司」，而不是定義選擇適合您的「網站製作個人」或「平面設計公司」或「廣告公司」、「公關公司」、「網頁設計工作室」、「電腦公司」，條件當然是能與您直接配合網站設計公司業者，而非個人SOHO或是非網站設計主業的公司。網頁設計的產業是一個很速成的產業，充滿了很多非專業的正規網站設計公司，網站設計公司越來越多，就連做網頁設計的SOHO族都越來越多，一個人一台電腦就能做製作網頁，他們的製作費通常很便宜，但並不能提供完整的規劃與設計服務。要如何選擇適合您網站設計公司很重要，這關析的您的網站是否成功營運，因為有可能網站做不了多久，哪個網頁設計公司就倒了或是設計者已經改行做別的工作了，這樣的情況您能接受嗎？
先了解您自己的需求，也就是您建置網站主要目標為何？大致上網站類型主要有：
企業形像網站
網站的目標定位很重要
網站的定位往往就是一句話的事情，但就是簡單的一句話卻來之不易。為了這簡單的一句話，很多網站花了很長的時間，走了不少的曲折之路。網站的定位跟網站的目標用戶群，市場的潛力和競爭對手都相關，所以它也不簡單。
做網站時，首先要解決兩個問題：一是網站有沒有定位，二是網站定位是不是合適。如果一家公司網站不能夠用一句話來概括網站是做什麼的，那麼這個網站就是沒有清晰的定位，沒有清晰的定位則表示沒有想好，沒有想好就是表示對目標用戶群、對市場環境、對競爭對手都沒有一個明確的認識。
網站有定位也不一定是對的，定位於一個競爭激烈的市場或者已經飽和的市場，這樣的定位跟沒有定位是沒有差別的。所以一個網站不僅要有定位，而且要有一個差異化的定位。不是為了差異化而差異化，而是為目標用戶群的需求的差異化，為了市場空間的不同而差異化。有清晰而合適的定位，本身就是一種競爭的優勢，能夠比對手少走彎路，以更少的資源做更多的正確的事，所以也比競爭對手跑得更快，走得更遠。
網站規劃設計製作流程
線上諮詢
諮商委託設計項目、屬性、數量與範圍。了解網頁製作用途，與其他廣告媒體之搭配等相關事宜。由客戶提供網頁製作相關資訊、文件、描述內容等，全盤性了解網頁製作事宜。
瞭解客戶需求，建立製作共識並報價
根據諮詢議題，確立網站架構，網頁製作設計屬性、規模、數量與程式元件功能品項。
簽訂委託網站設計製作正式合約
根據雙方議定委任內容與事項，線上簽立合約，客戶給付網頁設計製作費用訂金。
網站資料準備與彙整
根據合約中的網站架構，將所需的內容文稿及圖檔資料蒐集整合，並確定網域名稱。
確立網站主版型設計風格
該如何準備網站設計前的工作
網站設計是一門專業的工作需要眾多人員的分工合作才能成就一個完整而實用的網站，製作網站除了找尋委託專業的網頁設計公司、將製作與設計交由專業人員執行之外，自己企業本身也應於先前對自己企業本身的網站內容有所規劃與準備。
對網際網路應有基本認識
就算您打算聘用網頁設計公司替您設計網站，並不代表可以完全放心把工作交給別人，您需要對網際網路應有基本認識。
絕對擁有網域名稱註冊權，網址註冊時網域名稱註冊單位不會核實登記者的身份，只以登記人填寫的資料為準。如果別人替您登記時用了自己而非您的資料，若您想取回網址的擁有權便要對方同意才可以。當您想取回擁有權，99% 都是不滿意對方吧，有多少麻煩不難想像。所以即使委請他人註冊網址，必定要確認登記註冊擁有人是您自己的身份。
釐清網頁需要為您達到的目的
一般來說，我們做了一些網頁的分類，如形象網站、購物網站...建議您可以先逛一下我們的網站，看一下哪些網站是您比較偏向的類型？哪些網站是您喜歡的風格？
企業架設網站前的思考？？
任何公司行號或機構，在架設網站之前，都應該認真想想，究竟為什麼要建一個網站？希望從網站上得到什麼呢？不是您今天做，明天就一定會為營運銷售做出巨大貢獻。想做一個復合您需求的好網站，而且想把她長久的經營下去。那應該如何思考這個網站企劃呢？這個網站整體定位與架構內容呢？
首先第一點，我覺得您要有您的idea，就是您的想法，也是您的服務內容，您要做什麼內容的網站。有了這個想法後，就可以把您的網站的服務定位確定下來。那現在是不是就可以進入網站製作開發階段了呢？不是，在您有了您的idea後，您還需要有了個plan(計劃)，誠心的建議您參考以下的步驟來思考您的建站計劃。
一、了解自己(公司的文化背景及產業優勢)
• 請進行貴公司的產業概況的描述。
• 請進行對市場競爭者和對他們網站的了解。
• 請對網站建置專案小組進行任務指派及網站目標的說明。
• 請分析貴公司進行此網站建置的資源分析。
二、網站整體定位與服務任務
•
無障礙網站九十條相關的檢測要點
無障礙網站九十條相關的檢測要點
1.1：H101000圖片需要加上替代文字說明
說明：在瀏覽器無法顯示影像時，可以利用ALT屬性所指定的說明文字來代替影像。例如協助視覺障礙者增進網頁文字及影像視覺可讀性(visual readability)之螢幕閱讀器(screen reader)；螢幕閱讀器可以自動將ALT屬性所指定的說明文字解譯至語音合成器(speech synthesis)作語音輸出，或解釋至點字顯示器(brsille display)顯示點字。
1.2:H101001對於applet提供替代文字說明
無障礙網站十四條規範
無障礙網站十四條規範
本規範為了讓網頁開發者能夠對網頁開發在可及性設計的考慮上有明確的規範條文，特參考 WAI 組織在相關無障礙網頁標準的設計，以 十四條規範來引導 網頁開發者設計可以讓所有人士都可以使用的無障礙網頁。
規範一：對於聽覺及視覺的內容要提供相等的替代文字內容
網頁開發者在網頁中遇到非文字的聽覺或視覺內容時，如果能同時提供同等內容的替代文字，將可使聽覺障礙或視覺障礙者能夠無礙地瀏覽和獲取這些資訊內容。
視覺的內容包括圖像、圖表、動畫等，而聽覺的內容則包括音樂、語言和各種音訊。本規範所指的同等內容是指能描述視覺或聽覺內容的一段文字敘述。譬如一個連接到下一頁的向右箭頭的圖像，「下一頁」是適當的替代性文字；譬如一個煙火的動畫，「有煙火聲效的煙火場景動畫」，則是適當的替代視覺與聽覺的內容。
何謂網路無障礙網站？
認識無障礙網路空間
無障礙 您瞭解嗎？這字眼常常讓人誤解，一般人會認為「啊～這跟我無關！」，有這樣想法的您就錯了。您一定看過無障礙坡道吧！它不僅協助身障人士，對於其他人也是一項福利，怎麼說呢 ?
什麼是 Silverlight？專為在各種平台上執行而建立，是一項全新Web呈現技術
什麼是 Silverlight？
Silverlight 是一項全新 Web 呈現技術，專為在各種平台上執行而建立。它可建立豐富又多采多姿的互動式體驗，而且可以在任何環境上執行：各種瀏覽器內、多種裝置上以及在其他桌上型電腦作業系統 (例如 Apple Macintosh) 上皆可使用。XAML (可延伸應用程式標記語言，eXtensible Application Markup Language) 使用和 Microsoft .NET Framework 3.0 (Windows 程式設計基礎架構) 中的 WPF (Windows Presentation Foundation) 相同的技術，並且也是 Silverlight 呈現功能的根基。
網站設計網頁製作與廣告行銷規劃整合
網站製作網頁設計有別於傳統廣告媒體運用，提供企業另一個伸展舞台，只需於製作初期投入預算，就可藉網址與目標對象隨時互動。網頁設計在導入廣告行銷早期，對於如何運用這項新媒體或整合於廣告整體行銷體系中，是所有經營者曾經困擾的課題，如何有效運用也是所有趨勢專家學者今日探索之議題。從15吋銀幕時代迄今，電腦設備傳輸速度倍增，網頁設計傳輸檔案的限制不復存在。
提高網站排名SEO網站優化概念與好處
SEO網站優化的重要概念
一. 討好搜尋引擎
這點也是許多SEO公司到後來會有不同發展的重要原因，很多SEO公司因為利用一些排名小技巧在短時間內提升網站排名，嚐到了甜頭，因而興起想與搜尋引擎對抗的念頭。可是這樣的挑戰最後絕大部分都是失敗的。失敗的原因是個常識，跟幾十個世界頂尖工程師的金頭腦鬥，別傻了。SEO公司的概念應該是建立在討好搜尋引擎，而非挑戰。
什麼是動態網站與靜態網站？有什麼區別？
什麼是動態網站呢？動態網站並不是指具有動畫功能的網站，而是指通過資料庫進行架構的網站。 動態網站除了要設計網頁外，還要通過資料庫和編程式來使網站具有更多自動的和高級的功能。例如，網站裡的產品資料和圖片數量很多、種類很多，為方便顧客查找，就應通過資料庫程式設計來在網頁上實現自動搜索；系統、線上採購系統、商務交瀏系統等都是用資料庫來做成的。
網頁設計
- 網站品牌視覺系統建立：提供完整的品牌建立及顧問服務，所有的創意及設計工作皆環繞著建立品牌的中心思考，針對行業特點及企業的個性，企劃出具創意的全方位的網站品牌規劃設計服務。
- 網頁SEO優化設計：網站經專業的優化程序處理後，將對於各大搜索引擎之搜尋結果將會有明顯的排序提升。網站優化的目的在於使搜索引擎能更明確網站屬性及內容，做最恰當的歸類，進而迅速提高排名及提升網站曝光率。
網站設計規劃
一個網站的成功與否與建站前的網站規劃有著極為重要的關係。在建立網站前應明確建設網站的目的，確定網站的功能，確定網站規模、投入費用，進行必要的市場分析等。只有詳細的規劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能，並根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計畫和指導的作用，對網站的內容和維護起到定位作用。