引入篇
学习任务一 网页设计基础…………………………………………………… 2
一、网页风格… ………………………………………………………………… 2
二、网页元素… ………………………………………………………………… 5
三、网页布局… ………………………………………………………………… 8
四、设计流程… ………………………………………………………………… 11
基础篇
学习任务二 认识网页色彩…………………………………………………… 16
一、色彩情感… ………………………………………………………………… 16
二、色彩属性… ………………………………………………………………… 20
三、配色类型… ………………………………………………………………… 23
学习任务三 网页色彩搭配…………………………………………………… 28
一、了解色彩角色………………………………………………………………… 28
二、确立主色调… ……………………………………………………………… 29
三、认识配色误区… …………………………………………………………… 38
学习任务四 认识文字字体…………………………………………………… 43
一、汉字………………………………………………………………………… 43
二、拉丁字母… ………………………………………………………………… 47
学习任务五 网页文字排版…………………………………………………… 52
一、字体选择…………………………………………………………………… 52
二、字号选择… ………………………………………………………………… 54
三、间距设置… ………………………………………………………………… 56
四、色彩选择… ………………………………………………………………… 57
五、对齐方式… ………………………………………………………………… 58
学习任务六 网页字体设计…………………………………………………… 61
一、设计原则… ………………………………………………………………… 61
二、设计方法… ………………………………………………………………… 63
学习任务七 网页导航设计…………………………………………………… 69
一、设计风格… ………………………………………………………………… 69
二、设计原则… ………………………………………………………………… 73
三、设计思路… ………………………………………………………………… 77
学习任务八 网页Banner设计… …………………………………………… 79
一、设计欣赏… ………………………………………………………………… 79
二、设计原则… ………………………………………………………………… 81
三、设计元素…………………………………………………………………… 84
四、设计思路… ………………………………………………………………… 90
实践篇
学习任务九 网站建设规划…………………………………………………… 94
一、前期规划… ………………………………………………………………… 94
二、设计规划…………………………………………………………………… 95
三、制作规划… ………………………………………………………………… 98
四、推广规划… ………………………………………………………………… 98
五、运维规划…………………………………………………………………… 98
学习任务十 网站首页设计………………………………………………… 100
一、布局……………………………………………………………………… 100
二、Logo… …………………………………………………………………… 101
三、导航……………………………………………………………………… 102
四、Banner…………………………………………………………………… 102
学习任务十一 网站二级页设计…………………………………………… 105
一、文字二级页设计… ……………………………………………………… 105
二、图片二级页设计… ……………………………………………………… 107
学习任务十二 网站三级页设计…………………………………………… 109
一、文字三级页设计… ……………………………………………………… 109
二、图片三级页设计… ……………………………………………………… 111
参考文献…………………………………………………………………… 114