网站设计与网页制作项目化教程（微课版）

作者: 周惠

出版社: 电子工业出版社

出版时间: 2022-03

版次: 1

ISBN: 9787121432262

定价: 45.00

装帧: 其他

页数: 196页

分类: 计算机与互联网

本书遵循“以真实项目为载体，以学习者为中心”的原则进行教学设计。读者通过制作5个由易到难的完整网页，循序渐进地学习静态网站的策划、制作及上传等全过程。本书选取具有深厚历史底蕴的景点“湘潭窑湾”作为引导项目的主题。引导项目分为3个子项目。项目1为网站总体设计，项目2为表格布局的网页制作，项目3为DIV+CSS布局的网页制作及上传。在引导项目中，以网页制作为主线设计了14个主任务、53个子任务。针对每个主任务，设计了学习导图、任务描述、任务实施、考核评价、问题探究等学习环节。每个子项目都配有同步测试和项目小结，用来巩固所学知识。同时，本书融入了湖湘文化、家国情怀、工匠精神等人文元素与思政元素。此外，本书还设计了1个综合实训项目，让学生根据自己的兴趣收集资料、积极探索和创新，应用在引导项目中所学的知识技能独立制作1个小型网站，进一步提高自身的思维迁移能力。本书是湖南省高职精品在线开放课程的配套教材，在超星“学银在线”平台中有课程标准、授课计划、微课视频、电子课件、拓展资源、网站源文件、素材等丰富的数字化教学资源，方便读者借鉴和使用。本书既可作为高等职业院校电子商务及计算机等专业的教材，也可作为网页制作的培训教材，还可供网页设计爱好者学习参考周惠，硕士，教授，工程师，全国机械职业教育教学指导委员会委员，湖南省综合评标专家委员会评标专家，主持省级课题及院级课题12 项，湖南省职业教育名师空间课堂1 项，湖南省高等职业教育省级精品在线开放课程1 门，出版专著1 本，编写教材4 本，发表论文20 余篇，开发网站10余个，获软件著作权4 项，指导学生荣获全国大学生网上零售技能竞赛二等奖，湖南省第五届“挑战杯”大学生创业计划竞赛银奖，2015 年省职业院校技能竞赛电子商务赛项二等奖。项目1  网站总体设计1

任务1.1　本地站点的创建与管理2

1.1.1  创建本地站点2

1.1.2  管理本地站点4

1.1.3  管理站点内容5

实训任务1.1  使用Dreamweaver创建并管理站点7

任务1.2  网站建设流程分析11

1.2.1  总体策划11

1.2.2  网站形象设计12

1.2.3　网站制作13

1.2.4  网站测试13

1.2.5  网站发布14

实训任务1.2  网站栏目设置分析14

任务1.3　网站结构和网站类型16

1.3.1  网站结构设计17

1.3.2　网站的分类21

实训任务1.3  网站栏目设计与内容策划28

任务1.4  网页的构成32

1.4.1  网页的版面构成32

1.4.2  网页布局设计34

1.4.3  网页中色彩的应用40

实训任务1.4  网页的版面设计45

任务1.5  网站素材的准备49

1.5.1  字体的下载与安装50

1.5.2  导航素材的制作51

1.5.3  轮播图的制作53

1.5.4  图层分组54

1.5.5  导出网页素材55

实训任务1.5  网页素材的收集和处理55

同步测试58

项目小结60

项目2  表格布局的网页制作61

任务2.1  网页基本属性的设置及文本的编辑62

2.1.1  设置网页属性63

2.1.2  编辑网页文本66

2.1.3  插入水平线和版权符号68

实训任务2.1 “窑湾简介”网页的制作69

任务2.2  利用表格布局网页73

2.2.1  头部区表格的搭建75

2.2.2  横幅区表格的搭建77

2.2.3  主体内容区表格的搭建77

2.2.4  底部区表格的搭建78

实训任务2.2 “窑湾印象”网页布局框架的搭建79

任务2.3  插入图片等网页元素84

2.3.1  头部区背景图片的插入85

2.3.2  插入Logo图片86

2.3.3  插入天气预报的代码86

2.3.4  在导航中插入“鼠标经过图像”87

2.3.5  插入分割线和Banner图片88

2.3.6  在左边列中插入背景图片89

实训任务2.3 “窑湾印象”网页的制作90

任务2.4  表单网页的制作91

2.4.1  创建表单的过程分析92

2.4.2  创建“窑湾印象”在线留言表单网页93

实训任务2.4  用户注册页面的制作97

同步测试101

项目小结104

项目3  DIV+CSS布局的网页制作及上传105

任务3.1  DIV+CSS网页框架的制作107

3.1.1  头部区框架的搭建108

3.1.2  横幅区框架的搭建114

3.1.3  主体内容区框架的搭建116

3.1.4  底部区框架的搭建119

3.1.5  主体框架的细化120

实训任务3.1  制作“窑湾地理”网页框架124

任务3.2  在DIV+CSS框架中添加网页元素130

3.2.1  添加背景图片131

3.2.2  插入图片132

3.2.3  天气预报代码的添加133

3.2.4  应用无序列表添加网页头部区的导航134

3.2.5  应用定义列表添加主体内容区的二级导航138

实训任务3.2  在“窑湾地理”网页中添加网页元素143

任务3.3  网页视听效果的制作148

3.3.1  轮播效果的制作150

3.3.2 “鼠标经过图像”效果的制作151

3.3.3  滚动字幕的制作152

3.3.4  图片放大效果的制作154

3.3.5  透明flash效果的制作155

3.3.6  视频文件的添加157

实训任务3.3  在“窑湾首页”中添加视听效果158

任务3.4  超链接的创建160

3.4.1  图片链接的创建161

3.4.2  热点链接的创建163

3.4.3  文字链接的创建164

3.4.4  锚记链接的创建166

实训任务3.4  在“窑湾首页”中添加超链接167

任务3.5  域名注册和网站上传170

3.5.1  域名的注册171

3.5.2  上传到收费空间173

实训任务3.5  注册域名177

同步测试179

项目小结182

综合实训项目  小型网站的设计与制作183

任务1  网站素材的收集和草图的制作184

任务2  网站策划方案的撰写184

任务3  网页制作185

任务4  网站作品展示与互评186

任务5  网站测试与发布186

任务6  文档整理和提交187
内容简介:
本书遵循“以真实项目为载体，以学习者为中心”的原则进行教学设计。读者通过制作5个由易到难的完整网页，循序渐进地学习静态网站的策划、制作及上传等全过程。本书选取具有深厚历史底蕴的景点“湘潭窑湾”作为引导项目的主题。引导项目分为3个子项目。项目1为网站总体设计，项目2为表格布局的网页制作，项目3为DIV+CSS布局的网页制作及上传。在引导项目中，以网页制作为主线设计了14个主任务、53个子任务。针对每个主任务，设计了学习导图、任务描述、任务实施、考核评价、问题探究等学习环节。每个子项目都配有同步测试和项目小结，用来巩固所学知识。同时，本书融入了湖湘文化、家国情怀、工匠精神等人文元素与思政元素。此外，本书还设计了1个综合实训项目，让学生根据自己的兴趣收集资料、积极探索和创新，应用在引导项目中所学的知识技能独立制作1个小型网站，进一步提高自身的思维迁移能力。本书是湖南省高职精品在线开放课程的配套教材，在超星“学银在线”平台中有课程标准、授课计划、微课视频、电子课件、拓展资源、网站源文件、素材等丰富的数字化教学资源，方便读者借鉴和使用。本书既可作为高等职业院校电子商务及计算机等专业的教材，也可作为网页制作的培训教材，还可供网页设计爱好者学习参考
作者简介:
周惠，硕士，教授，工程师，全国机械职业教育教学指导委员会委员，湖南省综合评标专家委员会评标专家，主持省级课题及院级课题12 项，湖南省职业教育名师空间课堂1 项，湖南省高等职业教育省级精品在线开放课程1 门，出版专著1 本，编写教材4 本，发表论文20 余篇，开发网站10余个，获软件著作权4 项，指导学生荣获全国大学生网上零售技能竞赛二等奖，湖南省第五届“挑战杯”大学生创业计划竞赛银奖，2015 年省职业院校技能竞赛电子商务赛项二等奖。
目录:
项目1  网站总体设计1

任务1.1　本地站点的创建与管理2

1.1.1  创建本地站点2

1.1.2  管理本地站点4

1.1.3  管理站点内容5

实训任务1.1  使用Dreamweaver创建并管理站点7

任务1.2  网站建设流程分析11

1.2.1  总体策划11

1.2.2  网站形象设计12

1.2.3　网站制作13

1.2.4  网站测试13

1.2.5  网站发布14

实训任务1.2  网站栏目设置分析14

任务1.3　网站结构和网站类型16

1.3.1  网站结构设计17

1.3.2　网站的分类21

实训任务1.3  网站栏目设计与内容策划28

任务1.4  网页的构成32

1.4.1  网页的版面构成32

1.4.2  网页布局设计34

1.4.3  网页中色彩的应用40

实训任务1.4  网页的版面设计45

任务1.5  网站素材的准备49

1.5.1  字体的下载与安装50

1.5.2  导航素材的制作51

1.5.3  轮播图的制作53

1.5.4  图层分组54

1.5.5  导出网页素材55

实训任务1.5  网页素材的收集和处理55

同步测试58

项目小结60

项目2  表格布局的网页制作61

任务2.1  网页基本属性的设置及文本的编辑62

2.1.1  设置网页属性63

2.1.2  编辑网页文本66

2.1.3  插入水平线和版权符号68

实训任务2.1 “窑湾简介”网页的制作69

任务2.2  利用表格布局网页73

2.2.1  头部区表格的搭建75

2.2.2  横幅区表格的搭建77

2.2.3  主体内容区表格的搭建77

2.2.4  底部区表格的搭建78

实训任务2.2 “窑湾印象”网页布局框架的搭建79

任务2.3  插入图片等网页元素84

2.3.1  头部区背景图片的插入85

2.3.2  插入Logo图片86

2.3.3  插入天气预报的代码86

2.3.4  在导航中插入“鼠标经过图像”87

2.3.5  插入分割线和Banner图片88

2.3.6  在左边列中插入背景图片89

实训任务2.3 “窑湾印象”网页的制作90

任务2.4  表单网页的制作91

2.4.1  创建表单的过程分析92

2.4.2  创建“窑湾印象”在线留言表单网页93

实训任务2.4  用户注册页面的制作97

同步测试101

项目小结104

项目3  DIV+CSS布局的网页制作及上传105

任务3.1  DIV+CSS网页框架的制作107

3.1.1  头部区框架的搭建108

3.1.2  横幅区框架的搭建114

3.1.3  主体内容区框架的搭建116

3.1.4  底部区框架的搭建119

3.1.5  主体框架的细化120

实训任务3.1  制作“窑湾地理”网页框架124

任务3.2  在DIV+CSS框架中添加网页元素130

3.2.1  添加背景图片131

3.2.2  插入图片132

3.2.3  天气预报代码的添加133

3.2.4  应用无序列表添加网页头部区的导航134

3.2.5  应用定义列表添加主体内容区的二级导航138

实训任务3.2  在“窑湾地理”网页中添加网页元素143

任务3.3  网页视听效果的制作148

3.3.1  轮播效果的制作150

3.3.2 “鼠标经过图像”效果的制作151

3.3.3  滚动字幕的制作152

3.3.4  图片放大效果的制作154

3.3.5  透明flash效果的制作155

3.3.6  视频文件的添加157

实训任务3.3  在“窑湾首页”中添加视听效果158

任务3.4  超链接的创建160

3.4.1  图片链接的创建161

3.4.2  热点链接的创建163

3.4.3  文字链接的创建164

3.4.4  锚记链接的创建166

实训任务3.4  在“窑湾首页”中添加超链接167

任务3.5  域名注册和网站上传170

3.5.1  域名的注册171

3.5.2  上传到收费空间173

实训任务3.5  注册域名177

同步测试179

项目小结182

综合实训项目  小型网站的设计与制作183

任务1  网站素材的收集和草图的制作184

任务2  网站策划方案的撰写184

任务3  网页制作185

任务4  网站作品展示与互评186

任务5  网站测试与发布186

任务6  文档整理和提交187