進修課程
Advancde Studies
商用網站架設實務
課程總時數
2-3個月
課程費用
線上洽詢
上課時間
不拘 / 不拘
開課日期
2024-04-30
"◼︎專業設備
使用設計業界指定Apple iMac
教學設備，影像畫質顏色不失真
◼︎優質師資
教學講師為線上專職設計師
設計業界實務教學
◼︎學習成效最好
階段式的學習方式
初探平面設計上手速度最快
◼︎軟體+觀念合一
軟體操作是工作技能
結合創作發想才能做出新東西
◼︎分組/討論/提案
身為設計師除了會做
更重要的是如何跟業主溝通"
使用設計業界指定Apple iMac
教學設備，影像畫質顏色不失真
◼︎優質師資
教學講師為線上專職設計師
設計業界實務教學
◼︎學習成效最好
階段式的學習方式
初探平面設計上手速度最快
◼︎軟體+觀念合一
軟體操作是工作技能
結合創作發想才能做出新東西
◼︎分組/討論/提案
身為設計師除了會做
更重要的是如何跟業主溝通"
上課地點
台中市北區尊賢街7號12樓
| 商用網站架設實務 | |||
| 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.學員成果作品發表會 | 將課堂所學，實作應用至主題網站中分享發表。 | 成果作品專題報告 |
更多相關課程推薦
-
2024-11-09巨匠電腦
-
2024-10-05巨匠電腦
-
2024-09-01巨匠電腦
-
2024-07-28巨匠電腦
-
2024-06-29巨匠電腦
TOP