网页制作案例PDF电子书下载

模块一 初识Photoshop Web基础知识 2

任务一 认识网站美工 2

1．什么是网站美工 2

2．网站美工的任务 3

任务二 网站设计基础知识 4

1．网页配色的相关知识 4

2．页面布局 7

任务三 开发一个网站的总体流程 11

1．先用Photoshop给出效果 11

2．通过切图，得到素材 11

3．搭建DIV+CSS 12

模块二 网站策划 16

任务一 明确网站主题 16

1．网站主题决定网页的表现形式 16

2．对于题材选择的建议 17

任务二 分析相关背景材料 18

1．分析行业资料 18

2．行业调查及知识的积累 19

任务三 分析目标用户 19

1．目标用户群 19

2．一般网站中目标用户群的分析 20

任务四 如何达到“设计”的目的 23

1．策划书 23

2．网页内容安排技巧 25

模块三 设计“惠团网”网站页面 28

任务一 认识网页的区域划分 28

1．认识顶部和底部区 28

2．认识中间区 29

任务二 使用Photoshop绘制“惠团网”首页网页模板 31

1．认识Logo 31

2．制作Logo 31

3．认识横幅 33

4．制作横幅 34

5．制作导航条 35

6．制作中间区域 36

7．制作底部区域 37

任务三 使用网页切片工具 38

1．网页切片 39

2．“惠团网”页面切割 40

模块四 制作“惠团网”网站页面 46

任务一 了解DIV+CSS 46

1．什么是DIV+CSS 46

2．DIV+CSS的优势 46

3．DIV+CSS的缺陷 47

4．盒子模型的概念 48

任务二 惠团网网站DIV+CSS布局 50

1．实例赏析 50

2．建立站点 50

3．布局首页 51

任务三 用CSS美化惠团网网站 56

1．案例赏析 56

2．美化惠团网网页 56

模块五 设计个人网站 86

任务一 制作个人音乐网站 86

1．网站色彩搭配 86

2．网站布局 87

3．素材准备 87

任务二 制作个人博客 96

1．网站色彩搭配 96

2．网站布局 97

3．素材准备 98

模块六 设计商业网站 112

任务一 制作房产类网站 112

1．网站色彩搭配 112

2．网站布局 113

3．素材准备 113

任务二 制作产品类网站 119

1．网站色彩搭配 120

2．网站布局 120

3．素材准备 120

任务三 制作门户类网站 131

1．网站色彩搭配 132

2．网站布局 133

3．素材准备 133

任务四 制作娱乐类网站 140

1．网站色彩搭配 141

2．网站布局 141

3．素材准备 141