
>
課程資訊
適用對象
課程特色
詳細內容
師資介紹
我對本課程有興趣
與我諮詢 / 報名
課程資訊
開課日期
隨時開課
學習時程
9小時
上課時間
不拘
上課時段
不拘
適用對象
美術設計師:利用圖形化工具迅速建立網頁
學生:多方面了解工具,提升網頁設計相關知識
上班族:快速完成活動網頁與培養第二專長
課程特色
Bootstrap 已經變成網頁設計的主要選項之一,除了搭配文字編輯器或 Dreamweaver 之外,你還有另外的選擇!!本課程將介紹 Atom + Pinegrow + Mobirise 三套網頁快速製作軟體,如何使用工具軟體快速編輯以 Bootstrap 框架為主的網頁,無論是 Bootstrap3.x 版本或是 Bootstrap4.x 版本,通通都沒有問題!如此物超所值,手刀搶購去!!
詳細內容
1基礎排版入門
- Atom + Pinegrow + Mobirise:
- BOOTSTRAP版本介紹、軟體安裝與設定、功能介紹與調整
- 新增頁面方式:
- 從網頁開啟、從範本開啟、開新檔案
- 使用軟體建構網頁:
- 組件介紹、Layout 設計與版面架構
- 快速建構網頁:
- 使用Mobirise建構一頁式網頁
2網頁建置技巧
HTML編輯:
- DOM介紹、認識 HTML 與 CSS 語法、ATOM整合應用、圖片置入
- 版面格點系統:
- 認識RWD網頁、Bootstrap格點規則、框架與結構 section well
- 發佈與設定
3頁面設計與規劃
頁面設計
- 版面規劃
- 組件建立與設定
- HTML+CSS3 編輯應用
- 實作練習
- 發佈