|
关于我们
 新书资讯 新书推荐 |
网页设计与制作项目教程（HTML+CSS+JavaScript）（第2版） 
定 价：59.8 元
9 7 5 8 6 7 5 1 9 1 8 5 3 
本书从初学者的角度出发，以实用的案例、通俗易懂的语言详细介绍了使用HTML、CSS及JavaScript进行网页制作的一般技巧。
本书分为8个项目，结合HTML、CSS和JavaScript的基础知识及应用，提供了7种不同类型的网页设计案例。其中，项目1介绍了HTML、CSS和JavaScript的基础知识，包括Web基本概念、HTML简介、CSS简介、JavaScript简介、Dreamweaver工具的使用等；项目2～项目8为7个完整的网页设计项目，涉及“博客”“网店”“家居”“教育”“婚恋”“视频”“美食”多个方向，有助于读者掌握不同网站的设计风格和制作技巧。本书以项目为导向，通过项目将相关知识点串联起来，学完项目内容就能基本掌握如何制作一个完整的项目页面，从而极大地激发读者的学习兴趣。
本书附有源代码、习题、教学课件等资源，并且为了帮助初学者更好地学习，编者还提供了在线答疑，希望可以帮助更多的读者。
本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，还可作为网页制作、美工设计、网站开发、网页编程等行业从业人员的参考读物。
1.国家“十三五”规划教材；
2.黑马程序员系列教材改版；
3.本书配套丰富的教学资源，包括PPT、教学视频、教学设计、教学大纲、源代码等。
此次改版，在原书的基础上更新了部分案例，增加了HTML5和CSS3新属性的讲解和应用，增加了网页视听技术的应用，主要包括音频、视频的嵌入和动画效果。
黑马程序员，传智播客成立于2006年，它是由中国Java培训先行者张孝祥老师发起，联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业，特别是“黑马程序员”的平均就业薪资已达到8K以上。为了迎合软件市场的需求，我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++、Android等9个专业方向的课程，并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大，除了北京总部，我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构，传智播客俨然已成为了国内最具专业口碑的IT教育机构。
项目1 网页制作基础知识 1
【任务1-1】认识网页 1
需求分析 1
知识储备 1
1. 网页的构成 1
2. 网页的相关名词 2
3. Web标准 3
【任务1-2】网页制作入门技术 5
需求分析 5
知识储备 5
1. HTML简介 5
2. CSS简介 6
3. JavaScript简介 6
4. 常见浏览器介绍 7
【任务1-3】Dreamweaver的使用 9
需求分析 9
知识储备 9
1. Dreamweaver界面介绍 9
2. Dreamweaver的初始化设置 13
3. Dreamweaver文档的基本操作 14
4. 创建网页 16
【项目总结】 17
【课后练习】 17
项目2 “博客”页面制作 19
【项目描述】 19
【任务2-1】认识HTML 20
需求分析 20
知识储备 20
1. HTML文档基本格式 20
2. HTML标签 21
3. HTML标签的属性 22
4. HTML标签的关系 22
5. HTML文档头部相关标签 23
【任务2-2】HTML文本控制标签 24
需求分析 24
知识储备 24
1. 页面格式化标签 24
2. 文本样式标签 26
3. 文本格式化标签 27
4. 特殊字符 28
知识拓展 29
标签 29
【任务2-3】HTML图像应用 30
需求分析 30
知识储备 30
1. 常用图像格式 30
2. 图像标签 31
3. 相对路径和绝对路径 33
知识拓展 34
切图 34
【任务2-4】页面建设准备工作 35
网站素材整理 35
1. 建立网站站点 35
2. “博客”页面切图 36
页面结构分析 36
页面布局 37
【任务2-5】制作“头部”模块 38
效果分析 38
模块制作 38
【任务2-6】制作“博主简介”模块 39
效果分析 39
模块制作 39
【任务2-7】制作“旅行随笔”模块 40
效果分析 40
模块制作 41
【任务2-8】制作“驴友评论”模块 42
效果分析 42
模块制作 43
【任务2-9】制作“页脚”模块 44
效果分析 44
模块制作 44
【项目总结】 45
【课后练习】 45
项目3 “网上花店”专题页制作 47
【项目描述】 47
【任务3-1】CSS核心基础 48
需求分析 48
知识储备 48
1. 结构与表现分离 48
2. CSS样式规则 49
3. CSS样式表的引入 49
4. CSS基础选择器 53
【任务3-2】CSS文本样式属性 55
需求分析 55
知识储备 55
1. CSS字体样式属性 55
2. CSS文本外观属性 58
知识拓展 62
使用CSS定义背景颜色 62
【任务3-3】CSS高级特性 63
需求分析 63
知识储备 63
1. CSS复合选择器 63
2. CSS层叠性与继承性 65
3. CSS优先级 66
【任务3-4】页面建设准备工作 68
网站素材整理 68
1. 建立网站站点 68
2. “网上花店”专题页切图 68
页面结构分析 69
1. HTML结构分析 69
2. CSS样式分析 70
定义基础样式 70
1. 页面布局 70
2. 公共样式设置 70
【任务3-5】制作“标题”模块 70
效果分析 70
1. 结构分析 70
2. 样式分析 71
模块制作 71
1. 搭建结构 71
2. 控制样式 71
【任务3-6】制作“分类”模块 71
效果分析 71
1. 结构分析 71
2. 样式分析 72
模块制作 72
1. 搭建结构 72
2. 控制样式 72
【任务3-7】制作“热卖”模块 73
效果分析 73
1. 结构分析 73
2. 样式分析 74
模块制作 74
1. 搭建结构 74
2. 控制样式 74
【任务3-8】制作“页脚”模块 75
效果分析 75
1. 结构分析 75
2. 样式分析 75
模块制作 75
1. 搭建结构 75
2. 控制样式 75
【项目总结】 76
【课后练习】 76
项目4 “爱家居”企业网站首页制作 78
【项目描述】 78
【任务4-1】认识盒子模型 79
需求分析 79
知识储备 79
【任务4-2】盒子模型基础属性 80
需求分析 80
知识储备 80
1. 边框属性 80
2. 内边距属性 85
3. 外边距属性 86
4. 背景属性 88
5. 宽度属性和高度属性 91
【任务4-3】盒子模型新增属性 92
需求分析 92
知识储备 92
1. 颜色透明 92
2. 圆角 93
3. 阴影 95
4. 渐变 96
【任务4-4】元素的类型与转换 100
需求分析 100
知识储备 100
1. 元素的类型 100
2. 标签 101
3. 元素类型的转换 102
知识拓展 104
块元素垂直外边距的合并 104
【任务4-5】元素的浮动 106
需求分析 106
知识储备 106
1. 元素的浮动属性 106
2. 清除浮动 108
3. overflow属性 112
【任务4-6】元素的定位 113
需求分析 113
知识储备 113
1. 元素的定位属性 113
2. 静态定位 114
3. 相对定位 114
4. 绝对定位 115
5. 固定定位 116
6. z-index属性 116
【任务4-7】页面建设准备工作 117
网站素材的整理 117
1. 建立网站站点 117
2. “爱家居”企业网站首页切图 117
页面结构分析 117
1. HTML结构分析 117
2. CSS样式分析 118
定义基础样式 118
1. 页面布局 118
2. 定义基础样式 119
【任务4-8】制作“导航及banner” 模块 119 效果分析 119 1. 结构分析 119 2. 样式分析 119 模块制作 120 1. 搭建结构 120 2. 控制样式 120 【任务4-9】制作“热门推荐”模块 121 效果分析 121 1. 结构分析 121 2. 样式分析 121 模块制作 122 1. 搭建结构 122 2. 控制样式 122 【任务4-10】制作“夏日生活”模块 123 效果分析 123 1. 结构分析 123 2. 样式分析 124 模块制作 124 1. 搭建结构 124 2. 控制样式 124 【任务4-11】制作“版权信息”模块和 “悬浮框”模块 125 效果分析 125 1. 结构分析 125 2. 样式分析 125 模块制作 125 1. 搭建结构 125 2. 控制样式 125 【项目总结】 126 【课后练习】 126 项目5 “优课教育”网站首页制作 128 【项目描述】 128 【任务5-1】列表标签 129 需求分析 129 知识储备 129 1. 无序列表 129 2. 有序列表 130 3. 定义列表 131 4. 列表的嵌套应用 132 【任务5-2】使用CSS控制列表 项目符号 132 需求分析 132 知识储备 132 1. list-style复合属性 132 2. 通过设置背景图像的方式定义列表 项目符号 133 【任务5-3】超链接标签 133 需求分析 133 知识储备 133 1. 创建超链接 133 2. 创建锚点链接 135 3. 通过链接伪类控制超链接 135 【任务5-4】页面建设准备工作 137 网站素材整理 137 1. 建立站点 137 2. 切图 137 页面结构分析 138 1. HTML结构分析 138 2. CSS样式分析 138 定义基础样式 139 1. 页面布局 139 2. 定义基础样式 139 【任务5-5】制作“导航”模块 139 效果分析 139 1. 结构分析 139 2. 样式分析 140 模块制作 140 1. 搭建结构 140 2. 控制样式 140 【任务5-6】制作“banner”模块和 “课程分类”模块 141 效果分析 141 1. 结构分析 141 2. 样式分析 141 模块制作 141 1. 搭建结构 141 2. 控制样式 142 【任务5-7】制作“精品展示”模块 143 效果分析 143 1. 结构分析 143 2. 样式分析 144 模块制作 144 1. 搭建结构 144 2. 控制样式 144 【任务5-8】制作“版权信息”模块 146 效果分析 146 1. 结构分析 146 2. 样式分析 146 模块制作 146 1. 搭建结构 146 2. 控制样式 146 【项目总结】 147 【课后练习】 147 项目6 “千年之恋”注册页面制作 149 【项目描述】 149 【任务6-1】认识表格相关标签 150 需求分析 150 知识储备 150 1. 创建表格 150 2.
|
