商用網站架設實務
| 開課日期： | 2024-04-30 | 課程費用： | 線上洽詢 |
| 上課時間： | 不拘 / 不拘 | 學習時程： | 2-3個月 |
| 上課地點： | 高雄市新興區中山一路258-1號 map | ||
適用對象：
無需相關相關基礎、不限學經歷，從零開始 ．欲從事美工設計、多媒體設計、網頁設計相關工作...看完整
索取課程資料
收藏課程
課程特色
"◼︎專業設備
使用設計業界指定Apple iMac
教學設備，影像畫質顏色不失真
◼︎優質師資
教學講師為線上專職設計師
設計業界實務教學
◼︎學習成效最好
階段式的學習方式
初探平面設計上手速度最快
◼︎軟體+觀念合一
軟體操作是工作技能
結合創作發想才能做出新東西
◼︎分組/討論/提案
身為設計師除了會做
更重要的是如何跟業主溝通"
使用設計業界指定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.學員成果作品發表會 | 將課堂所學，實作應用至主題網站中分享發表。 | 成果作品專題報告 |
師資介紹
業界專業設計師
報名方式
如您對本課程有興趣，或需相關諮詢，請於下方留下您的聯絡資訊，我們將派專人與您聯繫，為您安排上課事宜，或回覆問題，感謝您！
相似課程推薦
| 課程名稱 | 認證機構(分校) | 上課地點 | 費用 | 開課日期 | |
|---|---|---|---|---|---|
  |
ASP.NET動態網頁研習 | 聯成電腦板橋分校 | 新北市板橋區 | 線上洽詢 | 隨時開課 |
|
Dreamweaver初階動態網頁設計 | 聯成電腦板橋分校 | 新北市板橋區 | 線上洽詢 | 隨時開課 |
|
AutoCAD進階設計人才培訓中心 | 聯成電腦板橋分校 | 新北市板橋區 | 線上洽詢 | 隨時開課 |
|
專業 MAYA 3D動畫培訓營☛皮克斯... | 易禧創意設計... | 台北市中正區 | 線上洽詢 | 隨時開課 |
|
Comic少女漫畫設計班(高階) | 聯成電腦板橋分校 | 新北市板橋區 | 線上洽詢 | 隨時開課 |
認證機構推薦
