本书站在初学者的角度，以常用、实用、易懂为原则讲述Web知识，通过情境置入、案例分析，详细介绍了HTML、CSS及响应式布局等方面的知识和技巧。全书以项目为导向，通过8个项目将知识点串联起来，每个项目均会安排制作一个完整的网页页面，这样学生能快速上手，增强学习效果。8个项目分别为走进Web的世界、“个人简介”专题页制作、“旅游网”专题页制作、“宠物相册”专题页制作、“潮流前线”专题页制作、“商贸网信息注册”专题页制作、“大学生服务中心”专题页制作、“菜鸟充电站”响应式页面设计。
本书配有以下资源：书中所有案例的素材、效果文件、源代码、习题、课件等，以利于教师授课，学生练习。
本书既可作为普通高等院校相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，还可作为网页制作、美工设计、网站开发、网页编程等行业人员的参考用书。
本书配有免费电子课件，欢迎选用本书作教材的教师登录www.cmpedu.com注册下载，或发邮件至jinacmp@163.com索取。
前言
项目1走进Web的世界1
【项目背景】1
【任务1.1】了解Web基本概念1
【任务1.2】掌握前端开发工具:代码
编辑器（HBuilder）4
【任务1.3】图像处理工具
（Photoshop）6
【项目总结】7
【课后练习】7
项目2“个人简介”专题页制作8
【项目背景】8
【任务2.1】学习HTML基本概念9
【任务2.2】学习HTML文本控制
标签12
【任务2.3】学习HTML图像标签22
【任务2.4】设计“个人简介”页面
布局24
【任务2.5】个人简介头部模块制作26
【任务2.6】个人简介模块制作27
【任务2.7】个人简介页脚模块制作 29
【项目总结】29
【课后练习】30
项目3“旅游网”专题页制作31
【项目背景】31
【任务3.1】学习CSS基本用法32
【任务3.2】学习CSS控制文本样式36
【任务3.3】学习CSS高级特性 42
【任务3.4】设计“旅游网”布局54
【任务3.5】导航模块制作57
【任务3.6】导语模块制作58
【任务3.7】内容模块制作59
【任务3.8】页脚模块制作63
【项目总结】64
【课后练习】 65
项目4“宠物相册”专题页制作66
【项目背景】 66
【任务4.1】盒子模型的结构67
【任务4.2】盒子模型的相关属性69
【任务4.3】块级元素与行内元素之间的
转换93
【任务4.4】“宠物相册”页面布局98
【任务4.5】导航模块制作100
【任务4.6】相册模块制作104
【任务4.7】页脚模块制作108
【项目总结】109
【课后练习】110
项目5“潮流前线”专题页制作112
【项目背景】112
【任务5.1】掌握列表标签112
【任务5.2】掌握浮动定位115
【任务5.3】掌握相对定位120
【任务5.4】掌握绝对定位122
【任务5.5】掌握固定定位127
【任务5.6】“潮流前线”页面设计128
【项目总结】139
【课后练习】 139
项目6“商贸网信息注册”专题页
制作140
【项目背景】140
【任务6.1】表格标签141
【任务6.2】表单标签156
【任务6.3】表单控件158
【任务6.4】“商贸网信息注册”页面
布局及基础样式定义167
【任务6.5】标题搜索模块制作170
【任务6.6】菜单模块制作173
【任务6.7】banner模块制作175
【任务6.8】注册信息模块制作176
【任务6.9】页脚模块制作181
【项目总结】 182
【课后练习】 182
项目7“大学生服务中心”专题页
制作185
【项目背景】185
【任务7.1】 网页布局的基本概念186
【任务7.2】分列布局186
【任务7.3】DIV+CSS布局实现
方式195
【任务7.4】“大学生服务中心”专题页
各部分的制作197
【项目总结】208
【课后练习】208
项目8“菜鸟充电站”响应式页面
设计209
【项目背景】209
【任务8.1】了解响应式页面设计209
【任务8.2】了解常用的RWD技术210
【任务8.3】使用媒体查询和弹性布局
实现“菜鸟充电站”
设计226
【项目总结】 232
【课后练习】 232
参考文献234
书单推荐
