计与制作项目教程：HTML+CSS+JavaScript

项目1 网页制作基础知识 1 【任务1-1】  了解Web基本概念  2 需求分析  2 知识储备  2 1．认识网页  2 2．网页相关名词  4 3．Web标准  5 【任务1-2】  网页制作入门  6 需求分析  6 知识储备  6 1．HTML简介  6 2．CSS简介  8 3．JavaScript简介  9 4．常见浏览器介绍  9 【任务1-3】  Dreamweaver工具的   使用  11 需求分析  11 知识储备  11 1．Dreamweaver界面介绍  11 2．Dreamweaver初始化设置  15 3．创建个网页  17 【项目总结】  19 【课后练习】  19 项目2  “说旅游”专题页制作  21 【项目描述】  22 【任务2-1】  认识HTML  23 需求分析  23 知识储备  23 1．HTML文档基本格式  23 2．HTML标记  24 3．标记的属性  26 4．HTML文档头部相关标记  27 【任务2-2】  HTML文本控制标记  29 需求分析  29 知识储备  29 1．标题和段落标记  29 2．文本样式标记（font）  32 3．文本格式化标记  33 4．特殊字符标记  34 知识拓展  35 【任务2-3】  HTML图像标记  36 需求分析  36 知识储备  36 1．常用图像格式  36 2．图像标记  37 3．相对路径与绝对路径  40 知识拓展  41 【任务2-4】  准备工作与页面布局  42 准备工作  42 页面结构分析  44 页面布局  45 【任务2-5】  制作“头部”模块  46 效果分析  46 模块制作  46 【任务2-6】  制作“伊露岛介绍”模块  47 效果分析  47 模块制作  47 【任务2-7】  制作“伊露岛推荐”   模块  48 效果分析  48 模块制作  49 【任务2-8】  制作“驴友评论”模块  50 效果分析  50 模块制作  51 【任务2-9】  制作“页脚”模块  52 效果分析  52 模块制作  53 【项目总结】  54 【课后练习】  54 项目3  “网上花店”专题页制作  56 【项目描述】  57 【任务3-1】  CSS核心基础  58 需求分析  58 知识储备  58 1．CSS样式规则  58 2．引入CSS样式表  59 3．CSS基础选择器  63 【任务3-2】  CSS控制文本样式  65 需求分析  65 知识储备  65 1．CSS字体样式属性  65 2．CSS文本外观属性  68 知识拓展  71 【任务3-3】  CSS高级特性  71 需求分析  71 知识储备  72 1．CSS复合选择器  72 2．CSS层叠性与继承性  74 3．CSS优先级  75 【任务3-4】  布局及定义基础样式  78 准备工作  78 效果分析  79 定义基础样式  80 【任务3-5】  制作“标题”模块  81 效果分析  81 模块制作  81 【任务3-6】  制作“分类”模块  82 效果分析  82 模块制作  83 【任务3-7】  制作“热卖”模块  84 效果分析  84 模块制作  85 【任务3-8】  制作“页脚”模块  86 效果分析  86 模块制作  87 【项目总结】  88 【课后练习】  88 项目4  “青春树儿童摄影网”首页 制作  91 【项目描述】  92 【任务4-1】  认识盒子模型  93 需求分析  93 知识储备  93 认识盒子模型  93 【任务4-2】  盒子模型相关属性  94 需求分析  94 知识储备  95 1．边框属性  95 2．内边距属性  100 3．外边距属性  101 4．背景属性  103 5．盒子的宽与高  107 【任务4-3】  元素的类型与转换  108 需求分析  108 知识储备  109 1．元素的类型  109 2．标记  111 3．元素的转换  112 知识拓展  114 【任务4-4】  元素的浮动  116 需求分析  116 知识储备  117 1．元素的浮动属性  117 2．清除浮动  119 3．overflow属性  124 【任务4-5】  元素的定位  126 需求分析  126 知识储备  126 1．元素的定位属性  126 2．静态定位  126 3．相对定位  127 4．绝对定位  128 5．固定定位  129 6．z-index层叠等级属性  129 【任务4-6】  布局及定义基础样式  130 准备工作  130 效果分析  131 定义基础样式  131 【任务4-7】  制作“导航”及“banner”   模块  132 效果分析  132 模块制作  133 【任务4-8】  制作“近期新动态”模块  135 效果分析  135 模块制作  135 【任务4-9】  制作“样片欣赏”模块  137 效果分析  137 模块制作  138 【任务4-10】  制作“页脚”及“悬浮框”   模块  139 效果分析  139 模块制作  139 【项目总结】  140 【课后练习】  140 项目5  “穿搭速递”首页制作  142 【项目描述】  143 【任务5-1】  列表标记  143 需求分析  143 知识储备  144 1．无序列表ul  144 2．有序列表ol  144 3．定义列表dl  145 4．列表的嵌套应用  146 【任务5-2】  CSS控制列表样式  147 需求分析  147 知识储备  147 1．list-style复合属性  147 2．背景图像定义列表项目符号  148 【任务5-3】  超链接标记  149 需求分析  149 知识储备  149 1．创建超链接  149 2．锚点链接  150 3．链接伪类控制超链接  152 【任务5-4】  布局及定义基础样式  154 准备工作  154 效果分析  155 定义基础样式  155 【任务5-5】  制作“头部”导航模块  156 效果分析  156 模块制作  156 【任务5-6】  制作“banner”和   “精品展示”模块  158 效果分析  158 模块制作  159 【任务5-7】  制作“潮流前沿”模块  162 效果分析  162 模块制作  162 【任务5-8】  制作“版权信息”模块  164 效果分析  164 模块制作  165 【项目总结】  166 【课后练习】  166 项目6  “千年之恋”注册页面制作  168 【项目描述】  169 【任务6-1】  认识表格相关标记  170 需求分析  170 知识储备  170 1．表格的创建  170 2．标记的属性  171 3．标记的属性  175 4．标记的属性  176 5．标记及其属性  177 【任务6-2】  CSS控制表格样式  178 需求分析  178 知识储备  178 1．CSS控制表格边框  178 2．CSS控制单元格边距  179 3．CSS控制单元格的宽高  181 【任务6-3】  认识表单  182 需求分析  182 知识储备  182 1．初识表单  182 2．创建表单  183 【任务6-4】  表单控件  184 需求分析  184 知识储备  184 1．input控件  184 2．textarea控件  188 3．select控件  189 【任务6-5】  CSS控制表单样式  192 需求分析  192 知识储备  192 CSS控制表单样式  192 【任务6-6】  布局及定义基础样式  194 准备工作  194 效果分析  195 定义基础样式  196 【任务6-7】  制作头部及导航模块  197 效果分析  197 模块制作  197 【任务6-8】  制作“banner”及“内容”   模块  199 效果分析  199 模块制作  200 【任务6-9】  制作“页脚”模块  204 效果分析  204 模块制作  204 【项目总结】  205 【课后练习】  205 项目7  “赶快回家网”首页制作  207 【项目描述】  208 【任务7-1】  JavaScript概述  209 需求分析  209 知识储备  209 1．JavaScript简介  209 2．JavaScript引入方式  210 3．JavaScript基本语法  212 4．一个简单的JavaScript程序  213 【任务7-2】  JavaScript语言基础  214 需求分析  214 知识储备  214 1．关键字和标识符  214 2．变量和数据类型  215 3．运算符和表达式  218 【任务7-3】  流程控制语句  224 需求分析  224 知识储备  224 1．条件语句  224 2．循环语句  229 3．跳转语句  232 【任务7-4】  函数  234 需求分析  234 知识储备  234 1．初识函数  234 2．函数的调用  235 3．函数中变量的作用域  235 【任务7-5】  布局及定义基础样式  236 准备工作  237 效果分析  237 定义基础样式  237 【任务7-6】  制作“头部”模块  239 效果分析  239 模块制作  240 【任务7-7】  制作“导航”模块  243 效果分析  243 模块制作  243 【任务7-8】  制作“banner”和“时间”   模块  245 效果分析  245 模块制作  246 【任务7-9】  制作“客运信息”模块  248 效果分析  248 模块制作  249 【任务7-10】  制作“底部”模块  252 效果分析  252 模块制作  252 【项目总结】  253 【课后练习】  253 项目8  “学好英语网”首页制作  255 【项目描述】  256 【任务8-1】  认识对象  257 需求分析  257 知识储备  257 1．什么是对象  257 2．对象的属性和方法  257 3．创建和删除对象  257 4．内置对象  259 【任务8-2】  Array数组对象  263 需求分析  263 知识储备  263 1．初识数组  263 2．数组的常见操作  264 3．数组的常用属性和方法  266 4．二维数组  268 【任务8-3】  BOM与DOM对象  269 需求分析  269 知识储备  269 1．BOM对象  269 2．DOM对象  275 【任务8-4】  事件处理  281 需求分析  281 知识储备  281 1．什么是事件  281 2．事件处理程序的调用  281 3．鼠标事件  283 4．键盘事件  284 5．表单事件  286 6．页面事件  287 【任务8-5】  布局及定义基础样式  289 准备工作  289 效果分析  289 定义基础样式  290 【任务8-6】  制作“头部”及“导航”   模块  292 效果分析  292 模块制作  292 【任务8-7】  制作“banner”模块  294 效果分析  294 模块制作  294 【任务8-8】  制作“简介”模块  297 效果分析  297 模块制作  298 【任务8-9】  制作“课程特色”模块  301 效果分析  301 模块制作  301 【任务8-10】  制作“页脚”模块  306 效果分析  306 模块制作  306 【项目总结】  307 【课后练习】  307

黑马程序员，传智播客旗下高端IT教育品牌，成立于2006年，它是由中国Java培训靠前人张孝祥老师发起，联合优选优选的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养很好软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业。

1. 本书更加注重知识性与实践性的结合，在各个章节中，先以项目标题串讲基本知识点，再辅以案例讲授，让读者对前面所学知识加深印象，在章节末尾设置了“课后练习”让读者实际动手，对本章知识活学活用； 2. 除项目一以外，其他章节为一个独立项目，包括了旅游专题页、网上花店专题页、儿童摄影专业页、穿搭速递专题页等，这些项目既活泼又适合学习，并配以情景描述，可以激发读者的学习兴趣。 3. 传智播客配套有大量教辅资源，本书提供免费教学资源，包括8 个精美教学PPT、7 个补充项目、1000 道测试题、长达25 小时的教学视频等。

全书分为8个项目，结合HTML、CSS和JavaScript的基础知识及应用，提供了7种不同类型的网页设计案例。其中，项目1介绍了HTML、CSS以及JavaScript的基础知识，包括Web基本概念、Dreamweaver工具的使用等；项目2至项目8为7个完整的网页设计项目，涉及“旅游”“网店”“儿童摄影”“服装”“网络交友”“订购车票”“学习英语”等多个方向，有助于学生掌握不同网站的设计风格和制作技巧。全书以项目为导向，通过项目将章节知识点贯串起来，学完一章内容就能制作一个完整的项目页面，能大大激发学生的学习兴趣。 本书附有源代码、习题、课件等教学资源，而且为了帮助初学者更好地学习本书讲解的内容，还提供了在线答疑，希望可以帮助更多读者。 本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的教材。

定价：为出版社全国统一定价；

文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；

新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。

本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：本店所有页面上的绝对化用词与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。因极限用词引起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。