目 录__eol__第1章 实践概述 1__eol__1.1 实践目标 1__eol__1.2 实践知识地图 1__eol__1.3 实施安排 6__eol__1.3.1 实验部分（技术专题） 6__eol__1.3.2 综合实践部分 11__eol__第2章 网页设计与制作 19__eol__2.1 实验目标 19__eol__2.2 实验任务 19__eol__2.3 设计思路 20__eol__2.4 实验实施（跟我做） 20__eol__2.4.1 步骤一：设计网页原型 20__eol__2.4.2 步骤二：设计页面效果 21__eol__2.4.3 步骤三：网页切图 22__eol__2.4.4 步骤四：网页设计 25__eol__第3章 开发工具（HBuilder） 26__eol__3.1 实验目标 26__eol__3.2 实验任务 26__eol__3.3 设计思路 26__eol__3.4 实验实施（跟我做） 27__eol__3.3.1 步骤一：下载并安装__eol__HBuilder 27__eol__3.3.2 步骤二：启动HBuilder 27__eol__3.3.3 步骤三：创建工程 28__eol__3.3.4 步骤四：创建HTML页面 29__eol__3.3.5 步骤五：编辑HTML文件 30__eol__3.3.6 步骤六：运行 30__eol__第4章 网站服务器部署__eol__（Apache服务器） 32__eol__4.1 实验目标 32__eol__4.2 实验任务 32__eol__4.3 设计思路 32__eol__4.4 实验实施（跟我做） 32__eol__4.3.1 步骤一：下载Apache 32__eol__4.3.2 步骤二：安装Apache 34__eol__4.3.3 步骤三：测试Apache 35__eol__第5章 HTML制作静态网页__eol__（新闻网站） 36__eol__5.1 实验目标 36__eol__5.2 实验任务 37__eol__5.3 设计思路 37__eol__5.4 实验实施（跟我做） 38__eol__5.4.1 步骤一：创建“登录”页面 38__eol__5.4.2 步骤二：添加“登录”__eol__页面内容 38__eol__5.4.3 步骤三：创建新闻首页和__eol__二级页面 39__eol__5.4.4 步骤四：添加新闻页面__eol__内容 39__eol__5.4.5 步骤五：实现页面跳转 42__eol__第6章 CSS设计页面样式__eol__（购物网站） 43__eol__6.1 实验目标 43__eol__6.2 实验任务 44__eol__6.3 设计思路 44__eol__6.4 实验实施（跟我做） 46__eol__6.4.1 步骤一：创建文件 46__eol__6.4.2 步骤二：链接到外部__eol__样式文件 46__eol__6.4.3 步骤三：导航栏样式 47__eol__6.4.4 步骤四：左边栏 48__eol__6.4.5 步骤五：右边栏 50__eol__6.4.6 步骤六：底边栏 51__eol__第7章 JavaScript开发交互效果页面__eol__（网页计算器） 53__eol__7.1 实验目标 53__eol__7.2 实验任务 54__eol__7.3 设计思路 54__eol__7.4 实验实施（跟我做） 56__eol__7.4.1 步骤一：HTML布局 56__eol__7.4.2 步骤二：CSS添加样式 57__eol__7.4.3 步骤三：JavaScript计算 59__eol__7.4.4 步骤四：扩展功能__eol__（验证正则表达式） 62__eol__第8章 jQuery开发交互效果页面__eol__（手机号抽奖） 64__eol__8.1 实验目标 64__eol__8.2 实验任务 65__eol__8.3 设计思路 65__eol__8.4 实验实施（跟我做） 66__eol__8.4.1 步骤一：页面构建 66__eol__8.4.2 步骤二：下载并引用jQuery__eol__和jQuery UI 67__eol__8.4.3 步骤三：随机生成10个__eol__手机号码 67__eol__8.4.4 步骤四：抽奖 68__eol__8.4.5 步骤五：重置抽奖 68__eol__第9章 CSS3新特性开发页面样式__eol__（微博网站） 70__eol__9.1 实验目标 70__eol__9.2 实验任务 70__eol__9.3 设计思路 71__eol__9.4 实验实施（跟我做） 72__eol__9.4.1 步骤一：搭建页面主体__eol__结构 72__eol__9.4.2 步骤二：搭建页面主体__eol__内容 73__eol__9.4.3 步骤三：添加正文内容 73__eol__9.4.4 步骤四：美化微博话题 75__eol__9.4.5 步骤五：对微博话题的字体__eol__进行美化 76__eol__9.4.6 步骤六：对微博话题的__eol__背景色进行美化 77__eol__第10章 HTML标签美化页面__eol__（课程信息管理系统） 78__eol__10.1 实验目标 78__eol__10.2 实验任务 79__eol__10.3 设计思路 80__eol__10.4 实验实施（跟我做） 81__eol__10.4.1 步骤一：搭建页面主体结构__eol__和内容 81__eol__10.4.2 步骤二：创建form表单和__eol__搜索框 82__eol__10.4.3 步骤三：创建班级列表 82__eol__10.4.4 步骤四：制作课程表__eol__子页面 82__eol__10.4.5 步骤五：使用