1.深入淺出,依序介紹網頁設計基礎、文字編排技巧、圖像與色彩使用、表格/表單、影音多媒體運用、CSS語法應用、區塊布局與版面編排、以及CSS特效。
2.每章都有精緻範例,讓學習者靈活將所學語法應用在實際範例中,強化對語法的印象與應用,以此做為學習目標與製作水平。
3.綜合範例結合區塊應用與CSS樣式檔的使用,精熟CSS各種添加方式的使用技巧,善用本書也能讓新手搖身變成網頁設計高手。
4.以簡潔清楚的方式呈現語法與其效果,讓學習無負擔,成為學習網頁設計最佳的良伴。
1.深入淺出,依序介紹網頁設計基礎、文字編排技巧、圖像與色彩使用、表格/表單、影音多媒體運用、CSS語法應用、區塊布局與版面編排、以及CSS特效。
2.每章都有精緻範例,讓學習者靈活將所學語法應用在實際範例中,強化對語法的印象與應用,以此做為學習目標與製作水平。
3.綜合範例結合區塊應用與CSS樣式檔的使用,精熟CSS各種添加方式的使用技巧,善用本書也能讓新手搖身變成網頁設計高手。
4.以簡潔清楚的方式呈現語法與其效果,讓學習無負擔,成為學習網頁設計最佳的良伴。
第一章 網頁設計基礎- HTML5入門
1-1認識網站與網頁
1-2網頁設計前的準備工作
1-3 HTML頁面結構
1-4 好用的HTML 學習網站─ w3schools
重點回顧
學習評量
第二章 文字變化與編排技巧
2-1段落效果設定
2-2條列式清單設定
2-3字元格式設定
2-4文字特殊用法
2-5建立超連結
2-6綜合範例應用──精美個性化履歷
2-7綜合範例應用──美食蒐錄情報網
重點回顧
學習評量
第三章 圖像與色彩的使用
3-1網頁圖像使用要點
3-2影像軟體編修影像
3-3網頁圖像應用
3-4使用色彩
3-5綜合範例應用──美崙美奐的分類相簿
重點回顧
學習評量
第四章 表格與表單
4-1製作基本表格
4-2儲存格編輯
4-3建立與使用表單元件
4-4綜合範例應用──賞心悅目的旅遊行程表
4-5綜合範例應用──極具吸引力的線上購物表單
重點回顧
學習評量
第五章 影音多媒體運用
5-1加入音樂audio
5-2加入視訊Video
5-3加入Flash動畫
5-4 iframe內嵌YouTube影音
5-5綜合範例應用──動感十足的新產品發表
重點回顧
學習評量
第六章 CSS樣式與語法應用
6-1 CSS基本格式
6-2 CSS添加方式
6-3 CSS選擇器入門
6-4使用CSS設定文字
6-5使用CSS設定背景
6-6綜合範例應用──別具匠心的心得報告
重點回顧
學習評量
第七章 區塊布局與版面編排
7-1控制編排區塊
7-2編排網頁區塊
7-3定位網頁元件
7-4綜合範例應用─一目了然的社團介紹
重點回顧
學習評量
第八章 以CSS製作特效
8-1區塊陰影效果
8-2漸層特效
8-3圖片圓角加陰影
8-4標題提示區塊
8-5超連結按鈕效果
8-6綜合範例應用─不一樣的首頁文字製作
重點回顧
學習評量
第九章 綜合應用範例──搭捷運玩樂趣
9-1網站架構規劃
9-2網站首頁內容設計
9-3「世運站」內容設定
9-4複製與修改其他捷運站內容
附錄 學習評量解答