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

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

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

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

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

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

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

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

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