RWD 自適應網頁設計初階入門

課程創作:鼻涕男孩

課程適合地區:全球

課程影片總長度: 9.9小時

上架日期:2018-8-15

分享課程:

原價: NT 1,200

課程介紹

Frontend HTML RWD course

別擔心,這堂課就是專門針對完全沒有網頁設計基礎的你所開設。

Frontend HTML RWD course

讓你真正能夠做中學,由不懂到了解,從網頁設計小白,搖身一變成為能夠製作出 RWD 網頁的設計者。

在這門課程裡,老師從最基礎的版型規劃、切版,一直到 HTML 內容架構與 CSS 美化,並在這堂課最後,帶你從零開始,實際完成一個完整的 RWD 靜態網頁的設計。

而在學習過程中,老師會隨時提點設計時該留意的地方,不但處處充滿網頁設計的小技巧,也將製作網頁時可能會遇到的相關問題,不厭其煩地一一解說。

身為網頁設計領域新手的你,請千萬不要錯過這堂精彩的課程。

課程特色:
  • 不需具備任何基礎,step by step 教會你,打穩網頁設計基本功。
  • 詳細語法解說,搭配實作練習,學習效果百分百。
  • 不必害怕網頁程式碼,從零開始就能學會網頁設計。
  • 系統化學習 HTML 與 CSS 語法和基礎知識。
  • 從 0 開始建置一個實用的公司 RWD 網站。
  • 隨時穿插網頁設計要點與網頁設計常見錯誤,快速吸收講師多年寶貴的實務經驗。
Frontend HTML RWD course
  • 1-1 認識網站與 RWD 網頁
  • 1-2 申請網路空間
  • 1-3 Sublime Text 3 介紹
Frontend HTML RWD course
  • 2-1 網頁的結構
  • 2-2 HTML 基本標籤
  • 2-3 圖片設定
  • 2-4 CSS 基礎觀念應用
  • 2-5 文字與段落
  • 2-6 超連結的類型與應用
  • 2-7 多媒體標籤
  • 2-8 網頁背景設計
  • 2-9 四方連續的背景圖樣設計
Frontend HTML RWD course
  • 3-1 表格介紹
  • 3-2 表格排版實作 I:表格編排內容
  • 3-3 設計我的商品頁 II:美化頁面
  • 3-4 設計我的商品頁 III:增加動態特效
Frontend HTML RWD course
  • 4-1 div 容器與盒子模型
  • 4-2 塊狀元素與行內元素
  • 4-3 四大定位方式
  • 4-4 實例應用:相簿網頁的編排設計
Frontend HTML RWD course
  • 5-1 HTML 5 的語義標籤
  • 5-2 基本雙欄版型設計與編排
  • 5-3 版型設計的延伸練習
  • 5-4 進階版型設計應用
  • 5-5 導覽列的樣式設計
  • 5-6 複合式下拉選單設計
  • 5-7 網頁版型整合設計
Frontend HTML RWD course
  • 6-1 表單結構標籤與後台串接介紹
  • 6-2 表單的控制項介紹
  • 6-3 表單頁面設計 I
  • 6-4 表單頁面設計 II
  • 6-5 結構化偽類別選取及屬性器應用
  • 6-6 利用 CSS 與表單元素製作頁籤切換效果
Frontend HTML RWD course
  • 7-1 尺寸的種類與設定
  • 7-2 認識 viewport 與 Media Queries
  • 7-3 使用 Google 雲端字型
  • 7-4 圖示字型介紹與應用
  • 7-5 使用 Xmind 規劃網站架構圖
  • 7-6 線框圖設計與規劃
  • 7-7 好用的線上線框圖製作服務
Frontend HTML RWD course
  • 8-1 RWD 網頁初始化設定
  • 8-2 HEAD 標頭載入的設定
  • 8-3 HTML 內容架構設計
  • 8-4 基本 div 框架的大小設定
  • 8-5 頁首與選單設計
  • 8-6 主內容區塊設計與編排
  • 8-7 頁尾區塊的資訊設計
  • 8-8 手機版本的 CSS 修改
  • 8-9 平板版本的 CSS 修改
  • 8-10 多媒體的 RWD 設定
  • 8-11 淺談網頁的 SEO

學員上課後會學到什麼或能做什麼

  • 學會 HTML 5 語法
  • 學會 CSS 3 基礎語法
  • 學會 RWD 基礎靜態式網頁規劃與設計

學員上課前需具備哪些軟、硬體設備或常識

  • 電腦基本檔案管理能力(例如:複製/貼上等)
  • 不需任何軟體或硬體配備要求

課程適合對象

  • 網頁設計初學者
  • 學習網頁設計相關科系的學生
  • 對於前端網頁設計工作有興趣的人
  • 對網頁設計有興趣,卻毫無經驗的人

老師介紹

web frontend design instructor Stephen Photo
鼻涕男孩
經歷:
  • 創意家數位出版:腳本企劃、排版人員
  • 千華數位文化出版:編輯、多媒體、排版人員
  • 電腦書出版:企劃編輯、作者、as 3.0 程式範例
  • 傑森多媒體動畫程式設計
  • 聯成電腦 Office、Adobe、RWD 網頁設計講師
現任:
  • 巨匠電腦講師
  • 聖馬丁設計學苑講師

課程評語與問答