网页设计与制作项目教程 HTML+CSS+JavaScriptPDF电子书下载

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