本书站在初学者的角度,以常用、实用、易懂为原则讲述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