第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)頁(yè)設(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.“視覺(jué)中心頁(yè)面”的設(shè)計(jì)思路
第2部分 網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)
第3章 網(wǎng)頁(yè)設(shè)計(jì)原則
1. 網(wǎng)頁(yè)的美學(xué)目標(biāo)
2. 網(wǎng)站的閱讀體驗(yàn)
3. 用戶至上
4. 可用性設(shè)計(jì)原則
5. 運(yùn)行環(huán)境對(duì)網(wǎng)頁(yè)設(shè)計(jì)的影響

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

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

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

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

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

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

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