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

......

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

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