Question 1

什麼是RWD響應式網頁?

Accepted Answer

響應式網站(Responsive Web Design)又稱自適應、適應性或回應式網頁設計。
        讓手機、平板、電腦網站使用同一個圖文內容及資料庫，在不同尺寸或解析度的螢幕上，網頁可以根據使用者的裝置，自動顯示符合版面大小的網頁內容。
            簡單來說，就是網頁會自已随著瀏覽裝置解析度的大小，自動變化網頁的寬度及頁面配置，讓瀏覽者能以最適合閱讀的格式呈現。
            有RWD的網頁，版面配置會跟著裝置自動調整，並且符合各裝置的操作習慣，所以很多人把RWD網頁直接叫手機版網頁。
            當你的網站沒有RWD，你的潛在客戶如果用手機上網，可能看都不看就直接關掉網頁！
        
    
    
        為什麼需要製作RWD響應式網頁?
        
                1.目前使用手機搜尋資料已經成為主流
        據國家發展委員會104調查分析，台灣使用手機上網人口已到達八成以上，並且資策會產業情報研究所（MIC）公佈，有六成以上網友有手機消費經驗，也就是說二個人就會有一個以上在網路上消費的可能性，且不包含看到網站後，直接去實體商點購買的人數，由此可見行動商機是非常龐大的，如果沒有使用RWD網頁設計方式架構您的網站，造成手機瀏覽困難，非常有可能因此放棄消費，因此建議商家使用RWD網頁設計方式建置。
        
            2.支援所有裝置的螢幕尺寸
        這是 RWD 最大的優點，也是它的最重要目的。
            由於RWD網站使用液態排版技術 (Liquid Layout)，面對不同螢幕尺寸能自動調整網頁版面內容和呈現方式，不同裝置都能有最適合的介面，且不用為某個裝置額外製作網站，僅用一個網站、一個URL(網址)就能解決螢幕尺寸問題。
            目前市面上各種品牌手機林立，加上平板與筆記型電腦使用率也是逐漸上升，商家各自推出自己的螢幕尺寸，導致目前螢幕尺寸已經無法統一規範，
            因此傳統網頁設計方式已無法因應目前多螢幕尺寸的需求，使用液態排版方式的自適應RWD網頁設計方式，可以讓網頁內容隨著螢幕大小，伸縮、變化，隱藏、移動，使用小螢幕的智慧型手機時，也會隨著顯示螢幕較小，而將主選單改變成下拉式隱藏方式使用，並且適度隱藏較不重要的內容，讓瀏覽時更輕鬆方便，也會特別凸顯手機撥號的圖示，讓用戶直接點選圖示就可以撥手機給商家。
        
                3.降低網站開發成本
        以往傳統網站開發為了給使用者最佳的瀏覽環境，需要同時開發電腦版及手機版網站，一個網站有兩個版本，自然就會增加開發費用與維護成本。
            而RWD只需製作一個網站即可，有效的降低網站的開發成本。
        4.利於SEO(搜尋最佳化)排名
        Google在自己官方文章已發表過，“如果您尚未建立適合透過行動裝置瀏覽的網站，我們極力推薦您這麼做”。
        GOOGLE官網公布訊息:
        行動裝置相容性測試網址:
        Google也在「行動版網站搜尋引擎最佳化設定」指南中建議使用RWD技術來開發網站，這表明RWD利於SEO，讓網站能取得更優的排名。
        
            5.給用戶最好顯示效果
        如果網頁設計時以RWD方式製做時，用戶不管是用任何螢幕尺寸來觀看，都是以最適合的方式顯示，包桌上型電腦、筆記型電腦、平板電腦，與不同尺寸的手機螢幕，網站會以液態編排方式重新排版，顯示於螢幕上，並不會在小小的螢幕上顯示整個網站內容，讓用戶無所適從。
        
            6.不用再花一筆錢做手機版，減少網站營運維護
        在RWD響應式網頁設計，成熟以前都是以手機板為替代方案，必須透過程式判斷螢幕尺寸來轉向一般網站或是手機版，不過主網站與手機板是屬於不同網域，如果同時使用2個，勢必要花二倍時間與金錢管理維護，如果使用RWD自適應網站則可以避免這種困擾。
            在沒有後台管理系統前題下，靜態網頁頁面的更新維護需要電腦版、手機版各更新一次，非常麻煩又容易出錯。
            而RWD只需更新一次，就可以一併同步各裝置的頁面。
    
     
    
        
        製作RWD響應式網頁缺點
        1.無法完全支援舊版瀏覽器
        RWD網頁設計方式是使用目前最新的HTML5 + CSS3 的技術來編撰網頁，版本太老舊的瀏覽器並沒有完全支援這些技術，所以瀏覽起來會有破格或是無法點擊頁面的情況發生，不過隨著時間的進步，市場上舊版的瀏覽器勢必會慢慢消失，到全部取代成為新版。
        
            2.開發時間與成本比傳統方式多
        RWD網站在開發上需對多種尺寸裝置進行調校，在製作版面的時間會大大的增加，所花費的時間比傳統網站長，但整體開發時間對比開發多種版本的網站還是快很多。
        
            3.手機尺寸不適合複雜的功能或介面
        由於在設計 RWD 網站時，必須要同時考慮網頁元素在桌機和手機上的呈現效果，因此不適合處理內容太過複雜的網頁。
            屏幕空間有限、行動裝置又只有觸碰功能的先天限制，因此較不易以RWD來開發適用於「桌機或筆電」的網頁功能(例如拖曳、按右鍵、連點兩下等)。無法提供像APP般功能強大的功能，或是各種酷炫的拖拉效果。
        
            4.網站載入時間較長
        因為在同一頁面會置入多種解析度的CSS檔案會增加頁面傳輸量，載入的時間也會加長。但這問題可以透過優化，以及網速提升後，這問題已漸漸解決。

Question 2

做一個網站，需要花多久時間？

Accepted Answer

我們提供多種網站方案，基本上分為「套裝企業網站」、「客製化企業網站」、「客製化購物車網站」和「客製化系統開發」，每種方案所需製作時間皆有差異，以下為初略之專案時間。

一、套裝企業網站

1.初稿約3~7日提供
2.後端約3~7日提供
3.資料上架與確認約3~5日
以上共計:9~19日約在2~3週完成。

二、客製化企業網站

1.初稿約7~14日(會依據客戶實際狀況不同而增減)
2.後端約14~21日(會依據客戶實際狀況不同而增減)
3.資料上架與確認約7~14日
以上共計:28~49日約在1個月~2個月完成。

三、客製化購物車網站

1.初稿約7~14日(會依據客戶實際狀況不同而增減)
2.後端約14~21日(會依據客戶實際狀況不同而增減)
3.資料上架與確認約7~14日
以上共計:28~49日約在1個月~2個月完成。

四、客製化系統開發

完全依據客戶實際需求在提供詳細製作工時。


備註:以上之時間皆為工作日，實際製作時間會因客戶提供之資料、客戶確認往返和工作排件之時間皆有差異。

Question 3

網頁主機和網址是什麼？

Accepted Answer

網站主機:

網站主機又稱網頁伺服器，當網站製作完成後是為一個資料夾，資料夾裡面包含了圖片、程式和檔案，需要放置網站伺服器內進行運行網站才能啟動，且理想網頁伺服器要包含了安全性更新、防火牆設置、防毒軟體架設和完善備份機制。

網址:

網址又稱網域，當網站製作完成放置於伺服器後，外網需要輸入IP或者網址才能連線至該網站。網域可以把它想像成地址，要去某一個地方導航必須要輸入地址，才能順利又精確地到達該目的地。

Question 4

什麼是SSL安全憑證?

Accepted Answer

什麼是SSL安全憑證?

SSL 的全名是 Secure Sockets Layer，即安全通訊端層，簡而言之，這是一種標準的技術
用來驗證網站的身分並使用 SSL 技術將資料加密，然後傳送到伺服器。加密是將雜亂無章的資料編寫為無法解譯之格式的一種程序，加密的資料可以透過適當的解密金鑰回傳為可以讀取的格式。

什麼是HTTPS?

HTTPS (超文字安全傳輸通訊協定) 是一種網際網路通訊協定，可確保資料在使用者的電腦和網站之間傳輸時，保有完整性和機密性。
使用者造訪任何網站時，都希望能享有安全而私密的線上體驗。因此，無論網站的內容為何，我們都建議您採用 HTTPS 來確保網站使用者的連線安全性。
透過 HTTPS 傳送的資料非常安全，因為 HTTPS 會透過「傳輸層安全標準」通訊協定 (TLS) 提供以下三道重要的資安防護網：
1. 加密：對交換的資料進行加密，防止資料遭到竊取。也就是說，當使用者在瀏覽網站時，任何人都無法「竊聽」其對話、追蹤他們在多個網頁之間轉換的活動，或竊取其資訊。
2. 資料完整性：系統會偵測出資料在傳輸過程中是否遭到有意或無意的修改或破壞。
3. 驗證：驗證您的使用者是否與預期的網站進行通訊。這能預防攔截式攻擊並建立使用者的信任感，進而促進其他商業利益。





使用SSL安全憑證有什麼好處?

若沒有使用SSL的話，當你傳遞資料給瀏覽的網站時，例如你在購物時提交了個人資料，你所傳遞給此網站的資料皆是以明碼傳遞，若是被有心人從中間攔截，則你的資料就被人看光光了。而使用SSL的話，你所傳遞的資料會以加密的方式傳到網站，這樣可以保護資料的安全。
除此之外，在2018年Google已經聲明所有未使用SSL的網站，將會標示為不安全，這對使用者來說，會對你的網站信任度極低。
假如您的網站有使用金流的需求或者想使用facebook部分服務，也都必須有SSL(https)才能夠使用。

安全與信任－確保網站資料傳輸安全、可靠，並在瀏覽器中顯示 https 和安全鎖頭標誌。
防止數據洩漏－當客戶的數據傳輸到網站或從網站傳輸時，數據不會受到攻擊的風險。
增加 SEO 優勢－與沒有 SSL 憑證的網站相比，加密網站更有可能獲得更高的搜尋排名。

Question 5

網站製作流程

Accepted Answer

網站建置步驟一：了解客戶需求

我們會提供專員至貴公司先了解客戶針對專案需求，並帶領客戶一步一步討論內容包含了「預算」、「架構」、「設計」、「功能」、「喜好方向」和「行銷方案」，並規劃出最適合客戶的方案。
 



網站建置步驟二：簽訂合約

與客戶確認好報價方案後，雙方會簽訂合約來保障雙方相關權利，且簽訂完合約後在時間內給付網站訂金，專案才會正式成立，開始進行下一個步驟。
 



網站建置步驟三：設計＆版型訪談

專員會根據合約內容在跟客戶確認一些細節之訊包含了圖片風格方向、網站設計、色系...等，且同時請客戶開始準備或提供製作所需之素材如Logo檔案、產品圖片和相關文案，當雙方彼此確認製作方向後才會進行開始製作。




網站建置步驟四：前端校稿確認

設計師(前端工程師)會針對客戶確認之需求開始製作網頁，其中包含了Banner圖片、網頁設計和整體架構，當設計師(前端工程師)完成客戶之網頁，會提供初稿網址給客戶確認。




網站建置步驟五：後端程式開發

前端搞確認(包含網頁配色和網頁架構)後會交由後端工程師依據簽約之功能，進行網站後台、網站功能和資料庫的開發，完成後端程式開發後，會提供測試站供給客戶上資料。
 



網站建置步驟六：資料上架與校稿

客戶拿到測試站資訊後，第一步驟會由專員介紹後台之所有功能，並提供1個月內給予客戶上網站相關資料。
 



網站建置步驟七：網站正式上線

測試站完成上資料和功能確認後，並由我司工程師協助客戶轉成正式網址，網站上線前須要先準備相關之網域DNS帳號密碼。

Question 6

製作網站時需要提供那些資料?

Accepted Answer

網站建置前置準備須提供以下：
（一）公司 Logo  原始檔 ( AI、PSD、JPG、PNG)
（二）公司簡介文案、公司營業聯絡資料
（三）公司產品圖、產品敘述文

若一開始資料無法準備齊全，至少 Logo 以及新官網的喜好風格必須先提供給我們
 

網站建置完成之後，都會有後台管理系統，可透過後台管理系統，再將產品上架至新官網。

Question 7

網站後台會不會很複雜？是不是要懂程式？

Accepted Answer

後台操作其實一點都不難，如果您曾經使用過部落格或Word，那您也能輕易上手！
我們所提供的後台相當人性化，只要將想修改的部分填入與前台相對應的欄位，即可立即更新網站內容，不需自行美編排版，也不需使用程式語言！

Question 8

網站版型是修改到滿意為止嗎？

Accepted Answer

在網站製作前，我們會有專案企劃人員與客戶詳細的溝通與討論才會開始製作與開版設計，並且依照客戶所提供或挑選喜好的設計素材來製作網站，
當客戶看到設計樣版後希望修改與調整，專案企劃人員會與您討論修改細節，更以專業的設計經驗給予建議，達成共識後再做版面修改，希望完成的網站作品能讓您滿意、更為您的品牌形象加分。

Question 9

可以將做好網站搬移至自己伺服器嗎?

Accepted Answer

答案:完全是可以的

基本上自行搭建網頁伺服器需要注意以下配置:
 

	
		
			項目
			說明
		
	
	
		
			硬體
			CPU雙核心/記憶體4G/可用容量2G
		
		
			系統
			Windwos Server2012/2016/2019
		
		
			軟體
			SSMS、Asp.net 4.5
		
		
			其他
			獨立IP
		
		
			建議(其他)
			不斷電系統、備份機制、防火牆、系統定期更新、防毒軟體

Question 10

網站是否可以支援多國語系?

Accepted Answer

若您的網站目標客群是分散於不同國家，那您的網站就醫定需要建置不同版本的語系，才能精確和助於網路行銷和業務托展，我們提供超過30個以上的多語系建置服務，其中包含了美國、日本、中國、南韓、俄文.....等。

Question 11

網頁設計公司與個人工作室有何差異?

Accepted Answer

網頁設計的本質跟過去有了很大的差異。以往的網頁設計以視覺設計為主，許多補教機構都有針對網頁設計開班授課，網路上也有很多免費的教學資源，很多人以為只要去上課回來，把幾本書讀完，就可以開始自己成立工作室來接案了，今日的網頁設計需要視覺、界面、程式、系統、行銷等專業人才投注，才能完成一個「有價值」的網站。

什麼是網站的「價值」？有些人認為網站看起來很好看，就是很有價值的網站，但全得宏認為網站能夠為您帶來多少正面的機會，才是網站的價值。我們希望協助客戶製作的網站，不是一個看起來好看的網站，而是能夠為客戶帶來效益的網站。

製作網站建議應該找較具規模的網頁設計公司，個人工作室較容易因為私人因素讓案件發生危機，有可能延誤案件進行，也有可能在接案了幾年後，發現付出的時間勞力和收入不成正比，決定退出網頁設計行業另謀高就。此外，個人工作室的規模較小，人數較少，對於案件的整體考量也比較欠缺周詳。

Question 12

網站製作完成後是否有保固?

Accepted Answer

網站完成上線後，營運的工作將交付給客戶，客戶若網站有任何使用上的問題，可以與我們服務人員聯繫。此外，我們將提供我們的客戶以下保障：

1．網頁程式錯誤(Bug)
2．靜態頁面文案修改(文字或圖片更換)，一年內合計4小時工作時數內，免費修改。
3．後端管理系統操作教育訓練。
4．不定時主動測試客戶網站及主機是否異常。
5．提供客戶完整網頁原始檔。
6．網頁相關問題(如系統、網站主機、網路行銷、SEO…等相關問題)，免費諮詢。
7．關於資料上架、網站內容維護等服務項目，則根據合約內容進行，確保客戶的權益。

網站的建置一般來說，除了網頁設計以及網站程式本身，也跟主機環境空間息息相關，因此，網站的穩定性是三者都要同步考量。也會因為網路環境不同瀏覽器的升級以及作業環境的升級或改變，導致原本製作的功能在不同瀏覽器或新的環境中無法順利進行，因此網站並無法提供”終身”的保固或維護。

Question 13

我的網站已經上線，為什麼找不到?

Accepted Answer

我的網站已經上線，為什麼找不到?

全球每天有數萬個網頁被建立，當申請新的網址、做好新的網站，

不少人都有這樣疑問，

為什麼網站才剛上線輸入自己公司名字卻找不到資料?

網站什麼時候可以被收錄？

其實主導權在搜尋引擎的手上！

剛上線的網站，因為還沒有被搜尋引擎收錄，所以才搜尋不到。

雖然搜尋引擎每天會自動去抓取資料，但面對龐大的資料量，

機器人需要二至三個禮拜、甚至三個月到半年的時間才會被收錄。



一、如何加速搜尋引擎找到新網站?

「主動」提交你的網站資料給搜尋引擎，

主動到各大搜尋引擎登錄網站或提交網站地圖 (Sitemap)，讓您的網站更快速的被收錄，以加快網站被收尋到的速度及增加曝光率。


二、如何確定搜尋引擎已經收錄我的網站了?

只要在搜尋引擎上搜尋 &ldquo;site:您的網址&rdquo; 即可快速查詢結果。如下圖

Question 14

Google Analytics 數據分析重點

Accepted Answer

Google Analytics是什麼？

Google Analytics（簡稱GA），為Google網站分析工具，透過GA能記錄網站的進站狀況、瀏覽情形和商品購買等指標，讓使用者能更有系統的經營網站、觀察成效。

GA的前身為一間做網站數據分析服務的公司Urchin，Google於2005年收購Urchin後，同年推出了自己的網站分析工具Google Analytics，強大且免費的功能，使得GA長期受到使用者依賴並被廣泛使用，直至今日，GA已成為網站管理者、數位行銷人員必備的工具之一。


快速了解Google Analytics 網站數據分析重點

目標對象（Audience）： 哪些訪客進入了我的網站？

目標對象報表有助於了解實際進入網站的訪客輪廓，什麼樣的人會進來我的網站、GA能得到造訪者使用什麼樣的瀏覽器、語言、什麼國家、年齡、性別、地理位置及興趣等資訊。
透過長期觀察這些資訊能描繪出網站的訪客輪廓，得知訪客大多是些什麼類型的人。
了解網站訪客是非常重要的，這有助於了解對網站有興趣的使用者，並應用於廣告投放或行銷策略上曝光，也能在目標對象中發現問題並調整。




客戶開發（Acquisition）： 訪客是從哪裡來的？

客戶開發報表可以知道訪客是從哪些管道進入到你的網站，是從搜尋引擎或社群等等。
GA會分析訪客是從哪裡來、比例各佔了多少，讓使用者掌握每個流量管道的經營成效。
透過客戶開發報表能觀察所有管道及各個來源的流量多寡，進而得知哪裡進站的人最多，又有哪些管道是需要加強的。
客戶開發也整合了 Search Console 與 Google Ads，使用者可以快速掌握自然搜尋以及廣告投放的表現。


1.推薦 (Referral)：
經由其他網站導流至你的網站，從外部網站進入的管道會被GA分類為推薦流量，又稱參照流量。像是訪客從其他的網站（如媒體、部落格）進入你的網站。

2.直接 (Direct)：
訪客直接進入你的網站，這樣的流量就稱之為直接流量，如：像是直接輸入網址、從 App 上點擊直接進入。基本上只要入站的地點本身沒有網址，就稱為直接流量，如在 LINE 上點擊連結進入網站，由於連結位置在 App 或電腦上，會被視為直接流量。

3.自然搜尋 (Organic)：
訪客透過搜尋引擎輸入關鍵字，透過搜尋結果進入，這類流量就稱之為自然搜尋流量。自然搜尋流量可以透過 SEO 操作，讓網站在相關的關鍵字都有較好的搜尋結果排名，進而有更多的自然流量。

4.付費搜尋 (Paid Search)：
訪客經由關鍵字廣告進入你的網站，這種流量都歸類在付費搜尋。

5.社群 (Social)：
從 Facebook、Instagram 進來的流量


行為（Behavior）： 訪客在網站上瀏覽行為？
 
行為報表也提供了許多重要資訊，包括訪客從哪些頁面開始瀏覽、在各個頁面的停留時間、瀏覽了哪些頁面，以及每個頁面的瀏覽狀況等指標。
舉例，若用戶進到頁面發現網頁規劃動線混亂，無法快速找到對應的內容，那就有很大的機率直接跳出，進而影響網站的跳出率。
行為報表有助於了解訪客行為，可以幫助找出網站上哪些頁面表現較佳，也能知道哪些頁面成效、使用者體驗不佳，需要進行優化。

Question 15

網站資料提供方式

Accepted Answer

可依據下圖架構來提供網站上架資料，可增快人員上資料速度，也可減少錯誤喔！

網頁製作