第一篇 基本技能篇__eol__任务1 网页体验—城市电子名片页面制作 1__eol__1.1 任务概述 2__eol__1.2 任务思考 3__eol__1.3 任务实施 3__eol__1.3.1 新建网页文件，添加内容 3__eol__1.3.2 链接CSS样式表 3__eol__1.3.3 添加JavaScript特效 4__eol__1.4 相关知识 4__eol__1.4.1 网页相关概念 4__eol__1.4.2 网页制作技术 6__eol__1.4.3 常用开发工具 6__eol__1.4.4 网站建设流程 8__eol__任务2 页面制作—人物介绍页面内容呈现 16__eol__2.1 任务概述 17__eol__2.2 任务思考 17__eol__2.3 任务实施 17__eol__2.3.1 新建网页文件 17__eol__2.3.2 人物介绍文本格式化 18__eol__2.3.3 添加人物图片 19__eol__2.4 相关知识 20__eol__2.4.1 HTML基础 20__eol__2.4.2 HTML标题元素 22__eol__2.4.3 HTML注释元素 23__eol__2.4.4 HTML段落元素 23__eol__2.4.5 HTML格式化元素 25__eol__2.4.6 HTML图片元素 29__eol__任务3 样式设计—人物介绍页面美化 32__eol__3.1 任务概述 33__eol__3.2 任务思考 33__eol__3.3 任务实施 33__eol__3.3.1 链接外部样式表 33__eol__3.3.2 设计样式 34__eol__3.4 相关知识 35__eol__3.4.1 CSS简介 35__eol__3.4.2 CSS语法 36__eol__3.4.3 CSS选择器 37__eol__3.4.4 CSS字体属性 39__eol__3.4.5 CSS文本属性 42__eol__3.4.6 CSS背景属性 44__eol__任务4 图文混排—人物介绍页面布局 50__eol__4.1 任务概述 51__eol__4.2 任务思考 51__eol__4.3 任务实施 51__eol__4.3.1 添加HTML元素 51__eol__4.3.2 图文混排布局 52__eol__4.4 相关知识 53__eol__4.4.1 元素分类 53__eol__4.4.2 CSS盒模型 54__eol__4.4.3 CSS布局模型 62__eol__4.4.4 清除浮动 71__eol__本篇小结 72__eol__第二篇 项目实战篇__eol__任务1 “英博特智能科技”企业网站前期策划 73__eol__1.1 项目立项 74__eol__1.1.1 分析“英博特智能科技”企业网站需求说明书 75__eol__1.1.2 组建项目团队 76__eol__1.2 撰写网站策划书 76__eol__1.2.1 分析确定网站逻辑结构图 78__eol__1.2.2 设计网站界面原型 78__eol__1.2.3 撰写企业网站策划书 82__eol__ __eol__任务2 “英博特智能科技”企业网站开发准备 85__eol__2.1 设计网站logo 85__eol__2.2 加工图像素材 90__eol__2.3 设计网站首页效果图 93__eol__2.3.1 设置页面大小 95__eol__2.3.2 规划首页内容，设计版式 96__eol__2.3.3 确定配色方案 98__eol__2.3.4 制作网站首页效果图 99__eol__2.4 裁切网站首页效果图 100__eol__2.4.1 创建首页切片 102__eol__2.4.2 编辑首页切片 104__eol__2.4.3 命名首页切片 105__eol__2.4.4 导出首页切片 105__eol__任务3 “英博特智能科技”企业网站首页页面制作 108__eol__3.1 首页整体布局 108__eol__3.1.1 新建项目 110__eol__3.1.2 搭建页面主体结构 110__eol__3.1.3 编写主体结构样式 111__eol__3.2 页头制作 113__eol__3.2.1 页头二列布局 114__eol__3.2.2 logo制作 115__eol__3.2.3 横向导航制作 116__eol__3.2.4 下拉菜单制作 116__eol__3.3 横幅广告制作 128__eol__3.3.1 插入图像 130__eol__3.3.2 样式设计 130__eol__3.3.3 图片放大特效 131__eol__3.4 公司优势制作 134__eol__3.4.1 搭建公司优势模块结构 135__eol__3.4.2 实现三列布局 135__eol__3.4.3 设置图像和文本样式 136__eol__3.5 关于我们制作 137__eol__3.5.1 搭建关于我们模块结构 138__eol__3.5.2 实现二列布局 139__eol__3.5.3 设置文本内容样式 139__eol__3.5.4 轮播图制作 140__eol__3.6 服务范围制作 144__eol__3.6.1 搭建服务范围模块结构 145__eol__3.6.2 实现列表项内部的两列布局 146__eol__3.6.3 实现服务范围弹性布局 147__eol__3.6.4 设置文本内容样式 147__eol__3.7 产品展示制作 148__eol__3.7.1 搭建产品展示模块结构 150__eol__3.7.2 实现三列布局 151__eol__3.7.3 设置文本内容样式 151__eol__3.7.4 设置CSS3过渡效果 151__eol__3.8 案例展示制作 155__eol__3.8.1 搭建案例展示模块结构 156__eol__3.8.2 实现三列布局 157__eol__3.8.3 设置文本内容样式 157__eol__3.8.4 设置CSS3转换效果 158__eol__3.9 新闻中心制作 162__eol__3.9.1 搭建新闻中心模块结构 164__eol__3.9.2 图片特效制作 165__eol__3.9.3 新闻列表制作 166__eol__3.10 合作伙伴制作 168__eol__3.10.1 搭建合作伙伴模块结构 169__eol__3.10.2 设置图片内容样式 170__eol__3.11 页尾制作 172__eol__3.11.1 搭建页尾模块结构 173__eol__3.11.2 分享内容制作 174__eol__3.11.3 联系我们制作 175__eol__3.11.4 版权内容制作 176__eol__3.12 客户服务制作 177__eol__3.12.1 搭建客户服务模块结构 178__eol__3.12.2 图片内容制作 179__eol__3.12.3 弹出菜单制作 179__eol__任务4 “英博特智能科技”企业网站二三级页面制作 183__eol__4.1 产品案例页面制作 183__eol__4.1.1 搭建页面结构 185__eol__4.1.2 竖向导航制作 188__eol__4.1.3 产品案例图文混排制作 190__eol__4.2 产品详细信息页面制作 202__eol__4.2.1 搭建页面结构 205__eol__4.2.2 图文内容设计 205__eol__4.2.3 数据表格设计 206__eol__4.2.4 编写相关样式 208__eol__4.3 应用场景详细信息页面制作 216__eol__4.3.1 搭建页面结构 217__eol__4.3.2 插入音视频 218__eol__4.4 留言页面制作 221__eol__4.4.1 搭建页面结构 223__eol__4.4.2 插入表单元素 223__eol__4.4.3 编写表单样式 224__eol__任务5 “英博特智能科技”企业网站测试与发布 233__eol__5.1 网站测试 233__eol__5.1.1 整体界面测试 234__eol__5.1.2 超链接测试 234__eol__5.1.3 图形测试 234__eol__5.1.4 内容测试 234__eol__5.1.5 浏览器兼容性测试 235__eol__5.1.6 打印机测试 236__eol__5.1.7 显示代码合法性检查 236__eol__5.2 网站发布 252__eol__5.2.1 安装本地服务器 253__eol__5.2.2 在IIS中发布和访问网站 255__eol__5.2.3 申请域名 257__eol__5.2.4 申请虚拟主机 261__eol__5.2.5 使用FTP管理文件 262__eol__任务6 “英博特智能科技”企业网站宣传推广与维护 267__eol__6.1 网站宣传推广 267__eol__6.1.1 搜索引擎推广 269__eol__6.1.2 电子邮件推广 270__eol__6.1.3 网络广告推广 271__eol__6.1.4 分类信息