第1部分 網(wǎng)站策劃構(gòu)架
第1章 分析業(yè)務目標和需求
1. 分析業(yè)務目標
2. 與客戶合作
3. 網(wǎng)絡設計業(yè)務目標的范本
4. 確定網(wǎng)頁設計項目的范圍
5. 識別客戶群體
6.業(yè)務目標清單

第2章 適用于不同瀏覽器顯示器的設計
1. 瀏覽器使用統(tǒng)計信息
2. 設計策略
3. 了解你的觀眾
4. 適用于不同顯示器的設計
5.“視覺中心頁面”的設計思路
第2部分 網(wǎng)頁視覺設計
第3章 網(wǎng)頁設計原則
1. 網(wǎng)頁的美學目標
2. 網(wǎng)站的閱讀體驗
3. 用戶至上
4. 可用性設計原則
5. 運行環(huán)境對網(wǎng)頁設計的影響

第4章 網(wǎng)頁布局與導航
1. 網(wǎng)站的信息結(jié)構(gòu)
2. 網(wǎng)頁的布局
3. 網(wǎng)頁布局方法
4. 網(wǎng)頁布局原則
5. 頁面的導航形式
6. 導航設計的原則
第5章 網(wǎng)頁色彩
1. 認識色彩
2. 色彩與情感
3.配色法則
4. 網(wǎng)頁色彩

第6章 網(wǎng)頁圖像
1. 網(wǎng)頁圖像元素的種類
2. 網(wǎng)頁圖像格式
3. 圖版率
4. 圖片的運用

第7章 網(wǎng)頁文本
1. 網(wǎng)頁字體的選擇
2. 網(wǎng)頁字體大小的規(guī)范
3. 網(wǎng)頁字體的搭配
4. 閱讀的設計

第3部分 學點代碼做網(wǎng)頁
第8章 代碼之前的問題
1. 我需要學怎樣編寫代碼嗎？
2. 前端學習方法的建議
3. 開發(fā)前的準備工作
4. 準備開發(fā)環(huán)境

第9章 HTML--頁面結(jié)構(gòu)與內(nèi)容
1. HTML標記和屬性
2. HTML文檔結(jié)構(gòu)
3. HTML頁面元素

第10章 CSS--視覺效果
1. CSS基礎語法規(guī)則
2. CSS的選擇器
3. 使用CSS的方式
4. 文字和圖片的排版

第11章 CSS--頁面布局
1. 固定布局
2. 百分比布局
3. 格子布局
4. 自適應布局
5. 彈性布局Flex
6. 網(wǎng)格布局Grid
7. 瀑布流布局