电子商务网页设计与制作

　　本书全面贯彻《国家职业教育改革实施方案》中强调的“三教”改革精神，注重产学研深度融合。编者与行业领先企业合作，共同进行课程开发，在书中融入新规范、新工艺与新技术，从职业教育实际出发，在内容设置上紧密对接电子商务网站建设岗位工作流程，依托真实项目，由浅入深，融“教、析、学、做、评、创”为一体，以“强化职业技能、引导创新能力”为目标，按照“课前自学”“课中任务”“课后提升”等学习过程进行编排。编者精心设计了“走进网页设计”“CSS 基础”“CSS 实现网页美化”“综合案例”四个项目，每个项目根据知识点设置了若干任务，以项目任务为主导，引导学生逐步进入任务描述、任务实施环节，最终达到完全掌握网页设计与制作相关知识和技能的目标。本书配有微课、动画等数字化教学资源，可有效攻破教学重难点。使用本书时，还可借助本书配有的网络教学平台实现全程智能教学管理，适时采集数据，依据平台记录，实现个性化学习和差异化指导。本书适合作为本科院校、职业院校电子商务专业相关课程的教材，也可供Web 前端设计人员或网页设计初学者学习和参考。

　　袁鑫，副教授，硕士，湖南大学国内访问学者，湖南商务职业技术学院电子商务学院副院长，电子商务技术专业带头人，高级电子商务师，国家信息系统项目管理师，全国电子商务专家库成员。曾获得省级教师教学能力比赛二等奖一次，三等奖两次，省微课比赛二等奖两次，全国供销社微课一等奖一次；指导学生参加电子商务专业技能竞赛获得省一等奖，主持或参与省市级课题5项，主编教材两本，发表论文20余篇，专利3项。袁鑫担任课程负责人的《网页设计与制作》课程2018年立项为院级精品在线开放课程项目，2019年立项为省级精品在线课程，2020年认定为省级精品在线课程。并于2017年开发了全新的《电子商务网页设计与制作》教材，将"互联网+”思维融入教材，以课程思政为抓手，把理想信念、职业道德、工匠精神、奉献社会等思想政治教育核心元素融入教材内容，该教材于2020年10月被评为"湖南省职业教育优秀教材”。

项目一 走进网页设计…………………………………………………………… 01
学习目标 ………………………………………………………………………………… 01
思维导图 ………………………………………………………………………………… 02
任务一 网页设计初接触 ……………………………………………………………………03
课前自学 ………………………………………………………………………………… 03
课中任务 ………………………………………………………………………………… 08
课后提升 ………………………………………………………………………………… 26
任务二 Dreamweaver CS6 的使用 ………………………………………………………29
课前自学 ………………………………………………………………………………… 29
课中任务 ………………………………………………………………………………… 32
课后提升 ………………………………………………………………………………… 41
任务三 HTML 基础 …………………………………………………………………………41
课前自学 ………………………………………………………………………………… 41
课中任务 ………………………………………………………………………………… 46
课后提升 ………………………………………………………………………………… 72
项目小结 ………………………………………………………………………………… 81
项目二 CSS 基础 ……………………………………………………………… 82
学习目标 ………………………………………………………………………………… 82
思维导图 ………………………………………………………………………………… 83
任务一 CSS 初了解 ………………………………………………………………………84
课前自学 ………………………………………………………………………………… 84
课中任务 ………………………………………………………………………………… 85
课后提升 ……………………………………………………………………………… 100
任务二 CSS 盒子模型 ………………………………………………………………… 103
课前自学 ……………………………………………………………………………… 103
课中任务 ……………………………………………………………………………… 105
课后提升 ……………………………………………………………………………… 118
任务三 CSS 的浮动与定位 …………………………………………………………… 121
课前自学 ……………………………………………………………………………… 121
课中任务 ……………………………………………………………………………… 125
课后提升 ……………………………………………………………………………… 138
项目小结 ……………………………………………………………………………… 147
项目三 CSS 实现网页美化 ………………………………………………… 148
学习目标 ……………………………………………………………………………… 148
思维导图 ……………………………………………………………………………… 149
任务一 CSS 设置网页背景与文本 …………………………………………………… 150
课前自学 ……………………………………………………………………………… 150
课中任务 ……………………………………………………………………………… 153
课后提升 ……………………………………………………………………………… 173
任务二 CSS 设置网页链接与菜单 …………………………………………………… 174
课前自学 ……………………………………………………………………………… 174
课中任务 ……………………………………………………………………………… 180
课后提升 ……………………………………………………………………………… 199
任务三 CSS 设置网页表格与表单 …………………………………………………… 201
课前自学 ……………………………………………………………………………… 201
课中任务 ……………………………………………………………………………… 203
课后提升 ……………………………………………………………………………… 224
项目小结 ……………………………………………………………………………… 231
项目四 综合案例……………………………………………………………… 232
学习目标 ……………………………………………………………………………… 232
思维导图 ……………………………………………………………………………… 233
任务 飞鹰网络科技企业网站制作 ……………………………………………………… 233
课前自学 ……………………………………………………………………………… 233
课中任务 ……………………………………………………………………………… 237
课后提升 ……………………………………………………………………………… 255
项目小结 ……………………………………………………………………………… 258
参考文献………………………………………………………………………… 259__