Web标准网页设计原理与前端开发技术

Web标准网页设计原理与前端开发技术
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者: ,
2018-03
版次: 1
ISBN: 9787302484257
定价: 49.00
装帧: 其他
开本: 16开
纸张: 胶版纸
页数: 290页
字数: 466千字
8人买过
  • 本书重点讲解基于XHTML、div CSS、JavaScript和jQuery的Web标准网页设计原理与前端开发技术,内容包括网站与网页、使用Fireworks制作图片、使用Flash制作动画、超文本标记语言、CSS基础、可扩展超文本标记语言、应用div CSS布局网页、使用Dreamweaver设计和制作网页、使用Dreamweaver建设网站、JavaScript基础、JavaScript内置对象、处理和验证表单数据、BOM和DOM、DHTML、jQuery基础等。

      本书以HTML 4.01、XHTML 1.0、CSS 2.1和ECMA-262 5.1等技术规范为基础,不仅注重原理、技术与应用三者的结合,而且具有概念简洁、深入浅出、代码规范、前后呼应、面向应用和范例典型等特点。通过学习本书,可以了解基于“内容、结构、表现和行为”层次模型的Web标准网页设计原理,掌握XHTML、div CSS、JavaScript、JSON和jQuery等主流的Web前端开发技术,为学习动态网页设计原理与制作技术做好准备。本书主要面向教学(应用)型大学的电子商务、信息管理与信息系统、计算机科学与技术、软件工程等相关专业,可作为“网页设计与制作”和“互联网前端开发技术”课程的教材。此外,本书还可用作相关培训教材或教学参考书,也可供网站开发与管理人员参考。  第1章  网站与网页... 1

    1.1  互联网与万维网... 1

    1.2  服务器、客户机和Web浏览器... 2

    1.3  网页与HTML. 3

    1.4  网页素材... 7

    1.5  静态网页、动态网页和网站... 7

    1.6  小结... 8

    1.7  习题... 8

    第2章  使用Fireworks制作图片... 10

    2.1 

    Fireworks软件的工作界面... 10

    2.2  制作网站标题... 11

    2.3  制作导航栏按钮图片... 13

    2.4  将文本附加到路径... 14

    2.5  制作图片交替的GIF动画... 15

    2.6  制作滚动字幕效果的GIF动画... 17

    2.7  小结... 20

    2.8  习题... 20

    第3章  使用Flash制作动画... 21

    3.1 

    Flash软件的工作界面... 21

    3.2  制作缩放自如的文字... 22

    3.3  制作运动渐变的动画... 24

    3.4  制作环绕球体旋转的文字... 28

    3.5  小结... 31

    3.6  习题... 31

    第4章  超文本标记语言... 32

    4.1  表现性元素... 32

    4.2 

    HTML元素及其属性... 33

    4.3  a元素及其应用... 35

    4.4  标题元素... 37

    4.5  段落元素... 38

    4.6  列表元素... 39

    4.7  表格元素... 40

    4.8 

    img元素及其应用... 42

    4.9  行内元素和块级元素... 44

    4.10  结构性元素、表现性元素、表现性属性... 45

    4.11  小结... 46

    4.12  习题... 47

    第5章  CSS基础... 48

    5.1  网页的内容、结构与表现... 48

    5.2 

    HTML规范及文档类型定义... 50

    5.2.1  Transitional类型的HTML文档的基本要求... 51

    5.2.2  W3C标记验证服务... 52

    5.2.3  使用Dreamweaver验证HTML文档的语法规范性... 53

    5.3  内部样式表... 54

    5.3.1  类型选择器... 55

    5.3.2  类选择器... 55

    5.3.3  ID选择器... 57

    5.3.4  后代选择器... 58

    5.3.5  子元素选择器... 59

    5.3.6  伪类... 59

    5.3.7  选择器分组... 60

    5.4  常用的样式特性... 61

    5.4.1  类型特性... 61

    5.4.2  背景特性... 62

    5.4.3  区块特性... 63

    5.5  行内样式... 63

    5.6  外部样式表及其应用... 64

    5.6.1  创建外部样式表... 64

    5.6.2  W3C在线CSS验证服务... 65

    5.6.3  在HTML文档中链接外部样式表... 65

    5.6.4  Web浏览器的兼容性视图设置... 67

    5.7  层叠样式表... 67

    5.7.1  CSS的层叠性... 68

    5.7.2  CSS的继承性... 70

    5.8  小结... 71

    5.9  习题... 72

    第6章  可扩展超文本标记语言... 73

    6.1 

    XHTML的形成背景... 73

    6.1.1  缺乏语法规范性的HTML文档... 73

    6.1.2  XHTML的面世... 74

    6.2 

    XHTML的语法规定... 74

    6.3 

    XHTML文档的基本结构... 76

    6.4  使用W3C标记验证服务检查XHTML文档的语法... 77

    6.5 

    XHTML CSS. 78

    6.6  使用字符实体在网页中显示特殊字符... 79

    6.7  小结... 80

    6.8  习题... 80

    第7章  应用div CSS布局网页... 82

    7.1  盒子模型... 82

    7.2  与盒子模型有关的样式特性... 83

    7.2.1  方框特性... 83

    7.2.2  边框特性... 83

    7.2.3  盒子模型演示... 84

    7.3  元素及其盒子在网页中的排列... 85

    7.3.1  正常流中的元素盒子... 86

    7.3.2  元素盒子的浮动... 87

    7.3.3  应用CSS和盒子浮动制作水平导航条... 89

    7.4 

    div CSS网页布局... 90

    7.5 

    Web标准网页设计举例... 93

    7.6  小结... 96

    7.7  习题... 97

    第8章  使用Dreamweaver设计和制作网页... 100

    8.1 

    Dreamweaver软件的工作界面... 100

    8.2  使用Dreamweaver创建CSS文档... 101

    8.3  使用Dreamweaver创建XHTML文档... 106

    8.4  小结... 111

    8.5  习题... 111

    第9章  使用Dreamweaver建设网站... 112

    9.1  网站规划与功能定位... 112

    9.2  创建本地站点... 112

    9.3  创建公共文件夹... 114

    9.4  设计网页的版面布局... 115

    9.5  素材准备... 116

    9.6  创建实现网页版面布局的CSS文档... 118

    9.7  创建HTML模板... 118

    9.8  运用模板制作网页... 125

    9.9  通过HTML模板维护网站... 131

    9.10  通过CSS文档定制网站风格... 133

    9.11  规范化HTML文档... 134

    9.12  网页测试... 135

    9.13  小结... 136

    9.14  习题... 137

    第10章  JavaScript基础... 138

    10.1 

    JavaScript放置... 138

    10.1.1  在HTML文档主体直接插入JavaScript 138

    10.1.2  在IE浏览器中调试JavaScript 141

    10.1.3  JavaScript函数... 143

    10.1.4  在HTML文档头部定义JavaScript函数... 143

    10.1.5  在外部脚本文档定义JavaScript函数... 144

    10.2  变量和类型... 146

    10.2.1  变量... 146

    10.2.2 

    类型... 146

    10.3  运算符与表达式... 148

    10.4  全局变量和局部变量... 151

    10.5  类型转换... 152

    10.5.1  隐式类型转换... 152

    10.5.2  显式类型转换... 153

    10.6 

    JavaScript中的流程控制语句... 154

    10.6.1  选择控制语句... 154

    10.6.2  循环控制语句... 155

    10.7  小结... 157

    10.8  习题... 158

    第11章  JavaScript内置对象... 159

    11.1  对象、属性和方法... 159

    11.2 

    Date对象... 159

    11.3 

    String对象... 161

    11.3.1  创建String对象... 161

    11.3.2  String对象的属性... 161

    11.3.3  String对象的方法... 161

    11.3.4  String对象和string类型的变量... 162

    11.3.5  String对象的应用... 163

    11.3.6  正则表达式及其应用... 165

    11.4 

    RegExp对象... 168

    11.5 

    Array对象... 170

    11.5.1  数组的逻辑结构... 170

    11.5.2  创建Array对象... 170

    11.5.3  Array对象的length属性和数组元素... 171

    11.5.4  Array对象的方法... 172

    11.5.5  使用for-in 语句遍历数组... 173

    11.6 

    Math对象... 174

    11.7  小结... 174

    11.8  习题... 175

    第12章  处理和验证表单数据... 177

    12.1  表单、控件及其属性... 177

    12.2  表单事件和事件属性... 180

    12.3  验证表单数据... 181

    12.4  网页的Web标准... 185

    12.4.1  网页Web标准的四个层次... 185

    12.4.2  Web标准系列... 188

    12.5  小结... 189

    12.6  习题... 189

    第13章  BOM和DOM... 191

    13.1  浏览器对象模型... 191

    13.1.1  访问window对象的属性... 192

    13.1.2  通过window对象调用的方法... 192

    13.1.3  screen对象... 195

    13.2  文档对象模型及HTML文档树... 195

    13.2.1  文档对象模型... 195

    13.2.2  使用innerHTML属性和innerText属性访问元素的内容... 197

    13.2.3  调用getElementById方法访问HTML文档树中的元素节点... 197

    13.2.4  调用getElementsByTagName方法访问HTML文档树中的

           元素节点... 200

    13.3  事件及其处理... 202

    13.3.1  事件的类型... 202

    13.3.2  在HTML元素的开始标签中处理事件... 203

    13.3.3  使用对象及有关属性处理事件... 204

    13.4  事件的综合处理... 205

    13.5  小结... 208

    13.6  习题... 209

    第14章  DHTML.. 211

    14.1  绝对定位和相对定位... 211

    14.1.1  绝对定位... 211

    14.1.2  相对定位... 213

    14.2  下拉菜单... 214

    14.3  垂直移动的文本... 218

    14.4  水平方向呈现跑马灯效果的文本串... 222

    14.5  在网页上漂浮的图片链接... 224

    14.5.1  从左向右移动的图片链接... 224

    14.5.2  沿水平方向来回移动的图片链接... 225

    14.5.3  在Web浏览器窗口内漂浮的图片链接... 227

    14.6  自动切换的图片... 229

    14.6.1  嵌入自动切换的图片... 230

    14.6.2  自动切换的图片及数字按钮组... 233

    14.6.3  自动切换的图片、数字按钮组及数字按钮click事件... 235

    14.7  表格数据隔行变色... 236

    14.8  小结... 238

    14.9  习题... 239

    第15章  jQuery基础... 240

    15.1  从JavaScript到jQuery的转换... 240

    15.1.1  函数作为参数... 240

    15.1.2  使用JavaScript说明jQuery程序的基本语法及其格式... 241

    15.1.3  获取和使用jQuery. 248

    15.1.4  jQuery程序的基本语法及其格式... 249

    15.2  事件及其处理... 253

    15.3  选取HTML DOM元素对象... 254

    15.3.1  常用的CSS选择器、伪类以及结合符... 254

    15.3.2  jQuery选择器... 257

    15.3.3  使用过滤器缩小结果集... 259

    15.4  对jQuery对象进行迭代... 260

    15.5 

    DOM操作... 261

    15.5.1  取值/赋值方法... 261

    15.5.2  垂直滚动播放的文本... 263

    15.5.3  沿水平方向来回移动的图片链接... 265

    15.5.4  JSON.. 267

    15.5.5  创建和插入HTML元素对象... 269

    15.6  更多应用举例... 277

    15.6.1  简单数组排序... 277

    15.6.2  对象数组排序... 278

    15.6.3  闭包和内部函数... 281

    15.6.4  表格数据排序... 283

    15.7  小结... 287

    15.8  习题... 288

    参考文献... 291
  • 内容简介:
    本书重点讲解基于XHTML、div CSS、JavaScript和jQuery的Web标准网页设计原理与前端开发技术,内容包括网站与网页、使用Fireworks制作图片、使用Flash制作动画、超文本标记语言、CSS基础、可扩展超文本标记语言、应用div CSS布局网页、使用Dreamweaver设计和制作网页、使用Dreamweaver建设网站、JavaScript基础、JavaScript内置对象、处理和验证表单数据、BOM和DOM、DHTML、jQuery基础等。

      本书以HTML 4.01、XHTML 1.0、CSS 2.1和ECMA-262 5.1等技术规范为基础,不仅注重原理、技术与应用三者的结合,而且具有概念简洁、深入浅出、代码规范、前后呼应、面向应用和范例典型等特点。通过学习本书,可以了解基于“内容、结构、表现和行为”层次模型的Web标准网页设计原理,掌握XHTML、div CSS、JavaScript、JSON和jQuery等主流的Web前端开发技术,为学习动态网页设计原理与制作技术做好准备。本书主要面向教学(应用)型大学的电子商务、信息管理与信息系统、计算机科学与技术、软件工程等相关专业,可作为“网页设计与制作”和“互联网前端开发技术”课程的教材。此外,本书还可用作相关培训教材或教学参考书,也可供网站开发与管理人员参考。
  • 目录:
     第1章  网站与网页... 1

    1.1  互联网与万维网... 1

    1.2  服务器、客户机和Web浏览器... 2

    1.3  网页与HTML. 3

    1.4  网页素材... 7

    1.5  静态网页、动态网页和网站... 7

    1.6  小结... 8

    1.7  习题... 8

    第2章  使用Fireworks制作图片... 10

    2.1 

    Fireworks软件的工作界面... 10

    2.2  制作网站标题... 11

    2.3  制作导航栏按钮图片... 13

    2.4  将文本附加到路径... 14

    2.5  制作图片交替的GIF动画... 15

    2.6  制作滚动字幕效果的GIF动画... 17

    2.7  小结... 20

    2.8  习题... 20

    第3章  使用Flash制作动画... 21

    3.1 

    Flash软件的工作界面... 21

    3.2  制作缩放自如的文字... 22

    3.3  制作运动渐变的动画... 24

    3.4  制作环绕球体旋转的文字... 28

    3.5  小结... 31

    3.6  习题... 31

    第4章  超文本标记语言... 32

    4.1  表现性元素... 32

    4.2 

    HTML元素及其属性... 33

    4.3  a元素及其应用... 35

    4.4  标题元素... 37

    4.5  段落元素... 38

    4.6  列表元素... 39

    4.7  表格元素... 40

    4.8 

    img元素及其应用... 42

    4.9  行内元素和块级元素... 44

    4.10  结构性元素、表现性元素、表现性属性... 45

    4.11  小结... 46

    4.12  习题... 47

    第5章  CSS基础... 48

    5.1  网页的内容、结构与表现... 48

    5.2 

    HTML规范及文档类型定义... 50

    5.2.1  Transitional类型的HTML文档的基本要求... 51

    5.2.2  W3C标记验证服务... 52

    5.2.3  使用Dreamweaver验证HTML文档的语法规范性... 53

    5.3  内部样式表... 54

    5.3.1  类型选择器... 55

    5.3.2  类选择器... 55

    5.3.3  ID选择器... 57

    5.3.4  后代选择器... 58

    5.3.5  子元素选择器... 59

    5.3.6  伪类... 59

    5.3.7  选择器分组... 60

    5.4  常用的样式特性... 61

    5.4.1  类型特性... 61

    5.4.2  背景特性... 62

    5.4.3  区块特性... 63

    5.5  行内样式... 63

    5.6  外部样式表及其应用... 64

    5.6.1  创建外部样式表... 64

    5.6.2  W3C在线CSS验证服务... 65

    5.6.3  在HTML文档中链接外部样式表... 65

    5.6.4  Web浏览器的兼容性视图设置... 67

    5.7  层叠样式表... 67

    5.7.1  CSS的层叠性... 68

    5.7.2  CSS的继承性... 70

    5.8  小结... 71

    5.9  习题... 72

    第6章  可扩展超文本标记语言... 73

    6.1 

    XHTML的形成背景... 73

    6.1.1  缺乏语法规范性的HTML文档... 73

    6.1.2  XHTML的面世... 74

    6.2 

    XHTML的语法规定... 74

    6.3 

    XHTML文档的基本结构... 76

    6.4  使用W3C标记验证服务检查XHTML文档的语法... 77

    6.5 

    XHTML CSS. 78

    6.6  使用字符实体在网页中显示特殊字符... 79

    6.7  小结... 80

    6.8  习题... 80

    第7章  应用div CSS布局网页... 82

    7.1  盒子模型... 82

    7.2  与盒子模型有关的样式特性... 83

    7.2.1  方框特性... 83

    7.2.2  边框特性... 83

    7.2.3  盒子模型演示... 84

    7.3  元素及其盒子在网页中的排列... 85

    7.3.1  正常流中的元素盒子... 86

    7.3.2  元素盒子的浮动... 87

    7.3.3  应用CSS和盒子浮动制作水平导航条... 89

    7.4 

    div CSS网页布局... 90

    7.5 

    Web标准网页设计举例... 93

    7.6  小结... 96

    7.7  习题... 97

    第8章  使用Dreamweaver设计和制作网页... 100

    8.1 

    Dreamweaver软件的工作界面... 100

    8.2  使用Dreamweaver创建CSS文档... 101

    8.3  使用Dreamweaver创建XHTML文档... 106

    8.4  小结... 111

    8.5  习题... 111

    第9章  使用Dreamweaver建设网站... 112

    9.1  网站规划与功能定位... 112

    9.2  创建本地站点... 112

    9.3  创建公共文件夹... 114

    9.4  设计网页的版面布局... 115

    9.5  素材准备... 116

    9.6  创建实现网页版面布局的CSS文档... 118

    9.7  创建HTML模板... 118

    9.8  运用模板制作网页... 125

    9.9  通过HTML模板维护网站... 131

    9.10  通过CSS文档定制网站风格... 133

    9.11  规范化HTML文档... 134

    9.12  网页测试... 135

    9.13  小结... 136

    9.14  习题... 137

    第10章  JavaScript基础... 138

    10.1 

    JavaScript放置... 138

    10.1.1  在HTML文档主体直接插入JavaScript 138

    10.1.2  在IE浏览器中调试JavaScript 141

    10.1.3  JavaScript函数... 143

    10.1.4  在HTML文档头部定义JavaScript函数... 143

    10.1.5  在外部脚本文档定义JavaScript函数... 144

    10.2  变量和类型... 146

    10.2.1  变量... 146

    10.2.2 

    类型... 146

    10.3  运算符与表达式... 148

    10.4  全局变量和局部变量... 151

    10.5  类型转换... 152

    10.5.1  隐式类型转换... 152

    10.5.2  显式类型转换... 153

    10.6 

    JavaScript中的流程控制语句... 154

    10.6.1  选择控制语句... 154

    10.6.2  循环控制语句... 155

    10.7  小结... 157

    10.8  习题... 158

    第11章  JavaScript内置对象... 159

    11.1  对象、属性和方法... 159

    11.2 

    Date对象... 159

    11.3 

    String对象... 161

    11.3.1  创建String对象... 161

    11.3.2  String对象的属性... 161

    11.3.3  String对象的方法... 161

    11.3.4  String对象和string类型的变量... 162

    11.3.5  String对象的应用... 163

    11.3.6  正则表达式及其应用... 165

    11.4 

    RegExp对象... 168

    11.5 

    Array对象... 170

    11.5.1  数组的逻辑结构... 170

    11.5.2  创建Array对象... 170

    11.5.3  Array对象的length属性和数组元素... 171

    11.5.4  Array对象的方法... 172

    11.5.5  使用for-in 语句遍历数组... 173

    11.6 

    Math对象... 174

    11.7  小结... 174

    11.8  习题... 175

    第12章  处理和验证表单数据... 177

    12.1  表单、控件及其属性... 177

    12.2  表单事件和事件属性... 180

    12.3  验证表单数据... 181

    12.4  网页的Web标准... 185

    12.4.1  网页Web标准的四个层次... 185

    12.4.2  Web标准系列... 188

    12.5  小结... 189

    12.6  习题... 189

    第13章  BOM和DOM... 191

    13.1  浏览器对象模型... 191

    13.1.1  访问window对象的属性... 192

    13.1.2  通过window对象调用的方法... 192

    13.1.3  screen对象... 195

    13.2  文档对象模型及HTML文档树... 195

    13.2.1  文档对象模型... 195

    13.2.2  使用innerHTML属性和innerText属性访问元素的内容... 197

    13.2.3  调用getElementById方法访问HTML文档树中的元素节点... 197

    13.2.4  调用getElementsByTagName方法访问HTML文档树中的

           元素节点... 200

    13.3  事件及其处理... 202

    13.3.1  事件的类型... 202

    13.3.2  在HTML元素的开始标签中处理事件... 203

    13.3.3  使用对象及有关属性处理事件... 204

    13.4  事件的综合处理... 205

    13.5  小结... 208

    13.6  习题... 209

    第14章  DHTML.. 211

    14.1  绝对定位和相对定位... 211

    14.1.1  绝对定位... 211

    14.1.2  相对定位... 213

    14.2  下拉菜单... 214

    14.3  垂直移动的文本... 218

    14.4  水平方向呈现跑马灯效果的文本串... 222

    14.5  在网页上漂浮的图片链接... 224

    14.5.1  从左向右移动的图片链接... 224

    14.5.2  沿水平方向来回移动的图片链接... 225

    14.5.3  在Web浏览器窗口内漂浮的图片链接... 227

    14.6  自动切换的图片... 229

    14.6.1  嵌入自动切换的图片... 230

    14.6.2  自动切换的图片及数字按钮组... 233

    14.6.3  自动切换的图片、数字按钮组及数字按钮click事件... 235

    14.7  表格数据隔行变色... 236

    14.8  小结... 238

    14.9  习题... 239

    第15章  jQuery基础... 240

    15.1  从JavaScript到jQuery的转换... 240

    15.1.1  函数作为参数... 240

    15.1.2  使用JavaScript说明jQuery程序的基本语法及其格式... 241

    15.1.3  获取和使用jQuery. 248

    15.1.4  jQuery程序的基本语法及其格式... 249

    15.2  事件及其处理... 253

    15.3  选取HTML DOM元素对象... 254

    15.3.1  常用的CSS选择器、伪类以及结合符... 254

    15.3.2  jQuery选择器... 257

    15.3.3  使用过滤器缩小结果集... 259

    15.4  对jQuery对象进行迭代... 260

    15.5 

    DOM操作... 261

    15.5.1  取值/赋值方法... 261

    15.5.2  垂直滚动播放的文本... 263

    15.5.3  沿水平方向来回移动的图片链接... 265

    15.5.4  JSON.. 267

    15.5.5  创建和插入HTML元素对象... 269

    15.6  更多应用举例... 277

    15.6.1  简单数组排序... 277

    15.6.2  对象数组排序... 278

    15.6.3  闭包和内部函数... 281

    15.6.4  表格数据排序... 283

    15.7  小结... 287

    15.8  习题... 288

    参考文献... 291
查看详情
12
相关图书 / 更多
Web标准网页设计原理与前端开发技术
Web应用开发技术(微课版)
白磊
Web标准网页设计原理与前端开发技术
Web API设计原则通过API和微服务实现价值交付
(美)詹姆斯·希金博特姆(James Higginbotham)
Web标准网页设计原理与前端开发技术
Weir & Abrahams 人体解剖影像图谱(第6版)
袁慧书 著
Web标准网页设计原理与前端开发技术
Web3.0:数字时代赋能与变革
贾新峰
Web标准网页设计原理与前端开发技术
Web3:科技新趋势(拥抱数字化变革,打造Web 3时代商业新生态)
(美)克里斯·达菲
Web标准网页设计原理与前端开发技术
Web3.0:构建数字经济新未来
翟振林
Web标准网页设计原理与前端开发技术
Web渗透测试从新手到高手(微课超值版)
网络安全技术联盟
Web标准网页设计原理与前端开发技术
Weird But True Christmas 300 Festive Facts to Light Up the Holidays
National Kids
Web标准网页设计原理与前端开发技术
Web前端开发基础案例教程
赵革委
Web标准网页设计原理与前端开发技术
Web地理信息课程建设与服务模式研究(精)
秦耀辰、闫卫阳、夏浩铭、付品德、秦奋 著
Web标准网页设计原理与前端开发技术
Web3.0应用开发实战(从Web 2.0到Web 3.0)
屈希峰 编
Web标准网页设计原理与前端开发技术
Web前端设计基础(第2版)
李立威;薛晓霞;王晓红;李丹丹;王艳娥