工业和信息化“十三五”人才培养规划教材

网页设计与制作项目教程(HTML+CSS+JavaScript)

网站开发
分享 推荐 13 收藏 60 阅读 10.4K
黑马程序员 (作者)

关于本书的内容有任何问题,请联系 范博涛

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

内容摘要

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

目录

项目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.<span>标记 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.<table>标记的属性 171
3.<tr>标记的属性 175
4.<td>标记的属性 176
5.<th>标记及其属性 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

读者评论

  • 本书配套视频、PPT、教学设计、教学大纲资源的试看链接:

    http://yuanxiao.boxuegu.com/textbook/app/#/book/details/9d14478541aa43dab8ad575eff6da135

    置顶 范博涛发表于 2018/6/11 16:12:45
    • @666feng 同学,源代码你可以自己下载。

      范博涛发表于 2018/7/4 17:50:55
    • 你好,我需要源代码,以便程序出错时对照。买的咱们的SSM框架书就是在源代码的指导下完成学习的,有写代码和资源书篇幅有限,说是让上网找咱们的资源

      666feng发表于 2018/7/4 10:12:04
  • 你好,我需要本书的ppt里面的小视频,如何获取?

    ganggao720421@163.com发表于 2018/7/5 10:40:24
    • 您好,视频资源请您点击置顶评论中的链接进行获取。

      人邮教育专员发表于 2018/7/5 10:43:08
  • 这本书很不错,内容和案例安排都很到位,很适合高职学生使用。我们学院今年已经是第三次给学生订购这本教材了。强力推荐高职学生使用。

    flyhigh发表于 2018/7/5 8:42:05
  • 加书本上的QQ/微信一直没通过 想获取书上的相关素材

    miimoom发表于 2018/5/23 22:55:00
    • 您好,已经将问题反馈给编辑老师,稍后给您回复。

      人邮教育专员发表于 2018/5/24 8:19:24
  • 本书的flash和视频如何获取?

    sgjtut发表于 2018/5/21 14:47:58
    • 您好,稍后会有负责老师和您联系。

      人邮教育专员发表于 2018/5/21 15:21:47

我要评论

作者介绍

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

同系列书

购买本书用户

相关图书

  • 计算机网络技术(第4版)

    徐立新 吕书波 邵明珠 马同伟 解瑞云 王明斐

    本书是针对高等学校计算机网络技术基础和计算机网络组网工程与实践课程编写的一本技术应用型教材,全书共包括12章,...

    ¥49.80
  • Spring Cloud 微服务分布式架构开发实战

    肖睿 陈昊 王社 胡艳蓉 邓小飞

    本书围绕票务网站大觅网项目的业务场景,对当下流行的Spring Cloud微服务架构进行实战式讲解。 全书共...

    ¥39.80
  • 计算机网络与因特网 (第6版)

    Douglas E.Comer

    本书在前几版的基础上进行了全面的修订与更新,系统介绍了计算机网络各方面的知识,全面翔实地讲解网络底层细节,并增...

    ¥108.00
  • HTML+CSS+DIV网页设计与布局(第2版)(微课版)

    聂斌

    本书在第1版的基础上进行了知识更新和修改。以HTML语言为基础,分为4部分。第1部分(第1章)为基础知识篇;第...

    ¥59.80
  • 计算机科学概论(第2版)

    聂永萍

    本书是根据“教育部非计算机专业计算机基础课程教学指导分委员会”提出的《关于进一步加强高校计算机基础教学的意见》...

    ¥49.80