1111進修網

"◼︎專業設備
使用設計業界指定Apple iMac
教學設備，影像畫質顏色不失真

◼︎優質師資
教學講師為線上專職設計師
設計業界實務教學

◼︎學習成效最好
階段式的學習方式
初探平面設計上手速度最快

◼︎軟體+觀念合一
軟體操作是工作技能
結合創作發想才能做出新東西

◼︎分組/討論/提案
身為設計師除了會做
更重要的是如何跟業主溝通"

商用網站架設實務
No	階段	課程內容	授課目標
1	1.課程方向與前端現況／建站基本觀念／開發工具的認識與應用	1.介紹網頁入門需要了解的基本觀念與業界現況分析，引導學員思考未來發展方向。	1-1.講師介紹
			1-2.課程目標內容說明
			1-3.網頁制作分工
			1-4.網頁現況分析
		2.建立網站基本觀念，並導入業界常用的建架思考模式，幫助學員了解如何著手開始規劃網站架構。	2-1.建站基本觀念與注意事項
			2-2.了解網頁結構與執行方式
			2-3.網站架構圖(樹狀圖)
			2-4.網站結構圖(Wireframe)
		3.如何選擇網頁編程工具，安裝並介紹與使用網頁編程工具。	3-1.認識開發工具(SublimeText、VSCode、Dreamweaver、Codepen…等)
			3-2.安裝網頁文字編輯器
			3-3.網頁文字編輯器使用技巧
			3-4.網頁補助工具使用 (測試、除錯)
2	2.HTML基礎架站結構	基本的HTML結構運用，深入了解網站與瀏覽器之間的關係。	1.HTML常用標籤運用
			2.如何讓網站與瀏覽器溝通
			3.社群媒體超連結(facebook、Instagram…等)
3	3.串接網頁媒體工具	如何應用結合網路媒體API套用至網頁中。	網路路媒體嵌入 (GoogleMaps、Google表單、YouTube…等)
4	4.網頁介面設計觀念與技巧／搜尋引擎優化概念	1.了解網站資訊整理、視覺動線等網頁排版基本法則。	1-1.了解網站資訊整理
			1-2.視覺動線等網頁排版基本法則
		2.如何讓網站與搜尋引擎(SEO)建立關係。	2-1.SEO資訊導入(關鍵字、網站描述、og:開放圖形協議…等)
			2-2.SEO入門建站技巧
5	5.CSS排版技巧	了解網站排版技巧，語法結構與樣式靈活運用.	1.重置HTML預設值 (CSS Reset / CSS normalize…等)
			2.CSS基本排版
			3.元素顯示方式
			4.偽元素 / 偽類別
			5.認識網格佈局方式與實作(Grid/Flex)
			6.CSS定位(position)各式定位方法排版運用
6	6.CSS動態運用	無需使用老舊的Flash動畫或困難的JavaScript及jquery， CSS各式動態效果運用，就可以讓元素逐漸改變，產生動態效果。	1.利用transition變形函數控制元素變化：(旋轉、傾斜、鏡射…等)
			2.transition可以添加轉場效果控制元素改變：(轉場屬性、轉場時間…等)
			3.animations，可以添加動畫效果控制元素改變：(動畫屬性、動畫時間…等)
7	7.響應式網頁(RWD)行動裝置版面製作	配合各種裝置思考版面配置方式，利用CSS的媒體查詢，設定非固定網格配置與非固定圖像的結合運用，讓字體設置、物件樣式等更靈活有彈性。	1.響應式網頁設計(RWD)介紹
			2.行動裝置現況分析
			3.響應式網頁設計(RWD)相關設定介紹
			4.響應式網頁設計(RWD)基本功能運用
			5.響應式網頁設計(RWD)整站應用
8	8.CSS框架應用實務	CSS框架提供了大量的插件，代碼淺顯意懂，容易修改，讓大家可以用在各種網頁環境中。	1.認識主流CSS框架(Bootstrap、tailwind、Materialize…等)
			2.CSS框架使用技巧
			3.CSS框架整站應用
9	9.JavaScript動態程式基礎	建立網頁互動性的語法基礎，了解JavaScript的基本觀念。	1.JavaScript基本概念
			2.JavaScript語法功能
			3.JavaScript型態
			4.JavaScript變數、函式
			5.迴圈、判斷式、陣列列
10	10.jQuery網頁動態應用實務	如何快速簡單的建立網頁動態與互動性，有效率的開發動態網頁，了解jQuery的基本觀念念與語法編程實作，並結合線上套件資源至網頁中。	1.jQuery基本概念
			2.jQuery基本語法運用
			3.jQuery網頁常用功能
			4.jQuery套件運用
11	11.架站流程與規劃	深入了解建站規劃與溝通技巧，介紹架站所需工具，並分析合約與報價方式，了解如何業界接軌。	1.建站規劃與溝通技巧
			2.建站合約與報價注意事項
			3.網站上架流程∶ 網域(網址)與虛擬主機(伺服器)介紹與應⽤
			4.網站上架流程∶FTP續傳軟體介紹與應用
12	12.學員成果作品發表會	將課堂所學，實作應用至主題網站中分享發表。	成果作品專題報告

如您對本課程有興趣，或需相關諮詢，請於下方留下您的聯絡資訊，我們將派專人與您聯繫，為您安排上課事宜，或回覆問題，感謝您！