网页制作案例
作者：代强主编
出版时间：2016年版
内容简介
本书详细全面系统地介绍了网页制作、设计、规划的基本知识，以及网站设计、开发、发布的完整流程。全书共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
