HTML5+CSS3网页设计与制作实战(项目式第4版高职高专名校名师精品十三五规划教材)

本书使用网页制作工具Dreamweaver CC、Web 技术标准HTML5 和CSS3 设计与制作网页。 本书将教学内容划分为8 个教学单元，理论知识分为“站点创建—超链接应用—表格应用—表单应用—网页布局—模板应用—网页特效—网站整合” 8 个部分，选取购物网站作为网页设计载体，将训练任务分为“制作商品简介页面—制作帮助信息页面—制作购物车页面—制作注册登录页面—制作商品筛选页面—制作商品推荐页面—制作商品详情页面—制作购物网站首”8 类。每个教学单元设置了两个教学层次（渐进训练和探索训练），“渐进训练”部分循序渐进地练习PC 版网页的制作，“探索训练”部分主要训练触屏版网页的制作。全书围绕25 个真实的网页设计制作任务展开，采用“任务驱动、案例教学、理论实践一体化”的教学模式组织内容，全方位帮助读者提升网页设计的技能，以满足职业岗位的需求。 本书可以作为院校各专业“网页设计与制作”课程的教材，也可以作为网页设计与制作的培训用书及技术参考书。

陈承欢　三级教授　高级工程师　软件设计师　湖南省省级专业带头人，国家精品课程与精品共享课程《网页设计与制作》主持人，国家资源库课程《计算机维护与维修》和《网页样式设计与应用》主持人，湖南省教育科学重点研究课题主持人，湖南省教学改革项目主持人。

单元 1 站点创建与制作商品简介页面 1 教学导航　1 渐进训练　2 任务1-1　制作电脑版商品简介页面0101.html　2 【任务1-1-1】启动Dreamweaver　CC与初识其工作界面　2 【任务1-1-2】认识浏览器的基本组成和网页的基本组成元素　8 【任务1-1-3】创建站点“易购网”　10 【任务1-1-4】管理本地站点　11 【任务1-1-5】管理网站中的文件和文件夹　13 【任务1-1-6】设置网页的首选项　14 【任务1-1-7】新建网页文档0101.html与设置页面属性　16 【任务1-1-8】在网页中输入与编辑文本　22 【任务1-1-9】网页文档的基本操作　25 【任务1-1-10】在网页中插入与编辑图像　26 【任务1-1-11】使用【资源】面板管理网站中的资源　28 【任务1-1-12】设置页面0101.html的头部内容　30 【任务1-1-13】定义CSS代码美化网页的文本与图片　32 探索训练　35 任务1-2　制作触屏版商品简介页面0102.html　35 析疑解惑　37 单元小结　47 单元习题　47 单元　2 超链接应用与制作帮助信息页面　49 教学导航　49 渐进训练　49 任务2-1　设计与制作电脑版帮助信息页面0201.html　49 【任务2-1-1】规划与设计“易购网”的通用布局结构　50 【任务2-1-2】规划与设计“易购网”帮助页面的布局结构　53 【任务2-1-3】在网页中添加与编辑列表　55 【任务2-1-4】创建顶部导航栏和插入LOGO图片　56 【任务2-1-5】创建底部横向友情链接导航栏　62 【任务2-1-6】创建左侧帮助导航栏与添加相应的帮助内容　64 【任务2-1-7】创建底部帮助导航栏　69 【任务2-1-8】创建多种形式的超链接　72 探索训练　75 任务2-2　制作触屏版帮助信息页面0202.html　75 析疑解惑　78 单元小结　79 单元习题　79 单元　3 表格应用与制作购物车页面　81 教学导航　81 渐进训练　81 任务3-1　制作电脑版购物车页面0301.html　81 【任务3-1-1】在网页中插入与设置表格　82 【任务3-1-2】使用表格制作购物车页面　87 探索训练　91 任务3-2　制作触屏版购物车页面0302.html　91 析疑解惑　96 单元小结　100 单元习题　100 单元　4 表单应用与制作注册登录页面　101 教学导航　101 渐进训练　101 任务4-1　制作与美化电脑版用户注册网页0401.html　101 【任务4-1-1】创建电脑版用户注册网页　101 【任务4-1-2】美化电脑版用户注册网页　109 任务4-2　制作与美化电脑版用户登录网页0402.html　115 【任务4-2-1】创建电脑版用户登录网页　115 【任务4-2-2】美化电脑版用户登录网页　116 探索训练　121 任务4-3　制作触屏版用户注册网页0403.html　121 任务4-4　制作触屏版用户登录网页0404.html　124 析疑解惑　128 单元小结　128 单元习题　128 单元　5 网页布局与制作商品筛选页面　130 教学导航　130 渐进训练　131 任务5-1　设计与制作电脑版商品筛选页面0501.html　131 【任务5-1-1】规划与设计商品筛选页面的布局结构　131 【任务5-1-2】布局与美化商品筛选页面的左侧列表内容　134 【任务5-1-3】布局与美化商品筛选页面的右侧主体内容　139 探索训练　147 任务5-2　制作触屏版促销商品页面0502.html　147 析疑解惑　151 单元小结　165 单元习题　165 单元　6 模板应用与制作商品推荐页面　167 教学导航　167 渐进训练　167 任务　6-1 设计与制作电脑版商品推荐页面0601.html　167 【任务6-1-1】规划与设计商品推荐页面的布局结构　167 【任务6-1-2】制作用于生成网页模板的网页0601.html　172 任务　6-2 制作基于模板的电脑版商品推荐页面0602.html　177 【任务6-2-1】基于网页0601.html创建网页模板0602.dwt　177 【任务6-2-2】创建基于模板的网页0602.html　183 【任务6-2-3】在网页0602.html中插入库项目和代码片段　186 探索训练　189 任务　6-3 设计与制作触屏版商品促销页面0603.html　189 任务　6-4 设计与制作触屏版商品促销页面0604.html　195 析疑解惑　195 单元小结　196 单元习题　196 单元　7 网页特效与制作商品详情页面　198 教学导航　198 渐进训练　199 任务　7-1 设计与制作电脑版商品详情页面0701.html　199 【任务7-1-1】规划与设计商品详情页面的布局结构　200 【任务7-1-2】在网页顶部显示当前日期和问候语　204 【任务7-1-3】在网页中动态改变局部区域文本字体大小　209 【任务7-1-4】在网页中自动滚动图片　210 【任务7-1-5】在网页中实现选项卡功能　212 【任务7-1-6】在网页中实现商品图片轮换展示与放大功能　215 探索训练　221 任务　7-2 制作触屏版商品详情页面0702.html　221 析疑解惑　228 单元小结　231 单元习题　232 单元　8 网站整合与制作购物网站首页　233 教学导航　233 渐进训练　233 任务　8-1 熟悉网站开发流程和规范　233 任务　8-2 分析与规划购物网站　237 任务　8-3 设计与制作电脑版网站首页0801.html　241 【任务8-3-1】规划与设计电脑版网站首页的主体布局结构　242 【任务8-3-2】设计与实现电脑版网站首页的导航结构　245 【任务8-3-3】设计与实现电脑版网站首页的各个局部版块内容　256 【任务8-3-4】实现电脑版网站首页的特效功能　262 【任务8-3-5】设置“易购网”的超链接　268 任务　8-4 测试网站　268 任务　8-5 发布网站　272 任务　8-6 推广与维护网站　274 探索训练　278 任务　8-7 设计与制作触屏版网站首页0802.html　278 析疑解惑　286 单元小结　289 单元习题　289 附录 HTML5的常用标签及其属性　291