网页设计案例教程

专题一HTML简介 1

l.教学目标 1

2.工作任务 1

3相关实践知识 1

3.1设计网页 1

3.2创建新的网页 2

3.3保存网页 4

3.4组织文件 4

3.5在浏览器中查看网页 5

4.相关理论知识 7

4.1互联网介绍 7

4.2 HTML语言功能简介 10

4.3 HTML文档结构 11

4.4使用特殊字符 12

4.5 HTML基本元素 13

5.实验 17

6.课后作业 19

专题二HTML基本标记 21

1.教学目标 21

2.工作任务 21

3.相关实践知识 21

4.相关理论知识 27

4.1文本格式化标记 27

4.2预格式化标记＜pre＞ 29

4.3图片标记＜img＞ 30

4.4水平线标记＜hr＞ 30

4.5文本控制标记＜font＞ 31

4.6列表 32

5.实验 33

6.课后作业 34

专题三表、层和插入多媒体 37

教学目标 37

案例一制作“本课知识点”网页 38

1教学目标 38

2.工作任务 38

3.相关实践知识 38

4.相关理论知识 52

4.1 Dreamweaver 8.0简单介绍 52

4.2 Dreamweaver 8.0起始页面介绍 52

4.3 Dreamweaver 8.0编辑页面 54

4.4表格的基本结构 54

4.5表格的基本操作 54

4.6超级链接 57

5.实验 63

6.课后作业 65

案例二制作长城风光网页 66

1.教学目标 66

2.工作任务 66

3.相关实践知识 66

4.相关理论知识 74

4.1层简介 74

4.2层属性 74

4.3层的四种标记 75

4.4音频文件 77

4.5 Java Applet 77

5.实验 78

6.课后作业 79

专题四HTML表单和框架 81

教学目标 81

案例一表单和框架 82

1.教学目标 82

2.工作任务 82

3.相关实践知识 82

4.相关理论知识 89

4.1表单概述 89

4.2表单对象 89

4.3表单标签 90

4.4文本字段表单对象 90

4.5隐藏域 92

4.6上传框 92

4.7单选按钮 93

4.8复选框 93

4.9列表／菜单 94

4.10表单按钮对象 94

4.11其他表单对象 96

5.实验 96

6.课后作业 96

案例二 HTML电子教程 98

1.教学目标 98

2.工作任务 98

3.相关实践知识 98

4.相关理论知识 103

4.1框架概述 103

4.2使用框架 105

4.3框架集与框架标记 121

5.实验 124

6.课后作业 127

专题五样式表 129

1.教学目标 129

2.工作任务 129

3.相关实践知识 129

4.相关理论知识 134

4.1 DHTML 134

4.2样式表简介 135

4.3行内样式表 137

4.4内嵌样式表 137

4.5外部样式表 142

4.6样式的混合使用 143

5.实验 145

6.课后作业 147

专题六JavaScript语法基础 149

教学目标 149

案例一实现跑马灯效果网页 150

1.教学目标 150

2.工作任务 150

3.相关实践知识 150

4.相关理论知识 156

4.1 JavaScript语言概况 156

4.2 JavaScript的数据类型及常量、变量 158

4.3 JavaScript的表达式和运算符 160

5.实验 161

6.课后作业 163

案例二在线考试网页的制作 164

1.教学目标 164

2.工作任务 164

3.相关实践知识 164

4.相关理论知识 167

4.1数组 167

4.2 JavaScript的流程控制语句 168

4.3函数 172

5.实验 174

6.课后作业 176

专题七JavaScript核心语言对象 177

教学目标 177

案例一制作JavaScript学习园地网页 178

1.教学目标 178

2.工作任务 178

3.相关实践知识 178

4.相关理论知识 182

4.1对象的简介 182

4.2对象属性和方法 182

4.3对象操作语句 182

5.实验 186

6.课后作业 187

案例二制作加法器 188

1.教学目标 188

2.工作任务 188

3.相关实践知识 188

4.相关理论知识 193

4.1 Sting对象 194

4.2 Math对象 196

4.3 Date对象 197

5.实验 201

6.课后作业 202

专题八JavaScript浏览器对象 205

教学目标 205

案例一制作用户登录页面 206

1.教学目标 206

2.工作任务 206

3.相关实践知识 206

4.相关理论知识 208

4.1事件与事件处理程序 208

4.2常见的JavaScript事件 209

5.实验 212

6.课后作业 214

案例二制作页面跳转效果 217

1.教学目标 217

2.工作任务 217

3.相关实践知识 217

4.相关理论知识 221

4.1浏览器对象简介 221

4.2 window对象 223

4.3 document对象 225

4.4 location对象 225

4.5 history对象 226

5.实验 226

6.课后作业 228

专题九处理表单和表单元素事件 231

1.教学目标 231

2.工作任务 231

3.相关实践知识 231

4.相关理论知识 235

4.1表单基础 235

4.2文本框对象 236

4.3单选按钮对象 236

4.4下拉列表框（组合框）对象 237

4.5命令按钮对象 238

4.6复选框对象 239

4.7表单验证 239

5.实验 241

6.课后作业 241