网页设计与制作项目教程（HTML+CSS+JavaScript）

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

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

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

项目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．

序言

评论