网站设计与网页制作立体化项目教程（第4版）

图书标准信息

• 作者 何福男
• 出版社 电子工业出版社
• 出版时间 2022-07
• 版次 1
• ISBN 9787121438905
• 定价 59.80元
• 装帧 其他
• 开本 16开
• 页数 328页
• 字数 525千字

【内容简介】

本书通过苏州英博特智能科技有限公司官网的设计与制作，为读者全面展示了网站设计与网页制作的基本知识，让没有网页制作基础的读者可以轻松地制作出自己心目中的网站。本书第一篇基本技能篇通过制作城市电子名片网页和爱国科学家钱学森先生的个人介绍页面，使读者快速掌握网页制作的基础知识，包括网页制作技术、常用开发工具、网站建设流程、HTML和CSS的基础知识。第二篇项目实战篇按照网站开发的一般流程，制作苏州英博特智能科技有限公司官网，包括网站前期策划、网站开发准备、首页页面制作、二三级页面制作、网站测试与发布、宣传推广与维护及项目总结七个任务，使读者在巩固网页制作技能的同时，进一步掌握HTML5和CSS3的新特性，实现更复杂的页面样式变化及一些交互效果，能够制作具有更好的交互性和用户体验的网页。第三篇岗位能力强化篇结合1+X职业技能证书Web前端开发（初级）的考核要求，以任务为驱动，针对HTML、CSS等重要知识单元，结合实际案例和应用环境进行分析和设计，使读者能够真正掌握这些知识单元在实际场景中的应用。本书配套资源包括书中所有任务案例素材及效果、电子课件，可登录华信教育资源网注册后免费下载。本书同时配有97段微课视频、电子活页、能力拓展和在线测试，可在书中二维码处扫码学习。本书是专门为高等职业教育计算机类、艺术设计类和电子商务类等专业编写的网站设计与网页制作课程的专业教材，也可作为考取1+X职业技能证书Web前端开发（初级）的培训材料。

【作者简介】

何福男，1988.8 苏州工业职业技术学院 工作至今，先后担任过基础教研室主任、软件教研室主任、计算机应用专业带头人，系教学副主任、软件与服务外包学院副院长、教务处处长等工作。作为课程负责人、主讲老师，完成了《C#程序设计》《网站设计与网页制作》两门院级精品课程和“十三五”国规教材的建设工作。

【目录】

第一篇  基本技能篇

任务1  网页体验—城市电子名片页面制作1

1.1  任务概述2

1.2  任务思考3

1.3  任务实施3

1.3.1  新建网页文件，添加内容3

1.3.2  链接CSS样式表3

1.3.3  添加JavaScript特效4

1.4  相关知识4

1.4.1  网页相关概念4

1.4.2  网页制作技术6

1.4.3  常用开发工具6

1.4.4  网站建设流程8

任务2  页面制作—人物介绍页面内容呈现16

2.1  任务概述17

2.2  任务思考17

2.3  任务实施17

2.3.1  新建网页文件17

2.3.2  人物介绍文本格式化18

2.3.3  添加人物图片19

2.4  相关知识20

2.4.1  HTML基础20

2.4.2  HTML标题元素22

2.4.3  HTML注释元素23

2.4.4  HTML段落元素23

2.4.5  HTML格式化元素25

2.4.6  HTML图片元素29

任务3  样式设计—人物介绍页面美化32

3.1  任务概述33

3.2  任务思考33

3.3  任务实施33

3.3.1  链接外部样式表33

3.3.2  设计样式34

3.4  相关知识35

3.4.1  CSS简介35

3.4.2  CSS语法36

3.4.3  CSS选择器37

3.4.4  CSS字体属性39

3.4.5  CSS文本属性42

3.4.6  CSS背景属性44

任务4  图文混排—人物介绍页面布局50

4.1  任务概述51

4.2  任务思考51

4.3  任务实施51

4.3.1  添加HTML元素51

4.3.2  图文混排布局52

4.4  相关知识53

4.4.1  元素分类53

4.4.2  CSS盒模型54

4.4.3  CSS布局模型62

4.4.4  清除浮动71

本篇小结72

第二篇  项目实战篇

任务1 “英博特智能科技”企业网站前期策划73

1.1  项目立项74

1.1.1  分析“英博特智能科技”企业网站需求说明书75

1.1.2  组建项目团队76

1.2  撰写网站策划书76

1.2.1  分析确定网站逻辑结构图78

1.2.2  设计网站界面原型78

1.2.3  撰写企业网站策划书82

任务2 “英博特智能科技”企业网站开发准备85

2.1  设计网站logo85

2.2  加工图像素材90

2.3  设计网站首页效果图93

2.3.1  设置页面大小95

2.3.2  规划首页内容，设计版式96

2.3.3  确定配色方案98

2.3.4  制作网站首页效果图99

2.4  裁切网站首页效果图100

2.4.1  创建首页切片102

2.4.2  编辑首页切片104

2.4.3  命名首页切片105

2.4.4  导出首页切片105

任务3 “英博特智能科技”企业网站首页页面制作108

3.1  首页整体布局108

3.1.1  新建项目110

3.1.2  搭建页面主体结构110

3.1.3  编写主体结构样式111

3.2  页头制作113

3.2.1  页头二列布局114

3.2.2  logo制作115

3.2.3  横向导航制作116

3.2.4  下拉菜单制作116

3.3  横幅广告制作128

3.3.1  插入图像130

3.3.2  样式设计130

3.3.3  图片放大特效131

3.4  公司优势制作134

3.4.1  搭建公司优势模块结构135

3.4.2  实现三列布局135

3.4.3  设置图像和文本样式136

3.5  关于我们制作137

3.5.1  搭建关于我们模块结构138

3.5.2  实现二列布局139

3.5.3  设置文本内容样式139

3.5.4  轮播图制作140

3.6  服务范围制作144

3.6.1  搭建服务范围模块结构145

3.6.2  实现列表项内部的两列布局146

3.6.3  实现服务范围弹性布局147

3.6.4  设置文本内容样式147

3.7  产品展示制作148

3.7.1  搭建产品展示模块结构150

3.7.2  实现三列布局151

3.7.3  设置文本内容样式151

3.7.4  设置CSS3过渡效果151

3.8  案例展示制作155

3.8.1  搭建案例展示模块结构156

3.8.2  实现三列布局157

3.8.3  设置文本内容样式157

3.8.4  设置CSS3转换效果158

3.9  新闻中心制作162

3.9.1  搭建新闻中心模块结构164

3.9.2  图片特效制作165

3.9.3  新闻列表制作166

3.10  合作伙伴制作168

3.10.1  搭建合作伙伴模块结构169

3.10.2  设置图片内容样式170

3.11  页尾制作172

3.11.1  搭建页尾模块结构173

3.11.2  分享内容制作174

3.11.3  联系我们制作175

3.11.4  版权内容制作176

3.12  客户服务制作177

3.12.1  搭建客户服务模块结构178

3.12.2  图片内容制作179

3.12.3  弹出菜单制作179

任务4 “英博特智能科技”企业网站二三级页面制作183

4.1  产品案例页面制作183

4.1.1  搭建页面结构185

4.1.2  竖向导航制作188

4.1.3  产品案例图文混排制作190

4.2  产品详细信息页面制作202

4.2.1  搭建页面结构205

4.2.2  图文内容设计205

4.2.3  数据表格设计206

4.2.4  编写相关样式208

4.3  应用场景详细信息页面制作216

4.3.1  搭建页面结构217

4.3.2  插入音视频218

4.4  留言页面制作221

4.4.1  搭建页面结构223

4.4.2  插入表单元素223

4.4.3  编写表单样式224

任务5 “英博特智能科技”企业网站测试与发布233

5.1  网站测试233

5.1.1  整体界面测试234

5.1.2  超链接测试234

5.1.3  图形测试234

5.1.4  内容测试234

5.1.5  浏览器兼容性测试235

5.1.6  打印机测试236

5.1.7  显示代码合法性检查236

5.2  网站发布252

5.2.1  安装本地服务器253

5.2.2  在IIS中发布和访问网站255

5.2.3  申请域名257

5.2.4  申请虚拟主机261

5.2.5  使用FTP管理文件262

任务6 “英博特智能科技”企业网站宣传推广与维护267

6.1  网站宣传推广267

6.1.1  搜索引擎推广269

6.1.2  电子邮件推广270

6.1.3  网络广告推广271

6.1.4  分类信息推广271

6.1.5  微信推广272

6.1.6  搜索引擎优化工具272

6.2  网站维护278

6.2.1  网站日常维护279

6.2.2  网站内容维护280

6.2.3  网站安全维护280

6.2.4  网站基础维护280

6.2.5  网站服务与回馈280

任务7 “英博特智能科技”企业网站项目总结283

7.1  文档的书写与整理283

7.1.1  撰写网站说明书284

7.1.2  整理文档285

7.2  网站展示、交流与评价285

7.2.1  讨论交流286

7.2.2  小组自评、互评286

本篇小结287

第三篇  岗位能力强化篇

任务1  HTML制作静态网页288

3.1.1  任务概述289

3.1.2  任务分析290

3.1.3  任务实施291

任务2  HTML实现静态页面内容的呈现292

3.2.1  任务概述293

3.2.2  任务分析294

3.2.3  任务实施294

任务3  CSS实现网页整体布局295

3.3.1  任务概述296

3.3.2  任务分析296

3.3.3  任务实施296

任务4  CSS设计页面样式297

3.4.1  任务概述298

3.4.2  任务分析298

3.4.3  任务实施299

任务5  CSS3实现页面动态交互效果300

3.5.1  任务概述301

3.5.2  任务分析301

3.5.3  任务实施301

任务6  HTML5制作移动端静态网页302

3.6.1  任务概述302

3.6.2  任务分析303

3.6.3  任务实施304

任务7  HTML5优化移动端静态网页结构305

3.7.1  任务概述306

3.7.2  任务分析306

3.7.3  任务实施307

任务8  CSS3新特性制作移动端网页加载动画308

3.8.1  任务概述309

3.8.2  任务分析309

3.8.3  任务实施310

任务9  CSS3新特性美化移动端页面样式311

3.9.1  任务概述311

3.9.2  任务分析312

3.9.3  任务实施313

任务10  CSS3自定义资源美化移动端页面元素314

3.10.1  任务概述315

3.10.2  任务分析315

3.10.3  任务实施316

本篇小结316