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

第一篇 基本技能篇
任务1 网页体验―城市电子名片页面制作\t1
1．1 任务概述\t2
1．2 任务思考\t3
1．3 任务实施\t3
1．3．1 新建网页文件，添加内容\t3
1．3．2 链接CSS样式表\t3
1．3．3 添加JavaScript特效\t4
1．4 相关知识\t4
1．4．1 网页相关概念\t4
1．4．2 网页制作技术\t6
1．4．3 常用开发工具\t6
1．4．4 网站建设流程\t8
任务2 页面制作―人物介绍页面内容呈现\t16
2．1 任务概述\t17
2．2 任务思考\t17
2．3 任务实施\t17
2．3．1 新建网页文件\t17
2．3．2 人物介绍文本格式化\t18
2．3．3 添加人物图片\t19
2．4 相关知识\t20
2．4．1 HTML基础\t20
2．4．2 HTML标题元素\t22
2．4．3 HTML注释元素\t23
2．4．4 HTML段落元素\t23
2．4．5 HTML格式化元素\t25
2．4．6 HTML图片元素\t29
任务3 样式设计―人物介绍页面美化\t32
3．1 任务概述\t33
3．2 任务思考\t33
3．3 任务实施\t33
3．3．1 链接外部样式表\t33
3．3．2 设计样式\t34
3．4 相关知识\t35
3．4．1 CSS简介\t35
3．4．2 CSS语法\t36
3．4．3 CSS选择器\t37
3．4．4 CSS字体属性\t39
3．4．5 CSS文本属性\t42
3．4．6 CSS背景属性\t44
任务4 图文混排―人物介绍页面布局\t50
4．1 任务概述\t51
4．2 任务思考\t51
4．3 任务实施\t51
4．3．1 添加HTML元素\t51
4．3．2 图文混排布局\t52
4．4 相关知识\t53
4．4．1 元素分类\t53
4．4．2 CSS盒模型\t54
4．4．3 CSS布局模型\t62
4．4．4 清除浮动\t71
本篇小结\t72
第二篇 项目实战篇
任务1 “英博特智能科技”企业网站前期策划\t73
1．1 项目立项\t74
1．1．1 分析“英博特智能科技”企业网站需求说明书\t75
1．1．2 组建项目团队\t76
1．2 撰写网站策划书\t76
1．2．1 分析确定网站逻辑结构图\t78
1．2．2 设计网站界面原型\t78
1．2．3 撰写企业网站策划书\t82
任务2 “英博特智能科技”企业网站开发准备\t85
2．1 设计网站logo\t85
2．2 加工图像素材\t90
2．3 设计网站首页效果图\t93
2．3．1 设置页面大小\t95
2．3．2 规划首页内容，设计版式\t96
2．3．3 确定配色方案\t98
2．3．4 制作网站首页效果图\t99
2．4 裁切网站首页效果图\t100
2．4．1 创建首页切片\t102
2．4．2 编辑首页切片\t104
2．4．3 命名首页切片\t105
2．4．4 导出首页切片\t105
任务3 “英博特智能科技”企业网站首页页面制作\t108
3．1 首页整体布局\t108
3．1．1 新建项目\t110
3．1．2 搭建页面主体结构\t110
3．1．3 编写主体结构样式\t111
3．2 页头制作\t113
3．2．1 页头二列布局\t114
3．2．2 logo制作\t115
3．2．3 横向导航制作\t116
3．2．4 下拉菜单制作\t116
3．3 横幅广告制作\t128
3．3．1 插入图像\t130
3．3．2 样式设计\t130
3．3．3 图片放大特效\t131
3．4 公司优势制作\t134
3．4．1 搭建公司优势模块结构\t135
3．4．2 实现三列布局\t135
3．4．3 设置图像和文本样式\t136
3．5 关于我们制作\t137
3．5．1 搭建关于我们模块结构\t138
3．5．2 实现二列布局\t139
3．5．3 设置文本内容样式\t139
3．5．4 轮播图制作\t140
3．6 服务范围制作\t144
3．6．1 搭建服务范围模块结构\t145
3．6．2 实现列表项内部的两列布局\t146
3．6．3 实现服务范围弹性布局\t147
3．6．4 设置文本内容样式\t147
3．7 产品展示制作\t148
3．7．1 搭建产品展示模块结构\t150
3．7．2 实现三列布局\t151
3．7．3 设置文本内容样式\t151
3．7．4 设置CSS3过渡效果\t151
3．8 案例展示制作\t155
3．8．1 搭建案例展示模块结构\t156
3．8．2 实现三列布局\t157
3．8．3 设置文本内容样式\t157
3．8．4 设置CSS3转换效果\t158
3．9 新闻中心制作\t162
3．9．1 搭建新闻中心模块结构\t164
3．9．2 图片特效制作\t165
3．9．3 新闻列表制作\t166
3．10 合作伙伴制作\t168
3．10．1 搭建合作伙伴模块结构\t169
3．10．2 设置图片内容样式\t170
3．11 页尾制作\t172
3．11．1 搭建页尾模块结构\t173
3．11．2 分享内容制作\t174
3．11．3 联系我们制作\t175
3．11．4 版权内容制作\t176
3．12 客户服务制作\t177
3．12．1 搭建客户服务模块结构\t178
3．12．2 图片内容制作\t179
3．12．3 弹出菜单制作\t179
任务4 “英博特智能科技”企业网站二三级页面制作\t183
4．1 产品案例页面制作\t183
4．1．1 搭建页面结构\t185
4．1．2 竖向导航制作\t188
4．1．3 产品案例图文混排制作\t190
4．2 产品详细信息页面制作\t202
4．2．1 搭建页面结构\t205
4．2．2 图文内容设计\t205
4．2．3 数据表格设计\t206
4．2．4 编写相关样式\t208
4．3 应用场景详细信息页面制作\t216
4．3．1 搭建页面结构\t217
4．3．2 插入音视频\t218
4．4 留言页面制作\t221
4．4．1 搭建页面结构\t223
4．4．2 插入表单元素\t223
4．4．3 编写表单样式\t224
任务5 “英博特智能科技”企业网站测试与发布\t233
5．1 网站测试\t233
5．1．1 整体界面测试\t234
5．1．2 超链接测试\t234
5．1．3 图形测试\t234
5．1．4 内容测试\t234
5．1．5 浏览器兼容性测试\t235
5．1．6 打印机测试\t236
5．1．7 显示代码合法性检查\t236
5．2 网站发布\t252
5．2．1 安装本地服务器\t253
5．2．2 在IIS中发布和访问网站\t255
5．2．3 申请域名\t257
5．2．4 申请虚拟主机\t261
5．2．5 使用FTP管理文件\t262
任务6 “英博特智能科技”企业网站宣传推广与维护\t267
6．1 网站宣传推广\t267
6．1．1 搜索引擎推广\t269
6．1．2 电子邮件推广\t270
6．1．3 网络广告推广\t271
6．1．4 分类信息推广\t271
6．1．5 微信推广\t272
6．1．6 搜索引擎优化工具\t272
6．2 网站维护\t278
6．2．1 网站日常维护\t279
6．2．2 网站内容维护\t280
6．2．3 网站安全维护\t280
6．2．4 网站基础维护\t280
6．2．5 网站服务与回馈\t280
任务7 “英博特智能科技”企业网站项目总结\t283
7．1 文档的书写与整理\t283
7．1．1 撰写网站说明书\t284
7．1．2 整理文档\t285
7．2 网站展示、交流与评价\t285
7．2．1 讨论交流\t286
7．2．2 小组自评、互评\t286
本篇小结\t287
第三篇 岗位能力强化篇
任务1 HTML制作静态网页\t288
3．1．1 任务概述\t289
3．1．2 任务分析\t290
3．1．3 任务实施\t291
任务2 HTML实现静态页面内容的呈现\t292
3．2．1 任务概述\t293
3．2．2 任务分析\t294
3．2．3 任务实施\t294
任务3 CSS实现网页整体布局\t295
3．3．1 任务概述\t296
3．3．2 任务分析\t296
3．3．3 任务实施\t296
任务4 CSS设计页面样式\t297
3．4．1 任务概述\t298
3．4．2 任务分析\t298
3．4．3 任务实施\t299
任务5 CSS3实现页面动态交互效果\t300
3．5．1 任务概述\t301
3．5．2 任务分析\t301
3．5．3 任务实施\t301
任务6 HTML5制作移动端静态网页\t302
3．6．1 任务概述\t302
3．6．2 任务分析\t303
3．6．3 任务实施\t304
任务7 HTML5优化移动端静态网页结构\t305
3．7．1 任务概述\t306
3．7．2 任务分析\t306
3．7．3 任务实施\t307
任务8 CSS3新特性制作移动端网页加载动画\t308
3．8．1 任务概述\t309
3．8．2 任务分析\t309
3．8．3 任务实施\t310
任务9 CSS3新特性美化移动端页面样式\t311
3．9．1 任务概述\t311
3．9．2 任务分析\t312
3．9．3 任务实施\t313
任务10 CSS3自定义资源美化移动端页面元素\t314
3．10．1 任务概述\t315
3．10．2 任务分析\t315
3．10．3 任务实施\t316
本篇小结\t316