平面設計 網站建置 互動多媒體 Flash動畫 淞揚創作 服務產業 虛擬實境 Facebook行銷 SEO成功案例 課程培訓
專業分工 媒體Q&A 數位常識
聯絡我們 線上客服 付款櫃檯
招募理念 招募對象 應徵流程 培育實蹟 我要面試 淞揚會員

首頁專業諮詢數位常識

製作網站的整個工作流程步驟是如何?

當您確定了網站規格並與專案經理簽合約後,接下來通常是先開始組織架構及內容規劃

然後再交由設計師作網站視覺提案,然後在畫面提案通過後,開始進行網頁內容製作及相關程式的撰寫或安裝,
資料庫建置
等。

最後再進行內容校對的工作,才可以上線。



網站製作的各階段都會影響專案品質的好壞,我們在這邊提供可能發生的狀況及建議:

網站的架構內容 【範例下載】
若要先確認網站的架構內容,建議以(網站地圖)SITE MAP 的形式表達網站架構,
這有助於設計師在思考您的網站視覺設計(SNF)的安排,例如網站的主MENU 應該放在什麼地方,
或是哪邊應該呈現子選單等等的。

視覺風格的溝通 【範例下載】
雖然美感是主觀的,當然設計師可以給予您視覺上的專業建議,
若您希望網站能有一些自己想要的風格,最好的做法是可以先提供些參考資料,
例如網站或是圖片,甚至是您覺得很好的平面媒體給設計師參考,可以快速的掌握您要的設計風格。
網頁版型設計完成後,等於整個網站主視覺定案,讓您網站裡的每個頁面都可屬於您專屬的風格。

網頁內容製作
建議您一次整理出所有內頁的內容,能用後台系統更新的部分可以暫時不處理,
其他一次提供給設計師的話,可以大幅加速彼此溝通進度,完成大量的插圖跟內文的編輯。

內容校對
我們通常會建議您安排空檔的時間,仔細看過一遍網站,然後用電話跟專案經理進行校對,
您可以跟專案經理一併打開網頁,溝通哪些文字或是圖片的處理是否合乎需求,
並且我們建議一次校對整個網站,這樣可以縮短校對時間。
校對完成後,網站就可以準備上線了,
在上線前,請記得再仔細檢查網頁的各個內容。
想得知詳細說明,可進一步至本公司網站【設計流程】 觀看流程細目。 【專案經理 Norris】

客製化網站與模組化網站
我們常常會接到一些客戶希望整個網站的每個項目、每個功能,從前台、後台到任何一個細節,都能依照他們的需求去做,
這種我們通常稱為 【全客製專案】,或簡稱"專案"。

專案的製作動輒數萬至數十萬,這些費用事實上有一半以上是都是在溝通
因為您得必須花費許多時間去跟專案經理溝通需求,
而專案經理又必須跟工程師或是設計師溝通(您不會想跟工程師溝通的,他們說的話一般人聽不太懂),
這些溝通成本當然會增加網站建置的費用,專案的費時就更不在話下,
但是專案若是能夠正確並成功的完成,其發揮的效益也會是最高的。
當然,專案很可能會因為系統分析師跟客戶之間的溝通不良,導致整個專案失敗。
若購買個現成的模組網站,雖然看似功能好用,但您若要改內容所受到的限制會比較大,
甚至連網站的視覺設計都不能依照您的意思更動,雖然費用極低,但是一般而言都不太符合客戶的需要。

因此,目前在市面上能找到的網站設計服務,多半採折衷的方式進行
例如採用一套固定的核心系統,然後搭配設計服務以及工程改裝,
就有點像是打造一部手工汽車,您可以決定汽車的外型、內裝、甚至椅子的款式,但是您不能要求重新為您設計一顆引擎。
目前這種做法是比較可行的方式,
他一方面解決了專案的成本與時效問題,另一方面他也解決了購買旣有網站會受到功能限制的問題
在本益比上來說會是最好的選擇。
製作方式 客製化網站 模組化網站 半客製化
性質 全部按客戶需求製作 按網頁設計公司所提供的網站規格,
可變動局部美術,無法修改程式
按網頁設計公司所提供的網站規格,
可變動局部美術,無法修改程式
功能性 可按客戶需求製作修改 僅能按現成的網站開發,無法修改 按已完成的客製化網站微幅修改
技術開發 可按客戶需求製作,
不受限制
受限頗高 可按客戶需求製作不受限制
溝通時間 需較多的書面文件
與溝通時間
較少的溝通時間 折衷
價格 較高 較低 折衷
挑選設計公司所該注意的事項
現在很多大專院校都有開網頁/動畫/遊戲/程式等設計課程,補習班也有標榜”作設計可百萬年薪”等廣告用語,
感覺上設計這行業好像是輕鬆的金飯碗,
而事實上編寫HTML,加上簡單的繪圖軟體使用,或是寫寫簡單的程式,人人也可以做設計。
不過網頁設計是一門很專業的東西,小到一個圖案的設計,大到整個系統架構、視覺風格,
牽涉到的學問從藝術、科技到人文,含括的領域是廣闊的。
市面上充斥著許許多多的網頁設計公司,乍看之下好像每一家都非常專業,價格每家都不同,

那麼,怎麼挑選一個適合的網頁設計公司呢
一般而言,要得到網頁設計公司的資訊多半是透過他的網站,得到的各種資訊,
以下有幾個比較客觀的評估標準,提供您作一個參考:
(1)公司有沒有登記
很多網頁設計公司其實是工作室,工作室本身也相當多,服務品質有高有低,
有的工作室非常專業,但是有的卻是一招半式就想闖天下的。
無論品質高低,由於非公司型態,無法人身分,因此委託工作室製作,對業主本身的風險會相對提高。
(2) 公司登記的時間
做的不好的公司開不長久。
網頁設計這個行業是需要經驗的累積,能夠經過時間的考驗表示這家公司的體質是否良好,
如果您找到的公司開業不滿兩年,那表示在這個行業的時間並不太長,
除非它是有找到一個非常資深的人在經營,否則對於他的專業度也應該要進一步的斟酌。
(3) 作品的數量
他能提供給您參考的作品數量,是一個很重要的指標,
因為做過越多的案件,表示該公司在這方面的經驗非常充足,並且也有相當的專業,否則無法累積這麼多的作品。
(4) 作品的品質
網頁設計的價格跟品質事實上是相對關係,
品質越好,客製化的程度越高,通常價格也會比較昂貴
因此,如果您需要相當大量的客製化設計,可以去尋找專業的專案設計公司,雖然可能必須要負擔較高的費用。
但是一分錢一分貨,千萬要小心那種價格比同業低很多,又號稱品質可以做很高的公司,
因為一不小心就會遇到黑心業者,不是簽了約收了錢就把你丟著,就是開始做了之後跟您猛加錢。
(5) 網頁上的價格是否透明
部分的網頁設計公司會將簡單的報價公佈在網站上,讓大多數的客戶可以大約了解計價方式,
有的專案類型的公司會希望先跟客戶聯繫,再依照需求規劃報價。
通常報價透明的網頁公司比較不會發生報價被灌水的現象。但是議價的空間也會相對減少。
因此,如果是報價透明的廠商,會比較適合預算限制較大的客戶,
如果您比較沒有限制,不妨跟專案公司聯繫討論。

以上僅就簡單的幾個項目去分析如何尋找一個適合您的網頁設計公司,不管您要找誰做網站,
記得一定要請他們盡量提供他們的作品,因為作品才是真正評估該公司是否適合您的主要標準依據
什麼叫做DNS
DNS( Domain Name Service ) 從字譯來看叫做網域名稱服務,
我們天天都用到DNS,當您打開IE,看到奇摩跑出來的那一瞬間,你已經使用了DNS的服務了。
那麼,這個聽起來很重要,但是又好像沒有用的東西,到底是什麼?

簡單的說,他是一個問路的機制。
網路是用TCP/IP的架構建構起來的,每個網站都有一個IP,這個IP就是網站的地址。
例如您的網站用的IP是 211.225.150.128,當上網輸入211.225.150.128,就會連到您的網站,
這是很難記得住的。所以DNS這個機制,讓您可以去申請一個網址,例如是 abc.com ,
這種網址就非常好記,DNS的運作原理就是如此,
當您打開IE輸入 abc.com ,IE 就會先去詢問 DNS 主機:
請問 abc.com 的IP是多少呢?
DNS 主機會根據他自己的紀錄回答:abc.com的IP是138.223.100.108 喔!

那麼這部DNS主機在哪裡?
通常DNS主機會在您的ISP (例如HINET / SEEDNET / 東森寬頻之類的),
每當有人申請一個新的網址,他就會紀錄這個網址的對應IP。
所以,DNS主機是一本非常非常大的電話簿,紀錄了每個網址的對應IP,或是應該要去哪裡査詢IP。
DNS相對的對應技術還有很多,這邊僅就最基本的觀念作一個介紹。事實上內部的運作相當複雜,
有興趣可以去其他資料參考。
【維基百科-DNS】
搜尋引擎排序的運作原理
搜尋是網路上一項最主要的行為,
透過瀏覽器大多數的行為都是從搜尋開始,
也莫乎Google成為股市的績優股,而往往搜尋出的第一筆資料是最常被點閱的;
因此,所有架設網站的人無不想讓自己排在第一位。

是要怎麼才能排在最前面?
這就要從搜尋引擎的運作原理講起,
基本上,您在搜尋引擎裡面所搜尋出來的資料,多半都是已經被放在搜尋引擎的主機裡面。
也就是說,那些資料平常是由搜尋引擎的主機每天不斷的去抓資料,
之後在您按下「搜尋」的那一瞬間,資料就會由資料庫裡面拉出來。然後透過他所紀錄的一個網址,連結到該網站。

在搜尋出的資料當中,他是怎麼排序的呢?
簡單來說,他是依照該筆紀錄的點閱次數排序的,
因為搜尋引擎認為,較多人點閱的資料表示該筆資料比較會是該使用者想要的,
也就是說,越多人點的網頁他就會排在越前面。
因此,若您希望您的網頁排在最前面,那麼您就必須讓您的網站保持第一名的搜尋後點閱量,
然而,這是非常困難的,因為點閱的動作必須由人工去進行,
需要大量的人力去執行,或是讓您的網站成為超人氣,每天都有許多人點閱進去觀看。

不過坊間仍然有許多廠商提供將網站排序優先的服務,這是可行的,
只是相對費用並不低,原因在於進行這件工作的成本並不低。
但千萬不要相信他說保證可以在 GOOGLE 出來第一筆之類的話,因為以搜尋優先來說,這是不可能的。
若您希望您的網站搜尋能夠優先,歡迎您來電洽詢,我們會推薦您優質的廠商為您進行服務。
參考連結:
【搜尋引擎最佳化 (SEO)】
【關鍵字排名】
我需要做網站嗎?
網站的類型分很多種,舉凡社群站、購物網、形象網、個人網、入口網…
所以大家就會思考,我到底要不要做網站,

我們的建議是,作網站前做好事前評估,才能確定是否有需要去投入資源上去。以應用面來說,可分成以下幾點來看:

資訊交換與分享
不管是營利或非營利的模式,網站是很好的資訊交換平台,
只要您網站上線後,全世界只要有網路的地方,打上您的網址,就可以看到你的網站。
除了觀看其網站內容外,還可以跟網站做線上互動,更可以透過網站平台開發到更多的潛在客戶。
範例: 【Look生活網】【無名】【Facebook】

產品資訊網站
當您的產品有著比較詳細的規格資料,像是電子產品,或是有比較大量的產品圖片需要介紹時,
這時候網站可以提供24小時不間斷的線上目錄,不管何時何地只要可以上網,就可以取得產品的詳細說明,
可以大幅提升業務工作的效率。
範例: 【夢時代婚紗網】【世大照明】【赫士盟網頁設計】

購物網站
線上購物已經是個成熟的交易行為,金流跟物流的搭配也有很完整的選擇,
若是您希望透過網路銷售商品,那建構網站是絕對的必要,
雖然透過拍賣也可以達到銷售的目的,但是拍賣畢竟會受到平台廠商的限制,並不像自有網站具有那麼實質的效益。
範例: 【禮想家-yes!網站】【帝希科技】【璀莉緹】

活動網站
舉辦活動已是現在普遍的宣傳手法,而現實生活中活動的參加人數及曝光效果可能是有限的。
若是想利用網路的無遠弗屆,增加商品的曝光度或銷售,那建置一個活動網站是容易受到迴響的選擇。
範例: 【MOTO炫音派對活動網頁】 【義美活動網頁】【MOTO活動網頁】

客服網站
大部分的企業沒有提供24小時客服諮詢,無法完全配合客戶時間,解決一些問題的詢問或是文件支援,
在這層考量下製作網站就可以提升企業的服務品質,
像是將一些對產品或服務常見的問題放在網站上,讓客戶可以隨時查詢。
也可以將說明文件製作成PowerPoint格式,放在網站上,
這可以讓電腦幫您回答客戶的問題,也透過客戶支援系統,讓客戶可以把對企業的問題發表送至後台,來節省公司成本。

形象網站宣傳
這算是最廣泛運用的範圍,
若您是一個小型企業,或是店面,那麼您會需要一個簡單的營業項目或是企業理念的介紹,
也方便當您在媒體上曝光時,有一個24小時的資訊中心,提供營業時間、內容或注意事項等資訊。
範例: 【桃園婚友社】



那什麼樣的企業我們不建議作網站?
簡單說,若您的客戶或是潛在客戶都不上網的話,或是您實在想不出您的企業有上述的需求,
我們就不建議製作網站,因為實在沒有大太的意義。
如果您要做網站,該注意哪些細節呢?

營運目標
公司設置網站的目的,無非是想籍由網際網路來達到一些成效,
如:公司知名度的提升、企業形象的塑造、或是業務上的推展,
所以不同的行業對網路上的需求當然就會有所不同。
先明確的了解公司的需求,然後再請網頁設計師為您做有系統的規劃。

資料整理
您的網站需要什麼內容,只有您最了解,而不是只要花了錢就可以把網站做起來,
如果您需要設計公司幫您寫網站內容文字企劃,您也必須要花一些時間跟文案師開會,
並審核文案師所寫的內容是否正確。

網站維護
網路的最大的優點是在於能夠快速傳輸及便於更新。
若您公司最新資訊或產品情報及公司動向等,藉由網際網路的宣傳,以及不定期的更新,成為一個常提供新資訊的網站,
更能吸引網友上網瀏覽,進而達到公司架構網站的目的。

虛擬主機空間的租賃與否
假若您的公司原本就已申請好專線,或有自己的虛擬主機,那麼就可以將完成的網頁直接掛上就行了,
但如果尚未申請的話就可委託專案管理師幫您申請。網站資料更新與維護人員的必要性網站內容資料的合法性。

網頁設計從規畫/程式/視覺上所該注意事項

網站內容面向
1.頁面內容要新穎
網頁設計內容的選擇要不落俗套,要重點突出一個「新」字,要結合自身的實際情況創作出一個獨一無二的 網站,選材要盡量做到「少」而「精」,又必須突出「新」。
2.避免冗長
一個站點上文本的冗長頁面,是令人乏味的,內容上著筆盡量要細緻,讓人在最短的時間內,了解網頁想呈現的是什麼。
3.注意錯別字
一個好的網站確保拼寫正確,並且注意平常容易誤寫的錯別字,要時時刻刻保持一種嚴謹的科學態度。
4.少用特殊字體
避免使用特殊的字體,並不是所有平台都可計算出來。有些網站設計員喜歡定義特性,雖然允許使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。
5.善用表格
不要把網站的內容象報告似的用條例列出來,注意多用表格把網站內容的層次性和空間性突出顯示出來,使人一眼就能看出你的網站重點突出,結構分明。
6.網站介紹
簡單明瞭的網站介紹,使訪問者能快速找到想要的東西,來引發訪問著的共鳴或是表達內心誠意,常常最能打動讀者。

網頁技術面向
1.命名要簡潔
給頁面起一些有代表性的而且簡潔易記的網頁設計名稱,這樣有助於方便管理網頁設計,在搜索引擎時更容易被別人索引到。
2.即時更新
維護更新的工作是每天都要做的,要及時把作廢的連接刪除掉,若不能及時更新,最好在主頁上發佈信息,這樣就能給人一種對別人負責的感覺,同時能得到網友的信任。
3.注意網站升級
時刻注意網站的運行狀況,性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。
4.學習和使用HTML
成功地設計網站,必須理解HTML是如何工作的。
用HTML設計網站,可以控制設計的整個過程。
網站設計的新手,你應該尋找一個允許修改HTML的軟件包,例如:HomeSite4是一個很好的Web設計工具,它允許切換到所見即所得的模式,以便網站發送到Web之前,預覽網站。
5.少用Java程序
目前java的運行速度太慢,往往使瀏覽者沒有耐心等頁面全部顯示出來,精心設計便毫無效果啦。
6.考慮瀏覽器的兼容性
IE所佔的市場越來越大,但仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。為用戶著想,設計風格的要考慮,必須在幾種不同類型的瀏覽器下測試網站,看看兼容性如何。
7.網站交互功能
靜態網頁設計始終給人一種呆板的感覺。在網站上提供一些回答問題的工具以及具有交互性能的設計,能從網站上獲得交互的信息,使得訪問者有一種參與網絡建設的新鮮感和成就感。
8.測試網站
正式發佈之前,必須進行有用的測試。在測試瀏覽器時必須兼顧以前的瀏覽器。上載網站時測試所有的鏈接和導航工具條。不需要太多東西來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
9.保證網頁設計的完整
即使去掉了圖像,也要保證訪問者能夠獲得滿意的效果,在用戶面前的仍是一個完整的網站。對於失去圖像功能的訪問者,提供另外的鏈接和替代文字。
10.頁面要有導航按鈕
避免強迫用戶使用工具欄中的向前和向後按鈕,設計應當使用戶很快找到所要的東西。
11.注意用戶註冊信息
知道誰瀏覽了網站以及是怎樣瀏覽網站的,那麼就能得到大量有用的信息。 獲得信息兩種方式:第一瀏覽網站之前進行註冊,這樣做是有風險的,會趕走不願意註冊的人;第二種是進行有獎競猜或金錢獎勵,讓用戶能主動填一些信息反饋表。

網頁視覺面向
1.網頁編排要淺顯易懂
網頁設計要易讀,就必須花點心思來規劃文字與背景顏色的搭配方案。不要使背景的顏色沖淡了文字的視覺效果,為了符合讀者的閱讀習慣,文字的在規格上要適中,最好讓文本左對齊,標題居中。
2.注意視覺效果
設計Web頁面時,要設計一個在不同分辨率下都能正常顯示的網頁設計 。
3.少放網站地圖
大部分的訪問者上網是尋找一些特別的信息,對於網站是如何工作的,並沒有興趣。如果需要地圖,可能是需要改進導航和工具條。
4.圖片附加註釋
每個圖形加上文字的說明,在出現之前就可以看到,尤其是導航按鈕和大圖片更應如此。訪問站點時就有一種親切感。
5.不宜多用閃爍文字
閃爍的文字來引起注意是可以被人理解的,但太多有一種眼花繚亂的感覺,反而影響用戶訪問網站的其他內容。
6.風格要統一
I設計上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、註腳什麼的,要統一風格,貫穿全站。讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。
7.善用圖像
主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,其別具特色,吸引和維護他們對你的主頁的注意力。但要注意圖像所連接的重要信息或聯接其他頁面的指示用文字重複表達幾次。
注意避免使用過大的圖像,放置大的圖像最好使用Thumbnails軟件,把圖像的縮小,這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
8.不要用框架
多數網站上,在屏幕的左邊有一個框架,但在使用框架時產生了許多的問題。框架使得網站內個人主頁不能夠成為書籤,搜索引擎常常被框架混淆。
9.著名的插件
網站上有聲音或視頻,要保證使用者通過使用某個知名的插件,能夠聽到或看到。因為,許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
10.動畫最多只用一個
GIF動畫來裝飾網頁設計,它的確很吸引人,但容量很大,會影響下載的速度,如果有些必須的,就選擇最小的。