|
| 商品編號： | DUC0148 | |
| 商品名稱： | 9比1線上課程 RWD 自適應網頁設計初階入門 講師:鼻涕男孩 影音教學 中文發音 繁體中文版(DVD版) | | | 語系版本： | 中文發音 繁體中文版 | |
| 運行平台： | 官方原版畫質MP4檔,沒有任何平台限制,終身使用 | |
| 更新日期： | 2026-01-01 | |
| 光碟片數： | 1片DVD光碟 | |
| 銷售價格： | $200元 | |
| 熱門標籤： | 9比1線上課程
自適應網頁設計初階入門
鼻涕男孩
| |
9比1線上課程 RWD 自適應網頁設計初階入門 講師:鼻涕男孩 影音教學 中文發音 繁體中文版(DVD版)
這堂課我會學到
學會 HTML 5 語法
學會 CSS 3 基礎語法
學會 RWD 基礎靜態式網頁規劃與設計
課前資訊
學員上課前需具備哪些軟、硬體設備或常識
電腦基本檔案管理能力（例如：複製/貼上等）
不需任何軟體或硬體配備要求
課程適合對象
網頁設計初學者
學習網頁設計相關科系的學生
對於前端網頁設計工作有興趣的人
對網頁設計有興趣，卻毫無經驗的人
課程介紹
在這門課程裡，你將從基礎的版型規劃、切版，一直到 HTML 內容架構與 CSS 美化，並在最後從零開始，實際完成一個完整的 RWD 靜態網頁的設計。
?想學好網頁設計，你還在煩惱以下這些問題?
- 我想學網頁設計，卻找不到適合的入門教學課程?
- 我看不懂複雜的網頁程式碼，該如何學會網頁設計?
- 目前最夯的 RWD（自適應）網頁設計到底是什麼?
- 我不懂 HTML，也不知道什麼是 CSS，真的能夠零基礎學會網頁設計嗎?
專為零網頁設計基礎的你所開設
讓你真正能夠做中學，由不懂到了解，從網頁設計小白，搖身一變成為能夠製作出 RWD 網頁的設計者。
在這門課程裡，老師從最基礎的版型規劃、切版，一直到 HTML 內容架構與 CSS 美化，並在這堂課最後，帶你從零開始，實際完成一個完整的 RWD 靜態網頁的設計。
而在學習過程中，老師會隨時提點設計時該留意的地方，不但處處充滿網頁設計的小技巧，也將製作網頁時可能會遇到的相關問題，不厭其煩地一一解說。
身為網頁設計領域新手的你，請千萬不要錯過這堂精彩的課程。
課程特色
不需具備任何基礎，step by step 教會你，打穩網頁設計基本功。
詳細語法解說，搭配實作練習，學習效果百分百。
不必害怕網頁程式碼，從零開始就能學會網頁設計。
系統化學習 HTML 與 CSS 語法和基礎知識。
從 0 開始建置一個實用的公司 RWD 網站。
隨時穿插網頁設計要點與網頁設計常見錯誤，快速吸收講師多年寶貴的實務經驗。
00_課程介紹
001_課程介紹短片.mp4
01_1. 認識 RWD 網頁設計與編輯軟體
002_1-1 認識網站與 RWD 網頁.mp4
003_1-2 申請網路空間.mp4
004_1-3 SublimeText 3 介紹.mp4
02_2. HTML 與 CSS 入門
005_2-1 網頁的結構.mp4
006_2-2 HTML 基本標籤.mp4
007_2-3 圖片設定.mp4
008_2-4 CSS 基礎觀念應用.mp4
009_2-5 文字與段落.mp4
010_2-6 超連結的類型與應用.mp4
011_2-7 多媒體標籤.mp4
012_2-8 網頁背景設計.mp4
013_2-9 四方連續的背景圖樣設計.mp4
03_3. 表格應用
014_3-1 表格介紹.mp4
015_3-2 表格排版實作 I：表格編排內容.mp4
016_3-3 設計我的商品頁 II：美化頁面.mp4
017_3-4 設計我的商品頁 III：增加動態特效.mp4
04_4. div 框架
018_4-1 div 容器與盒子模型.mp4
019_4-2 塊狀元素與行內元素.mp4
020_4-3 四大定位方式.mp4
021_4-4 實例應用：相簿網頁的編排設計.mp4
05_5. 網頁排版實戰
022_5-1 HTML5 的語義標籤.mp4
023_5-2 基本雙欄版型設計與編排.mp4
024_5-3 版型設計的延伸練習.mp4
025_5-4 進階版型設計應用.mp4
026_5-5 導覽列的樣式設計.mp4
027_5-6 複合式下拉選單設計.mp4
028_5-7 網頁版型整合設計.mp4
06_6. 表單設計應用
029_6-1 表單結構標籤與後台串接介紹.mp4
030_6-2 表單的控制項介紹.mp4
031_6-3 表單頁面設計 I.mp4
032_6-4 表單頁面設計 II.mp4
033_6-5 結構化偽類別選取及屬性器應用.mp4
034_6-6 利用 CSS 與表單元素製作頁籤切換效果.mp4
07_7. RWD 網頁設計規劃
035_7-1 尺寸的種類與設定.mp4
036_7-2 認識 viewport 與 Media Queries.mp4
037_7-3 使用 Google 雲端字型.mp4
038_7-4 圖示字型介紹與應用.mp4
039_7-5 使用 Xmind 規劃網站架構圖.mp4
040_7-6 線框圖設計與規劃.mp4
041_7-7 好用的線上線框圖製作服務.mp4
08_8. RWD 網頁設計實作
042_8-1 RWD 網頁初始化設定.mp4
043_8-2 HEAD 標頭載入的設定.mp4
044_8-3 HTML 內容架構設計.mp4
045_8-4 基本 div 框架的大小設定.mp4
046_8-5 頁首與選單設計.mp4
047_8-6 主內容區塊設計與編排.mp4
048_8-7 頁尾區塊的資訊設計.mp4
049_8-8 手機版本的 CSS 修改.mp4
050_8-9 平板版本的 CSS 修改.mp4
051_8-10 多媒體的 RWD 設定.mp4
052_8-11 淺談網頁的 SEO.mp4
|
您現在的位置：
線上課程綜合教學
