网页设计与制作 HEML+CSS+JAVASCRIPT2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

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

引例描述2

任务1 配置Web站点2

任务陈述2

知识准备3

1.1 网络基本概念3

1.1.1 Internet3

1.1.2 WWW服务4

1.1.3 域名5

1.1.4 IP地址5

1.1.5 统一资源定位符5

任务实施6

1．实施思路与方案6

2．安装IIS6

3．测试IIS9

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