网页制作案例

图书标准信息

• 作者 代强 著
• 出版社 重庆大学出版社
• 出版时间 2016-06
• 版次 1
• ISBN 9787562498117
• 定价 36.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 152页
• 字数 224千字

【内容简介】

本书详细全面系统地介绍了网页制作、设计、规划的基本知识，以及网站设计、开发、发布的完整流程。全书共6章，内容基本覆盖了PhotoshopWeb基础知识、策划网站、设计惠团网网站页面、制作惠团网网站页面设计个人网站、设计商务网站等内容。本书结合内容知识都给出了相应的模块案例，方便读者进行实训练习，力求由浅入深，使读者快速掌握网页制作及网站设计、开发的相关技术。
  本书既适合初学者，也适用于具有一定网页制作基础的读者，可作为中等职业学校各专业“网页设计与制作”的课程教材，也可作为各类培训机构相关课程的培训教材和教师参考用书。

【目录】

模块一 初识Photoshop Web基础知识

任务一 认识网站美工........................................................2

1. 什么是网站美工........................................................... 2

2. 网站美工的任务........................................................... 3

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

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

2. 页面布局................................................................ 7

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

1. 先用Photoshop给出效果....................................... 11

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

3. 搭建DIV CSS...................................................... 12

模块二 网站策划

任务一 明确网站主题.......................................................... 16

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

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

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

1. 分析行业资料....................................................... 18

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

任务三 分析目标用户.......................................................... 19

1. 目标用户群.......................................................... 19

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

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

1. 策划书................................................................. 23

2. 网页内容安排技巧............................................... 25

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

任务一 认识网页的区域划分...................................................... 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.“惠团网”页面切割................................................... 

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

任务一 了解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

1. 网站色彩搭配....................................................... 86

2. 网站布局.............................................................. 87

3. 素材准备.............................................................. 87

任务二 制作个人博客.......................................................... 96

1. 网站色彩搭配....................................................... 96

2. 网站布局.............................................................. 97

3. 素材准备.............................................................. 98

模块六 设计商业网站

任务一 制作房产类网站..................................................... 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