Web前端技术项目实战教程

本书站在初学者的角度，以常用、实用、易懂为原则讲述Web知识，通过情境置入、案例分析，详细介绍了HTML、CSS及响应式布局等方面的知识和技巧。全书以项目为导向，通过8个项目将知识点串联起来，每个项目均会安排制作一个完整的网页页面，这样学生能快速上手，增强学习效果。8个项目分别为走进Web的世界、“个人简介”专题页制作、“旅游网”专题页制作、“宠物相册”专题页制作、“潮流前线”专题页制作、“商贸网信息注册”专题页制作、“大学生服务中心”专题页制作、“菜鸟充电站”响应式页面设计。
本书配有以下资源：书中所有案例的素材、效果文件、源代码、习题、课件等，以利于教师授课，学生练习。
本书既可作为普通高等院校相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，还可作为网页制作、美工设计、网站开发、网页编程等行业人员的参考用书。

前言
项目1走进Web的世界
【项目背景】
【任务1-1】了解Web基本概念
【任务1-2】掌握前端开发工具：代码编辑器（HBuilder)
【任务1-3】图像处理工具（Photoshop)
【项目总结】
【课后练习】
项目2“个人简介”专题页制作
【项目背景】
【任务2-1】学习HTML基本概念
【任务2-2】学习HTML文本控制标签
【任务2-3】学习HTML图像标签
【任务2-4】设计“个人简介”页面布局
【任务2-5】个人简介头部模块制作
【任务2-6】个人简介模块制作
【任务2-7】个人简介页脚模块制作
【项目总结】
【课后练习】
项目3“旅游网”专题页制作
【项目背景】
【任务3-1】学习CSS基本用法
【任务3-2】学习CSS控制文本样式
【任务3-3】学习CSS高级特性
【任务3-4】设计“旅游网”布局
【任务3-5】导航模块制作
【任务3-6】导语模块制作
【任务3-7】内容模块制作
【任务3-8】页脚模块制作
【项目总结】
【课后练习】
项目4“宠物相册”专题页制作
【项目背景】
【任务4-1】盒子模型的结构
【任务4-2】盒子模型的相关属性
【任务4-3】块级元素与行内元素之间的转换
【任务4-4】“宠物相册”页面布局
【任务4-5】导航模块制作
【任务4-6】相册模块制作
【任务4-7】页脚模块制作
【项目总结】
【课后练习】
项目5“潮流前线”专题页制作
【项目背景】
【任务5-1】掌握列表标签
【任务5-2】掌握浮动定位
【任务5-3】掌握相对定位
【任务5-4】掌握绝对定位
【任务5-5】掌握固定定位
【任务5-6】“潮流前线”页面设计
【项目总结】
【课后练习】
项目6“商贸网信息注册”专题页制作
【项目背景】
【任务6-1】表格标签
【任务6-2】表单标签
【任务6-3】表单控件
【任务6-4】“商贸网信息注册”页面布局及基础样式定义
【任务6-5】标题搜索模块制作
【任务6-6】菜单模块制作
【任务6-7】banner模块制作
【任务6-8】注册信息模块制作
【任务6-9】页脚模块制作
【项目总结】
【课后练习】
项目7“大学生服务中心”专题页制作
【项目背景】
【任务7-1】网页布局的基本概念
【任务7-2】分列布局
【任务7-3】DIV+csS布局实现方式
【任务7-4】“大学生服务中心”专题页各部分的制作
【项目总结】
【课后练习】
项目8“菜鸟充电站”响应式页面设计
【项目背景】
【任务8-1】了解响应式页面设计
【任务8-2】了解常用的RWD技术
【任务8-3】使用媒体查询和弹性布局实现“菜鸟充电站”设计
【项目总结】
【课后练习】
参考文献