HTML5+CSS3网页设计与制作实战(项目式)(第4版)

作者
颜珍平 陈承欢
丛书名
高职高专名校名师精品“十三五”规划教材
出版社
人民邮电出版社
ISBN
9787115518002
简要
简介
内容简介 本书使用网页制作工具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








有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4