gda link
gda link
首頁

前端網站架設實務

RESPONSIVE WEB DESIGN

無遠弗界的網路世界 打造專屬空間

為什麼
你應該學習響應式網頁設計?

為什麼你應該學習響應式網頁設計?

智慧型手機使用者中有94%的人會透過手機搜尋資訊。響應式網頁設計(Responsive Web Design)簡稱RWD,現已被公認為是網頁設計開發技術的重要趨勢,在不同裝置下改變網頁的佈局排版,包括桌上型電腦、平板電腦或手機,讓各種尺寸的螢幕都可以在同一網站享受最佳的視覺體驗。

「前端」是什麼?

「前端」是什麼?

前端是指我們瀏覽網頁時,所有看得見的部分。例如網站排版、互動效果、下拉選單、按鈕與表單等等,皆屬於前端的範圍。

對網頁設計有興趣的設計師
想從頭學習網頁設計的初學者
有相關經驗但缺乏網頁設計概念者

製作RWD網站 不限平台瀏覽無界限

製作RWD網站
不限平台瀏覽無界限

HTML跨平臺與瀏覽器通用

CSS縮短開發與維護時間

完美配色字體符合網頁風格

學會基礎UI專屬icon自己畫

Bootstrap加速前端開發

JavaScript製作互動效果

Photoshop繪製網頁排版

利用線框圖標示每頁架構

網頁設計.課程內容

Course Outline

01

網頁設計觀念

基本觀念/分組規劃討論
瀏覽器與平台/設計流程


02

資訊架購(Wireframe)

資訊架構思考/線框稿/網頁元素
HTML與CSS語法/網路字型


03

排版與設計技巧

UI使用者介面與UX使用者體驗
排版分析/整體配色/icon繪製


06

專案實作

網域與虛擬主機/網站優化
專題報告/網站發表/網站行銷
GA搜尋設置/搜索引擎最佳化(SEO)

05

RWD響應式網頁設計

各式裝置網頁設計方法
使用框架輔助編寫RWD網站
Bootstrap前端框架應用實務

04

匯出素材及製作原型

選單與表單設計/Mockup
JavaScript互動效果/jQuery外掛
Photoshop匯出素材/Prototype呈現

想要了解更多?

填寫資料,讓專人為你詳細解說所有課程問題。

跟著實作流程邊做邊學,你也能完成屬於自己的第一個網站。

跟著實作流程邊做邊學
你也能完成屬於自己的第一個網站。

赫綵的專業講師皆具備在業界的實務經驗,網頁的發展日新月異,
隨時掌握最新趨勢與資訊是最重要的,讓你技術不落人後。

簽約

規劃

了解客戶需求
網站規劃/建議書

樣本

設計

風格討論/圖文資料
首頁版型/內頁設計

流程

實作

網頁切版/微調
網站模組/測試

調整

測試

校稿作業/修正
上稿/問題排除

優化

上線

DNS資料/網域
Google網站分析(GA)

規劃

了解客戶需求
網站規劃/建議書

設計

風格討論/圖文資料
首頁版型/內頁設計

實作

網頁切版/微調
網站模組/測試

測試

校稿作業/修正
上稿/問題排除

上線

DNS資料/網域
Google網站分析(GA)