网页设计与制作 HEML+CSS+JAVASCRIPTPDF电子书下载

单元1 Web站点的配置与发布 1

引例描述 2

任务1 配置Web站点 2

任务陈述 2

知识准备 3

1.1 网络基本概念 3

1.1.1 Internet 3

1.1.2 WWW服务 4

1.1.3 域名 5

1.1.4 IP地址 5

1.1.5 统一资源定位符 5

任务实施 6

1．实施思路与方案 6

2．安装IIS 6

3．测试IIS 9

4．配置Web站点 10

任务拓展 12

1．虚拟目录的概念 12

2．通过虚拟目录搭建站点 12

项目实训 企业网站的配置 14

任务2 发布Web站点 14

任务陈述 14

知识准备 14

1.2 网页与网站 14

1.2.1 网页与网站的相关概念 15

1.2.2 网页与网站的基本要素 15

任务实施 18

1. 实施思路与方案 18

2．使用“记事本”编写一个简单的HTML页 19

3．用IIS测试、发布Web站点 20

任务拓展 21

1．编写HTML文件的注意事项 21

2．认识Dreamweaver CS5界面 21

3．使用虚拟实训平台进行测试 25

4．域名与空间 26

项目实训 免费域名的注册与空间申请 27

单元小结 27

单元2 HTML静态网页设计 29

引例描述 30

任务1 文字段落与图片的设置 30

任务陈述 30

知识准备 31

2.1 HTML的基本概念 31

2.1.1 HTML简介 31

2.1.2 HTML的结构 31

2.1.3 HTML的标签 32

2.2 〈html〉、〈head〉与〈body〉标签 33

2.2.1 〈html〉标签 33

2.2.2 〈head〉标签 34

2.2.3 〈body〉标签 36

2.3 文字与段落 42

2.3.1 标题标签〈hn〉 42

2.3.2 换行标签〈br〉 43

2.3.3 字体标签〈font〉 43

2.3.4 段落标签〈p〉 45

2.3.5 水平线标签〈hr〉 47

2.4 〈img〉标签 48

任务实施 51

1．实施思路与方案 51

2．HTML的基本结构文档编写 51

3．个人信息介绍页面的图文混排 51

4．其他页面HTML代码编写 52

任务拓展 53

1．特殊字符 53

2．使用Dreamweaver创建与保存网页 54

3．页面属性设置 55

4．网页的基本排版 57

项目实训 数字油画艺术作品展示页面编写 58

任务2 页面布局 58

任务陈述 58

知识准备 59

2.5 列表 59

2.5.1 无序列表标签〈ul〉 59

2.5.2 有序列表标签〈ol〉 60

2.5.3 嵌套列表 62

2.5.4 定义列表标签〈dl〉、〈dt〉、〈dd〉 63

2.6 表格 64

2.6.1 定义表格的基本语法 64

2.6.2 表格标签〈table〉的属性 65

2.6.3 表格的标题标签〈caption〉和表头标签〈th〉 66

2.6.4 表格的边框显示状态 67

2.6.5 设置分隔线的显示状态 68

2.6.6 表格行的设置 69

2.6.7 单元格的设置 70

任务实施 72

1．实施思路与方案 72

2．HTML基本文档与表格的编写 72

3．网站Logo、Banner与版权信息代码的编写 73

4．列表导航代码的编写 74

任务拓展 75

1．表格的嵌套 75

2．Dreamweaver中表格的控制 76

项目实训 运用表格嵌套完成个人介绍页面 77

任务3 超链接的使用 78

任务陈述 78

知识准备 79

2.7 超链接 79

2.7.1 超链接的概念 79

2.7.2 超链接标签〈a〉 79

2.7.3 链接路径 81

2.7.4 书签链接 82

2.7.5 图像的热区链接 85

任务实施 87

1．实施思路与方案 87

2．使用表格布局与设置超链接制作书法作品页面 88

3．制作其他作品页面 89

任务拓展 90

1．外部链接的使用 90

2．下载文件的制作 91

项目实训 企业网站主页设计 92

单元小结 93

单元3 HTML高级应用 95

引例描述 96

任务1 表单页面设计 96

任务陈述 96

知识准备 97

3.1 表单的基本概念 97

3.1.1 表单简介 97

3.1.2 表单的定义 100

3.2 表单元素 101

3.2.1 添加表单控件 101

3.2.2 输入类表单控件 102

3.2.3 菜单列表类表单控件 110

3.2.4 文本域标签 112

任务实施 113

1．实施思路与方案 113

2．订单信息表单设计 113

3．作品评价表单设计 114

任务拓展 115

1．表单边框的应用 115

2．使用Dreamweaver进行表单设计 116

项目实训 注册与留言表单设计 117

任务2 窗口框架的使用 117

任务陈述 117

知识准备 118

3.3 框架 118

3.3.1 框架的含义与基本构成 118

3.3.2 框架集标签〈frameset〉 119

3.3.3 子窗口标签〈frame〉的设定 120

3.3.4 窗口的名称与链接 123

任务实施 124

1．实施思路与方案 124

2．定义主框架default.html页面 124

3．定义顶部嵌套top.html页面 125

4．定义左侧嵌套left.html页面 125

5．定义右侧展示页面 126

任务拓展 126

1．浮动窗口标签〈iframe〉的应用 126

2．使用Dreamweaver创建与编辑框架 127

项目实训 专题学习网站框架设计 129

任务3 多媒体页面设计 130

任务陈述 130

知识准备 131

3.4 多媒体对象的基本知识 131

3.4.1 音频媒体的格式 131

3.4.2 视频媒体的格式 131

3.5 插入多媒体对象 133

3.5.1 滚动字幕标签〈marquee〉 133

3.5.2 插入多媒体文件〈embed〉标签 134

3.5.3 嵌入背景音乐 136

任务实施 136

1．实施思路与方案 136

2．插入背景音乐 137

3．插入Flash动画 137

任务拓展 137

1．认识Flasrh Swish软件 137

2．快速制作Flash文本动画 137

3．使Dreamweaver插入Flash元素 140

项目实训 软件界面设计 140

单元小结 141

单元4 CSS的应用 143

引例描述 144

任务1 CSS的引用 144

任务陈述 144

知识准备 145

4.1 CSS简介 145

4.1.1 CSS的概念与功能 145

4.1.2 CSS的特点 146

4.2 CSS的使用 146

4.2.1 样式表的规则 146

4.2.2 选择符的分类 147

4.2.3 添加CSS的方法 148

4.2.4 CSS的继承 152

4.2.5 CSS样式的冲突 152

4.2.6 CSS的注意事项 153

任务实施 154

1．实施思路与方案 154

2．创建并定义CSS样式表 154

3．链接样式表 154

任务拓展 154

1．类标签与id标签的应用 154

2．使用伪类定义超链接样式 156

项目实训 使用样式表美化网页页面 158

任务2 页面样式设置 158

任务陈述 158

知识准备 159

4.3 字体、颜色、背景与文字属性 159

4.3.1 设置CSS的字体属性 159

4.3.2 颜色及背景属性 162

4.3.3 文本属性 165

4.4 边距、填充与边框属性 168

4.4.1 边距与填充属性 168

4.4.2 边框属性 170

4.5 列表属性 174

任务实施 176

1．实施思路与方案 176

2．定义CSS样式表 177

3．编写并调用CSS文件代码 177

任务拓展 178

1．滤镜属性的使用 178

2．光标属性的使用 179

项目实训 百度搜索页面样式设计 180

任务3 区块与层的页面布局 180

任务陈述 180

知识准备 181

4.6 CSS布局基础 181

4.6.1 CSS布局元素类型 181

4.6.2 盒模型 182

4.6.3 定位及尺寸属性 183

4.7 常用布局结构 185

4.7.1 单行、单列结构 185

4.7.2 二列式布局结构 187

4.7.3 三列式布局结构 192

任务实施 196

1. 实施思路与方案 196

2．网站头部信息与基础样式的编写 196

3．主页CSS页面布局 197

4．个人介绍页面的CSS页面布局 197

任务拓展 200

1．CSS导航菜单的制作 200

2．针对IE浏览器版本的兼容性 201

项目实训 网站DIV+CSS页面布局 202

单元小结 203

单元5 JavaScript编程 205

引例描述 206

任务1 下拉菜单的设计 206

任务陈述 206

知识准备 207

5.1 DHTML简介 207

5.2 JavaScript简介 207

5.3 JavaScript的特点 209

5.4 JavaScript常量、变量、数组、运算符和表达式 210

5.4.1 数据类型与常量 210

5.4.2 变量的定义 210

5.4.3 变量的作用域 211

5.4.4 数组 212

5.4.5 运算符与表达式 216

5.5 程序控制结构 221

5.5.1 分支结构 221

5.5.2 循环结构 223

5.6 函数的定义与引用 226

5.6.1 函数的定义 226

5.6.2 函数的调用 226

5.6.3 用户类的定义 229

5.7 浏览器内置对象的使用 231

5.7.1 浏览器信息（nayigator）对象 232

5.7.2 窗口（window）对象 233

5.7.3 网址（location）对象 236

5.7.4 屏幕（screen）对象 237

5.7.5 历史记录（history）对象 237

5.7.6 文档（document）对象 238

5.8 页面中标签的访问与属性的设置 240

5.8.1 页面标签对象的引用 240

5.8.2 读写HTML对象的属性 242

5.8.3 表单及其控件的访问 243

5.9 事件的指派与处理函数的编写 245

5.9.1 事件的指派 245

5.9.2 常用事件的类型 247

任务实施 250

1．实施思路与方案 250

2．下拉菜单的HTML结构 251

3．样式设计 252

4．编写JavaScript脚本 254

任务拓展 255

1．设置最近被单击过的超链接外观属性 255

2．字符串（String）对象的属性与方法的使用 256

3．数学（Math）对象的属性与方法的使用 257

项目实训 实现下拉框的级联 259

任务2 美化表格 260

任务陈述 260

知识准备 261

5.10 DOM对象的意义与结构 261

5.11 DOM对象的节点类型 261

5.11.1 元素（Element）节点 261

5.11.2 属性（Attitude）节点 261

5.11.3 文本（Text）节点 262

5.11.5 文档节点 263

5.12 DOM对象节点及其属性的访问 264

5.12.1 访问父节点 264

5.12.2 访问子节点 264

5.12.3 访问兄弟节点 265

5.13 DOM对象节点的创建与修改 267

5.13.1 创建节点 268

5.13.2 添加节点 269

5.13.3 删除节点 271

5.13.4 替换节点 272

5.13.5 复制节点 272

5.14 DOM节点对象的事件处理 273

任务实施 277

1．实施思路与方案 277

2．表格数据结构的建立 277

3．样式文件的建立 278

4．事件处理文件的建立 279

5．加载CSS与JavaScript页面内容 280

任务拓展 281

用户自定义对象 281

项目实训 JavaScript选项卡的设计 282

任务3 表单验证界面的设计 283

任务陈述 283

知识准备 283

5.15 DOM对象中属性节点的操作 283

5.15.1 属性节点的创建与添加 284

5.15.2 DOM对象事件的引发 286

5.16 表单验证的意义与实现 288

5.16.1 表单验证的意义 288

5.16.2 表单验证的类型及其实现 288

任务实施 294

1.实施思路与方案 294

2．HTML页面的设计 294

3．样式文件的建立 295

4．JavaScript脚本的建立 296

任务拓展 299

1．JSON对象做属性节点的值 299

2．使用递归函数遍历节点树 300

项目实训 在线测试系统与在线脚本编辑器的设计 301

单元小结 302

参考文献 303