網站製作新手必讀的10篇文章，讓你一次搞懂網頁基礎
快速導覽
網站製作整個流程橫跨視覺設計、互動設計、資訊系統、程式設計、資料庫設計、網路管理、數位行銷等多個領域，一個人很難在短時間搞懂這麼多不同領域的知識，而且還要把這些知識串接起來，完成一個網站。我們將挑過過去幾篇跟網站製作有關的的文章整理起來，按照網站製作流程，提供給您參考。
網站企劃階段
網站製作的事前準備當你找到一間網站公司並且開始討論時，你最先被問到的問題一定是有沒有網站架構？預算多少？有沒有參考範例？什麼時候上線？事先做好功課有助於快速與架站公司進行溝通。 |
閱讀全文：接手公司網站架設好煩惱，推薦6個與網站公司討論的準備重點
網站製作流程如何進行網站設計從零到有，將會歷經網站規劃、網頁設計、網站建置、網站測試上稿、上線驗收這5大階段流程。在建置之前，我們先來了解公司網站建置前的準備工作，後續再一一為大家介紹網頁設計流程的各階段工作。 |
擬定網站架構表網站架構表可以用來了解你的公司網站包含哪些內容，網站架構表通常是著手網站製作的第一份文件。建議先挑出貴公司相關產業或競爭對手前10大企業，從這些企業網站中列出各公司的網站架構。最後找出與自己公司相同規模的企業網站，網站架構會比較接近自己的公司規模和企劃目標。 |
閱讀全文：網站架構有規劃參考範例圖？跟著步驟一起從頭規劃網頁架構表！
網站風格的選擇網路上這些酷炫的版型設計或風格強烈的網站，用在個人網站或設計公司網站或許可以，但套用在追求穩重優雅的企業網站上，反而覺得格格不入。那麼，應該要去哪裡找這些適合企業集團的網站案例呢？ |
認識網站設計的專有名詞當你在規劃或是和網頁設計公司討論時，是否常聽到一些陌生名詞，諸如layout、html、rwd、slider等等，因為不理解從而導致無法好好的溝通、表達想法。了解到隔行如隔山，我們整理了一些常用到的網頁設計名詞，幫助你未來遇到這些名詞時不再一頭霧水！ |
閱讀全文：50個必懂的網頁設計專業名詞術語，讓你快速從外行變內行！
網頁設計階段
認識RWD網頁設計RWD的中文意思是響應式網頁設計(也有人稱之為回應式網頁設計) 。RWD響應式網頁設計是一種網頁前端技術的作法，在同一個網址中，網頁可因應不同裝置寬度(電腦、平版、手機)可自動產生不同的版面變化，讓網站在不同的裝置間保持正常運作。用白話文來說，RWD的意思是指透過瀏覽器寬度決定網頁版面呈現的一種網頁技術。 |
網站質感提昇的技巧 - 形象攝影許多人都知道，透過攝影鏡頭可以提昇形象，不管是個人形象、企業形象、品牌形象、公司形象，當透過攝影鏡頭重新詮釋後，就能達到改頭換面的效果。
|
影響網頁操作與體驗的 UI/UX你是不是很常聽到UI、UX設計，但卻搞不懂UI、UX設計的差別是什麼？UI、UX兩者之間可說是唇齒相依、互為表裏；然而，有好的UI不代表有好的UX，反之亦然。本文將帶你完整了解UI、UX設計流程及應用範圍，並分享3個成功案例，讓你一次看懂好的UI、UX設計應具備哪些特質！ |
閱讀全文：UI、UX是什麼？5分鐘快速看懂UI、UX設計差在哪！
網站架設階段
了解網站後台管理系統CMS內容管理系統是一種具備彈性管理優勢的網站後台系統，就像linux一樣，由世界各地開源碼的程式設計社群長時間投入程式碼的建構與更新，讓使用CMS後台的網站保持在最新且安全的狀態。為什麼你該選擇CMS後台呢？讓我們來看看CMS有哪些後台管理和SEO操作上的優點！ |
閱讀全文：CMS是什麼？透過網站後台管理系統，程式小白也能打造專屬網站！
認識網域、網站主機空間一開始接觸網站建置時，是不是搞不懂什麼是網域？什麼是主機？什麼是網站空間？其實這些名詞就像是我們生活中的門牌號碼、大樓、辦公空間。讓我們用白話文的方式讓你輕鬆了解這些網頁名詞的基本概念。 |
閱讀全文：什麼是主機？網站空間？用白話文帶您了解網頁資料存放的基本概念
網站行銷階段
認識網站行銷SEO網站建置完成後，正是網站行銷工作的開始，而SEO網路搜尋排名優化是大家所熟知的行銷管道之一。在網站設計要點中，如果你打算為你的網站能安排網路行銷，後台系統是否具友善 SEO 架構是一大重點。 |
準備網站後台的SEO工具網站一旦完成，接下來就是進行SEO工作。手邊若有一套完整的SEO網站管理工具，就可以讓你的工作快速有效率。Title/Description編輯器、自動生成Google結構化標記、url-write支援、sitemap.xml產生器、301轉址工具、編輯圖片替代文字。這些SEO工具可以讓你可以直接在後台進行網頁內容優化。 |
編輯網站的SEO欄位文章發佈到網站後，會經歷Google爬蟲的檢索、索引，而後產生排名。然而網路上每時每刻都在產出新的東西，Google爬蟲不可能細看所有內容，取而代之的，它會透過讀取H標籤的來了解文章架構，確認你的文章值不值得推薦給更多使用者。
|
閱讀全文：HTML H1 H2 H3標題標籤是什麼？搞懂 Heading tags，SEO友善的文章架構沒煩惱！
延伸閱讀：網站/網頁設計公司這樣挑不踩雷！5大原則教你找到專業設計公司
＊ 歡迎分享這篇文章，分享時請加入文章來源：凱士網頁設計公司
|
網站設計服務諮詢 為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。
您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。 |
|
Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。
|
好的形象網站設計，可以幫助公司提升品牌形象與企業價值，透過清楚的網站架構與視覺設計，造就良好的使用體驗與企業形象。
需要網站設計服務嗎？
凱士為您設計製作優質網站
形象網站、公司網站、企業網站、
及各類型客製化網站系統平台
