网站颜色:

正版现货 HTML 5+CSS 3 JavaScript网页布局与特效全程揭秘 配光盘 网页设计殿堂之路 Web网页设计 入门到精通.

  • 产品名称:HTML5+CSS3+JavaScrip...
  • 是否是套装:否
  • 书名:HTML5+CSS3+JavaScript网页布局与特效全程揭秘
  • 定价:59.00元
  • 出版社名称:清华大学出版社
  • 出版时间:2014年10月
  • 作者:无
  • 书名:HTML5+CSS3+JavaScript网页布局与特效全程揭秘

 

 

 

书名:HTML 5+CSS 3+JavaScript网页布局与特效全程揭秘

书号:978-7-302-36017-9

定价:59.00

 

包装:平装

页数:412

作者:杨阳 编著

丛书名:(网页设计殿堂之路)

开本:190mm×260mm

字数:627千字

版次:1

出版日期:(咨询特价)10

印次:第1次 印刷

印刷时间:(咨询特价)10

中图法分类号:超文本标记语言—程序设计②网页制作工具JAVA语言—程序设计

.TP312TP393.092

用趾

附赠数量:

附赠:光盘1

 

 

 

目 录

1章 网页建设基础     1

1.1因特网本质   1

1.1.1因特网、网站和网页的关系    1

1.1.2网页与HTML语言     2

1.2了解网页与网站   3

1.2.1因特网         3

1.2.2网页与网站         3

1.2.3域名与URL          4

1.2.4HTTPFTP         4

1.2.5TCP/IPIP地址        5

1.2.6静态网页与动态网页         5

1.3网站建设常用软件和技术   6

1.3.1网页编辑软件Dreamweaver    6

1.3.2网页标记语言HTML 6

1.3.3网页表现语言CSS      6

1.3.4网页特效脚本语言JavaScript   6

1.3.5动态网页编程语言ASPPHPJSP   7

1.4HMTLCSSJavaScript的结合7

1.5本章小结        82HTMLXHTMLHTML 5基础       9

2.1  了解HTMLXHTML 9

2.2HTML基础     9

2.2.1什么是HTML      9

2.2.2HTML的基本结构      10

2.2.3HTML的基本语法      11

2.2.4HTML的主要功能      11

2.2.5HTML的编辑环境      12

2.2.6认识Dreamweaver中的代码工具   12

2.3XHTML基础   14

2.3.1什么是XHTML    15

2.3.2XHTML的文档结构    15

2.3.3XHTML的代码规范    16

2.3.4XHTML的文档类型    18

2.3.5名字空间    18

2.3.6使用XHTML的好处   19

实例01+视频:制作第一个HTML页面       19

2.4XML基础        20

2.4.1什么是XML         20

2.4.2HTMLXML比较     21

2.4.3XML的优势         22

2.4.4什么是“形式良好”的XML文件   22

2.5HTML 5基础  23

2.5.1了解HTML 5       23

2.5.2HTML 5的标签   24

实例02+视频:使用<canvas>标签实现网页绘图       26

2.5.3HTML 5的标准属性   27

实例03+视频:使用<audio>标签实现网页背景音乐          28

2.5.4HTML 5的事件属性   29

实例04+视频:使用<video>标签实现网页视频播放30

2.6本章小结        32

3HTML控制网页整体属性  33

3.1HTML头部<head>标签设置          33

3.1.1<title>标签33

实例05+视频:使用<title>标签设置网页标题   33

3.1.2<base>标签         35

实例06+视频:使用<base>标签设置网页基底网址  35

3.1.3<meta>标签        36

实例07+视频:使用<meta>标签设置网页关键字     36

实例08+视频:使用<meta>标签设置网页说明37

实例09+视频:使用<meta>标签设置网页定时跳转38

实例10+视频:使用<meta>标签设置作者信息39

实例11+视频:使用<meta>标签设置网页编辑软件40

3.2HTML主体<body>标签设置41

3.2.1边距属性margin         41

实例12+视频:设置网页整体边距      41

3.2.2背景颜色属性bgcolor        42

实例13+视频:设置网页背景颜色      43

3.2.3背景图像属性background         44

实例14+视频:设置网页背景图像      44

3.2.4文字属性text     45

实例15+视频:设置网页文字效果      45

3.2.5默认链接属性link      46

实例16+视频:设置网页链接文字效果      46

3.3HTML代码中添加注释    47

3.4本章小结        48

4章 文字与图片设置          49

4.1网页文字修饰        49

4.1.1文字样式<font>标签49

实例17+视频:设置文字样式      50

4.1.2倾斜文字<i><em>标签  51

实例18+视频:设置倾斜文字      51

4.1.3加粗文字<b><strong>标签    52

实例视频:设置加粗文字      52

4.1.4文字下划线<u>标签  54

实例20+视频:为文字添加下划线      54

4.1.5标题文字<h1><h6>标签         55

实例21+视频:设置标题文字      55

4.1.6其他文字修饰方法    56

4.2网页中文字的分行与分段   56

4.2.1&nbsp;的使用  56

实例22+视频:在网页文字中加入空格      57

4.2.2特殊字符    58

实例23+视频:在网页中插入特殊字符      58

4.2.3   文字换行<br />标签       59

实例24+视频:使用<br />标签为文字换行         59

4.2.4文字强制不换行<nobr >标签    60

实例25+视频:使用<nobr>标签强制文字不换行       60

4.2.5文字分段<p>标签       61

实例26+视频:使用<p>标签为文本分段    61

4.2.6文字对齐属性align    62

实例27+视频:设置文字水平对齐效果      63

4.2.7水平线<hr />标签       64

实例28+视频:使用水平线分割文本64

4.3文本滚动<marquee>标签     65

实例29+视频:制作网页滚动文本      66

4.4文本列表        67

4.4.1列表的组成         68

4.4.2无序列表<ul>标签      68

实例30+视频:制作新闻列表      68

4.4.3有序列表<ol>标签      69

实例31+视频:制作音乐排行      70

4.4.4定义列表<dl>标签      71

实例32+视频:制作新闻公告      71

4.5了解网页中的图片格式        72

4.6插入图像        73

4.6.1图像标签<img>  73

实例33+视频:制作图像页面      74

4.6.2图文混排    75

实例34+视频:制作图文介绍页面      75

4.6.3滚动图片    76

实例35+视频:制作网页图片滚动效果      76

4.7文本与图像链接   78

4.7.1超链接<a>标签  78

实例36+视频:为文字和图像设置超链接78

4.7.2超链接打开方式target属性    80

实例37+视频:设置超链接打开方式80

4.7.3超链接提示title属性         81

实例38+视频:设置超链接提示文字81

4.7.4锚点链接    82

实例39+视频:设置锚点链接      82

4.7.5特殊超链接         84

实例40+视频:设置网页中的特殊链接      84

4.7.6图像热点链接    86

实例41+视频:创建图像热点链接      86

4.8本章小结        88

5章 多媒体的应用     89

5.1插入多媒体文件   89

5.1.1插入Flash动画<embed>标签   89

实例42+视频:制作Flash欢迎页面    89

5.1.2插入FLV视频<object>标签       90

实例43+视频:制作FLV视频页面       91

5.1.3插入普通视频<embed>标签     92

实例44+视频:制作视频网页      93

5.2添加背景音乐      94

5.2.1背景音乐<bgsound />标签         94

实例45+视频:为网页添加背景音乐94

5.2.2嵌入音频<embed>标签     96

实例46+视频:在网页中嵌入音频      96

5.3插入外部程序      98

5.3.1调用外部JavaScript程序  98

实例47+视频:在网页中显示当前系统时间      98

5.3.2区分客户端与服务器端程序    99

5.4本章小结        100

6章 表格与框架设置     101

6.1创建表格     101

6.1.1  表格的基本构成<table><tr><td>标签    101

6.1.2表格标题<caption>标签    101

实例48+视频:为表格添加标题102

6.1.3表头<thead>、表主体<tbody>和表尾<tfoot>        103

实例49+视频:设置表格中的表头、表主体和表尾103

6.2设置表格属性        105

6.2.1表格属性设置    105

实例50+视频:通过表格属性美化表格    105

6.2.2设置表格的背景颜色和背景图片    107

实例51+视频:为表格设置背景图像107

6.2.3单行属性设置         109

实例52+视频:设置单行属性109

6.2.4单格属性设置         110

实例53+视频:设置单格属性110

6.2.5合并单格         112

实例54+视频:合并单格的应用      112

6.3了解网页框架        113

6.3.1网页中框架的作用    113

6.3.2了解框架结构    113

6.4创建框架网页        113

6.4.1创建框架集<frame>标签  113

实例55+视频 创建框架网页      114

6.4.2调整框架比例    115

实例56+视频:固定框架页面尺寸      115

6.4.3设置框架边框    116

实例57+视频:显示框架页面边框      116

6.4.4设置框架滚动条         117

实例58+视频:显示框架页面滚动条117

6.5IFrame框架   118

6.5.1插入IFrame框架        119

实例59+视频:在网页中嵌入IFrame框架页面         119

6.5.2Frame框架属性120

实例60+视频:设置IFrame框架属性         120

6.6本章小结        121

7章 使用表单     122

7.1了解网页表单        122

7.1.1网页表单的作用         122

7.1.2网页表单<form>标签         122

7.1.3表单的数据传递方式method属性  123

7.2插入表单素        123

7.2.1文本字段text     123

实例61+视频:插入单行文本框123

7.2.2密码字段password    124

实例62+视频:插入密码框125

7.2.3文本区域textarea      126

实例63+视频:插入多行文本框126

7.2.4隐藏域hidden     127

实例64+视频:插入隐藏域127

7.2.5复选框checkbox         128

实例65+视频:插入复选框128

7.2.6单选按钮radio   129

实例66+视频:插入单选按钮      129

7.2.7列表/菜单   130

实例67+视频:插入下拉列表      131

7.2.8图像域image      131

实例68+视频:插入图像域132

7.2.9文件域file  133

实例69+视频:插入文件域133

7.(咨询特价)按钮button       134

实例70+视频:插入按钮      134

7.3本章小结        135

8CSS基础       136

8.1为什么要使用CSS样式         136

8.1.1什么是CSS样式          136

8.1.2CSS样式的发展136

8.1.3CSS样式在网页中的作用137

8.2CSS样式语法          138

8.2.1CSS样式基本语法      138

8.2.2CSS的样式规则139

8.3CSS样式选择符     139

8.3.1通配选择符         139

实例71+视频:使用通配选择符控制网页中所有的标签140

8.3.2标签选择符         141

实例72+视频:使用标签选择符控制网页整体属性141

8.3.3类选择符    142

实例73+视频:创建类CSS样式  143

8.3.4ID选择符    144

实例74+视频:创建ID CSS样式144

8.3.5伪类选择符         145

实例75+视频:定义网页中超链接文字效果      146

8.3.6组合选择符         147

实例76+视频:创建复合CSS样式       147

8.3.7群选择符    148

实例77+视频:使用群选择符同时定义网页中的素样式      148

8.4在网页中应用CSS4种方式    150

8.4.1内联CSS样式     150

实例78+视频:创建内联CSS样式       150

8.4.2内部CSS样式     151

实例79+视频:创建内部CSS样式       151

8.4.3外部CSS样式     153

实例80+视频:链接外部CSS样式表文件         153

8.4.4导入外部CSS样式     154

实例81+视频:导入外部CSS样式表文件         155

8.5CSS样式的特性     156

8.5.1CSS样式的继承性      156

8.5.2CSS样式的特殊性      156

8.5.3CSS样式的层叠性      157

8.5.4CSS的重要性      157

8.6本章小结        158

9CSS布局       159

9.1创建Div 159

9.1.1了解Div       159

9.1.2如何插入Div       160

9.2什么是CSS盒模型         161

9.2.1可视化盒模型    161

9.2.2margin属性         162

实例82+视频:控制网页中素的margin属性         162

9.2.3border属性         163

实例83+视频:为网页中的图像添加边框效果164

9.2.4padding属性       165

实例84+视频:为网页素设置填充效果165

9.2.5content(内容)部分        166

9.3网页素定位属性        166

9.3.1CSS定位属性      166

9.3.2相对定位relative        167

实例85+视频:在网页中使用相对定位      167

9.3.3绝对定位absolute      168

实例86+视频:设置网页素绝对定位      168

9.3.4固定定位fixed    169

实例87+视频:设置网页素固定定位      170

9.3.5浮动定位float    171

实例88+视频:在网页中应用浮动定位      171

9.3.6空白边叠加         173

实例89+视频:网页中空白边叠加的应用173

9.4常用网页布局方式        175

9.4.1居中的布局         175

9.4.2浮动的布局         176

9.4.3自适应高度的解决方法    179

9.5什么是块素和行内素   180

9.5.1块素         180

9.5.2行内素    181

9.6本章小结        181

10CSS样式属性    182

10.1使用CSS控制文字样式      182

10.1.1字体font-family属性        182

实例90+视频:定义网页中的字体      182

10.1.2字体大小font-size属性  184

实例91+视频:定义网页中的字体大小      184

10.1.3字体颜色color属性         185

实例92+视频:定义网页中的文字颜色      186

10.1.4字体粗细font-weight属性      187

实例93+视频:定义网页中的字体加粗      187

10.1.5字体样式font-style属性188

实例94+视频:定义网页中文字的倾斜样式      189

10.1.6英文字体大小写text-transform属性     190

实例95+视频:定义网页中的英文字母大小写190

10.1.7文字修饰text-decoration属性        191

实例96+视频:为网页中的文字添加下划线、顶划线和删除线效果      191

10.2使用CSS控制字间距和段落样式      193

10.2.1字间距word-spacing属性       193

实例97+视频:设置段落文本字间距193

10.2.2行间距line-height属性   194

实例98+视频:设置网页中的文本行间距194

10.2.3段落首字下沉  195

实例99+视频:在网页中实现段落文字首字下沉    195

10.2.4段落首行缩进text-indent属性       196

实例100+视频:在网页中实现段落首行缩进效果    197

10.2.5段落水平对齐text-align属性198

实例101+视频:设置网页中文本居中对齐        198

10.2.6文本垂直对齐vertical-align属性    199

实例102+视频:设置网页中文本垂直对齐        199

10.3使用CSS控制背景颜色和背景图像  201

10.3.1背景颜色background-color属性     201

实例103+视频:设置网页的背景颜色        201

10.3.2背景图像background-image属性  202

实例104+视频:为网页设置背景图像        202

10.3.3背景图像重复方式background-repeat属性204

实例105+视频:设置网页背景图像重复    204

10.3.4背景图像位置background-position属性        206

实例106+视频:设置网页背景图像位置    206

10.3.5固定背景图像background-attachment属性207

实例107+视频:设置网页中的背景图像固定不动    208

10.4使用CSS设置图片样式      209

10.4.1边框border属性      209

实例108+视频:设置网页中图像边框效果        209

10.4.2图片缩放  211

实例109+视频:设置网页中图片缩放效果        211

10.4.3图片水平对齐与垂直对齐       213

10.5使用CSS设置列表属性      214

10.5.1ul无序列表样式       214

实例110+视频:设置网页中的项目列表    214

10.5.2ol有序列表样式       215

实例111+视频:定义网页中的有序列表    216

10.5.3更改列表项目样式  217

实例112+视频:设置独立的项目列表样式        217

10.5.4使用图片作为列表样式  218

实例113+视频:设置项目符号为自定义图像    218

10.5.5 定义列表  219

实例114+视频:设置定义列表样式    220

10.6使用CSS控制表单素      221

10.6.1表单素的背景颜色       221

实例115+视频:使用CSS样式定义文本框背景颜色         221

10.6.2表单素的边框       222

实例116+视频:使用CSS样式定义文本框的边框效果    222

10.6.3圆角文本字段  223

实例117+视频:使用CSS样式实现圆角文本字段效果    223

10.6.4定义下拉列表样式  224

实例118+视频:实现多彩下拉列表效果    225

10.7使用CSS控制超链接效果  226

实例1视频:设置文本超链接效果        226

10.8设置鼠标指针效果      228

10.8.1鼠标指针样式  228

实例120+视频:使用CSS样式定义网页鼠标指针效果    228

10.8.2鼠标变幻效果  229

实例121+视频:使用CSS样式实现鼠标变换效果    229

10.9使用CSS滤镜      230

10.9.1Alpha滤镜       231

实例122+视频:实现网页素半透明效果        231

10.9.2BlendTrans滤镜        233

实例123+视频:实现网页中的图像过渡效果233

10.9.3Blur滤镜   234

实例124+视频:实现网页中图像的模糊效果    235

10.9.4Chroma滤镜     236

实例125+视频:实现网页中文字透底效果        236

10.9.5DropShadow滤镜     237

实例126+视频:实现网页中图像的阴影效果    237

10.9.6FlipH滤镜238

实例127+视频:实现网页素的水平翻转        239

10.9.7FlipV滤镜240

实例128+视频:实现网页素的垂直翻转        240

10.9.8Glow滤镜241

实例129+视频:为网页中的文字添加发光效果        241

10.9.9Gray滤镜242

实例130+视频:将网页转换为黑白效果    242

10.(咨询特价)Invert滤镜      243

实例131+视频:实现网页的负片效果        243

10.(咨询特价)Light滤镜        244

实例132+视频:在网页中实现聚光灯特效        245

10.(咨询特价)Mask滤镜       246

实例133+视频:在网页中实现文字遮罩    246

10.(咨询特价)RevealTrans滤镜   247

实例134+视频:实现网页中的图像切换效果    247

10.(咨询特价)Shadow滤镜          248

实例135+视频:为网页中的素添加阴影效果        249

10.(咨询特价)Wave滤镜    250

实例136+视频:实现网页中图像的波浪效果    250

10.(咨询特价)Xray滤镜       251

实例137+视频:实现网页中图像的X光照效果         251

(咨询特价)本章小结   252

11CSS 3属性        253

11.1CSS 3中新增的选择符         253

11.1.1属性选择符       253

11.1.2结构伪类选择符       254

11.1.3UI素状态伪类选择符255

11.2CSS 3中的性盒子模型    255

11.2.1   盒子取向box-orient属性    255

11.2.2盒子顺序box-direction属性   256

11.2.3盒子位置box-ordinal-group属性    256

11.2.4盒子性空间box-flex属性    256

11.2.5      盒子空间管理box-packbox-align属性    256

11.2.6   盒子空间溢出管理box-lines属性       257

11.3新增的定义颜色方法        257

11.3.1HSL颜色定义法        257

实例138+视频:使用HSL方式定义背景颜色    258

11.3.2HSLA颜色定义方法259

实例139+视频:使用HSLA方式定义网页素背景色      259

11.3.3RGBA颜色定义方法         260

实例140+视频:使用RGBA方式设置颜色         260

11.4新增的文字控制属性261

11.4.1文字阴影text-shadow属性    261

实例141+视频:为网页中的文字添加阴影        262

11.4.2控制文本换行word-wrap属性       263

实例142+视频:强制网页中的文本换行    263

11.4.3文本溢出处理text-overflow属性264

实例143+视频:控制网页中的溢出文本    265

11.5新增背景控制属性      266

11.5.1背景图像大小background-size属性     266

实例144+视频:设置背景图像大小    267

11.5.2背景图像显示区域background-origin属性   268

实例145+视频:控制网页中背景图像的显示区域    269

11.5.3背景图像裁剪区域background-clip属性        270

实例146+视频:控制网页中背景图像的裁剪    270

11.6新增边框控制属性      271

11.6.1多重边框颜色border-colors属性   271

实例147+视频:为网页中的图像添加多种颜色边框        271

11.6.2圆角边框border-radius属性  273

实例148+视频:在网页中实现圆角边框    273

11.6.3图像边框border-image属性  274

实例149+视频:在网页中应用图像边框    275

11.7新增的内容属性和透明度属性276

11.7.1内容content属性    276

实例150+视频:为网页中的容器赋予文字内容        277

11.7.2透明度opacity属性          278

实例151+视频:设置网页中素的不透明度    278

11.8新增的多列布局属性279

11.8.1列宽度column-width属性       279

实例152+视频:为网页中的文本实现分栏效果        279

11.8.2列数column-count属性  280

实例153+视频:将网页中相应的内容分为3         281

11.8.3列间距column-gap属性282

实例154+视频:控制网页中分列间距        282

11.8.4列边框column-rule  283

实例155+视频:设置网页中的列边框效果        283

11.9新增界面相关属性      285

11.9.1素阴影box-shadow属性     285

实例156+视频:为网页中的图像添加阴影效果        285

11.9.2内容溢出处理overflow属性  286

实例157+视频:网页中内容溢出处理        286

11.9.3区域缩放调节resize        288

实例158+视频:在网页中实现可自由缩放的区域    288

11.9.4轮廓外边框outline  289

实例159+视频:为网页中的图像添加轮廓外边框    290

11.9.5导航序列号nav-index      291

(咨询特价)CSS 3中其他新增属性      291

(咨询特价).1判断对象@media属性292

实例160+视频:判断浏览器窗口宽度显示背景颜色        292

(咨询特价).2加载服务器端字体@font-face属性     293

(咨询特价)本章小结   293

12.1了解JavaScript    294

12.1.1JavaScript概述294

12.1.2JavaScript在网页中的作用     294

12.1.3如何在网页中应用JavaScript 295

实例161+视频:编写一个简单的JavaScript脚本      296

12.2JavaScript语法基础    297

12.2.1JavaScript代码格式297

12.2.2<script>标签声明     297

12.2.3大小写规范       297

12.2.4添加注释  298

12.2.5JavaScript中的保留字     298

12.2.6输出方法  298

实例162+视频:使用JavaScript程序在网页中输出文字299

12.3变量      300

12.3.1什么是变量       300

12.3.2变量的声明和使用  300

实例163+视频:定义并输出变量        300

12.4数据类型      301

12.4.1什么是数据类型       301

12.4.2基本的数据类型       302

实例164+视频:数字类型的使用        302

12.5运算符303

12.5.1运算符与表达式       304

实例165+视频:合并表达式        304

12.5.2算术运算符       305

实例166+视频:算术运算符的应用    305

12.5.3赋值运算符       306

实例167+视频:赋值运算符的应用    307

12.5.4递增和递减运算符  308

实例168+视频:递增和递减运算符的应用        308

12.5.5关系运算符       309

实例169+视频:关系运算符的应用    310

12.5.6逻辑运算符       311

实例170+视频:逻辑运算符的应用    311

12.5.7其他常用运算符       312

实例171+视频:条件运算符的应用    313

12.6条件和循环语句314

12.6.1if条件语句        314

实例172+视频:if语句的应用     315

12.6.2switch条件语句       316

实例173+视频:switch语句的应用    317

12.6.3while循环语句          318

实例174+视频:while语句的应用       318

12.6.4dowhile循环语句          319

实例175+视频:dowhile语句的应用       319

12.6.5for循环语句     320

实例176+视频:for语句的应用  321

12.6.6forin循环语句      322

实例177+视频:forin语句的应用   322

12.7本章小结      323

13.1JavaScript函数    324

13.1.1什么是函数       324

13.1.2函数的使用       324

实例178+视频:自定义函数的应用    325

13.1.3函数传递参数  326

实例179+视频:使用函数传递参数    326

13.1.4   函数中变量的作用域  327

实例180+视频:了解函数中变量的作用域        327

13.1.5函数的返回值         328

实例181+视频:接收函数返回值        328

13.1.6函数嵌套  330

实例182+视频:函数嵌套的应用        330

13.2声明和引用对象331

13.2.1对象的声明       331

实例183+视频:在JavaScript中声明对象331

13.2.2引用对象  333

实例184+视频:引用内置对象输出系统时间    333

13.2.3对象属性  334

实例185+视频:设置对象属性    334

13.2.4对象构造函数  335

实例186+视频:对象构造函数的应用        335

13.2.5自定义对象方法       336

实例187+视频:自定义对象方法应用        336

13.3JavaScript内置对象    338

13.3.1date对象  338

实例188+视频:Date对象的应用       340

13.3.2math对象          341

实例189+视频:Math对象的应用      341

13.3.3string对象         342

实例190+视频:String对象的应用      342

13.3.4array对象          343

实例191+视频:Array对象的应用      344

13.3.5函数对象  345

实例192+视频:函数对象的应用        345

13.4浏览器对象347

13.4.1浏览器对象navigator      347

实例193+视频:navigator对象的应用        347

13.4.2窗口对象window     349

实例194+视频:window对象的应用  349

13.4.3位置对象location     350

实例195+视频:location对象的应用  351

13.4.4历史对象history       352

实例196+视频:history对象的应用    352

13.4.5屏幕对象screen       353

实例197+视频:screen对象的应用    354

13.4.6文档对象document 355

实例198+视频:document对象的应用       355

13.5本章小结      356

14.1   了解JavaScript事件        357

14.1.1了解JavaScript事件处理         357

14.1.2HTML素常用事件        358

14.1.3常用事件方法  359

14.2   常用事件在网页中的应用      359

14.2.1click事件  359

实例199+视频:使用click事件实现关闭网页窗口   359

14.2.2change事件      361

实例200+视频:change事件在网页表单中的应用   361

14.2.3select事件        362

实例201+视频:在网页中使用select事件         362

14.2.4focus事件          363

实例202+视频:focus事件在网页中的应用       363

14.2.5load事件  364

实例203+视频:load事件在网页中的应用         364

14.2.6鼠标移动事件  365

实例204+视频:在网页中应用鼠标移动事件    365

14.2.7onblur事件        367

实例205+视频:onblur事件在网页中的应用     367

14.3其他常用事件      368

14.4本章小结      369

15JavaScript应用实例370

15.1JavaScript实现可选择字体大小         370

   实例206+视频:实现选择大小    370

15.2JavaScript实现图像滑动切换效果    372

   实例207+视频:实现图像滑动效果    372

15.3JavaScript实现滚动宣传广告    376

   实例208+视频:滚动宣传广告    377

15.4实现下拉导航菜单      388

   实例209+视频:下拉导航菜单    388

15.5制作选项卡式栏目      390

   实例210+视频:使用制作项卡式栏目        390

15.6实现网页伸缩栏目      394

   实例211+视频:网页伸缩栏目    394

15.7本章小结      398

内容简介:

Web标准是所有网页前台技术的发展方向,本书学习的三大技术是Web标准的主要组成部分,全面地介绍了使用HTMLCSSJavaScript进行网页设计制作的各方面内容和技巧。

全书共分15章,从初学者的角度出发,全面讲解了HTMLCSSJavaScript的相关知识,其中包括网页建设基础、HTMLXHTML基础、HTML控制网页整体属性、文字与图片设置、多媒体的应用、表格与框架设置、使用表单、CSS基础、CSS布局、CSS样式属性、CSS 3属性、JavaScript入门等内容。本书通过知识点与实例相结合的方尸让读者能够清晰明了地理解书中的相关技术内容,从而达到理想的学习效果。

本书附赠1DVD光盘,其中包含书中所有实例的源文件和最终文件,以及所有实例的教学视频,以方便读者学习和参考。

本书结构清晰、实例经典、技术实用,适合网页设计人员以及网页设计专业的学生阅读。

前 言

随着Internet信息技术的发展,网页设计与制作技术已经成为使用网络的用户必备的知识技能。现如今,大部分制作网页的方式都是运用可视化网页编辑软件,这些软件的功能相当强大。但对于高级的网页制作人员来讲,仍然需要掌握HTMLCSSJavaScript等网页设计语言和技术,从而更好地设计自己所想象的页面,以实现一般网页设计软件所不能实现的许多重要功能。

本书要求读者边学习边实践,几乎每个重要的知识点都有实例练习供读者参考,避免学习知识的表面仅限于理论。技术学习的关键是方法,本书在很多实例中体现了方法的重要性,读者只要掌握了各种技术的运用方法,在学习更深入的知识时,可大大提高自学的效率。

本书内容

本书以实例为主,以循序渐进的方式讲述了网页制作技术从基本概念到HTML页面制作、CSS样式和JavaScript程序的动态行为。本书共分为15章,内容丰富,结构清晰,各章内容介绍如下。

1章 网页建设基础,主要介绍了网页建设的相关基础知识,包括因特网本质、网页与网站、网站建设常用软件和HTMLCSSJavaScript结合等内容,使读者对网站建设有全面的了解和认识。

2HTMLXHTMLHTML 5基础,重点介绍了HTMLXHTML的相关基础知识,如HTMLXHTML的区别,还介绍了有关HTML 5的知识,使读者对最新的HTML 5有所了解。

3HTML控制网页整体属性,介绍了如何在HTML中对网页头部的<head>标签和网页主体<body>标签进行设置,从而达到控制网页整体属性的目的。

4章 文字与图片设置,文字与图片是网页中不可或缺的基本素,本章主要介绍在HTML中对网页中的文字、段落、列表、图像和超链接进行控制的方法和属性,这些都属于对网页基本素的控制,读者需要细心体会,认真掌握。

5章 多媒体的应用,随着网络的发展,网页中多媒体的应用也越来越多,本章主要介绍了如何在网页中应用各种不同类型的多媒体素,从而使网页更加美观。

6章 表格与框架设置,主要介绍了如何在HTML中对表格和框架进行设置,通过对其相关属性的设置,可以使页面中的表格更加美观,从而轻松自如地在网页中应用框架。

7章 使用表单,表单是网页交互的重要途径,本章主要介绍如何通过HTML在网页中插入各种不同类型的表单素,以及对表单素属性进行设置。

8CSS基础,主要介绍有关CSS样式的基础知识,包括CSS样式的作用、CSS样式语法、应用CSS样式的方式和CSS选择符等内容,使读者对CSS样式有全面的认识和理解。

9CSS布局,CSS布局是目前最流行的网页布局方尸本章主要介绍CSS布局的相关知识,包括CSS盒模型、常用的CSS定位方式和常用的CSS布局方式等内容。

10CSS样式属性,本章是CSS样式的重点,主要介绍CSS样式中几乎所有的属性,包括CSS文字属性、CSS段落属性、CSS背景属性、CSS列表属性和CSS滤镜等内容。本章内容较多,也非常重要,读者需要认真地理解并掌握。

11CSS 3属性,在CSS 3中增加了许多新的控制属性,通过这些新增的控制属性,在网页中能够实现许多特殊的效果。本章重点介绍CSS 3的新增属性,并且通过实例练习的形式进行举例说明,使读者更容易掌握和应用。

12JavaScript入门,介绍了JavaScript的相关基础知识,包括JavaScript在网页中的作用、JavaScript语法基础、变量、数据类型、常用运算符、条件与循环语句等内容,使读者能够深入地了解JavaScript

13JavaScript中的函数与对象,介绍了JavaScript中函数与对象的概念,以及在JavaScript中如何使用函数,并且介绍了JavaScript中的内置对象及其使用方法。

14JavaScript中的事件,介绍了JavaScript事件的概念以及常用事件,并且通过实例练习的形式介绍了常用HTML事件的使用方法和技巧。

15JavaScript应用实例,列举了多个在网页中常见的JavaScript特效实例进行分析讲解,使读者能够快速掌握网页中常见特殊的实现方法。

本书特点

本书形式新颖、内容丰富、结构清晰,不仅包含了网页前台技术的各种概念和理论知识,而且对多种知识的综合应用进行了讲解,本书将知识门槛定于初级读者,以大量简单明了的实例进行示范和讲解。

本书主要有以下特点:

知识全面,系统。本书内容完全从网页创建的实际角度出发,将HTMLCSSJavaScript的素进行归类,每个标签的语法、属性和参数都有完整详细的说明,信息量大,知识结构完善。

本书的编排采用循序渐进的方式 ,所有实例练习都具有代表性,着重解决网页相关工作中的实际问题,适合初学者逐步地掌握复杂的网页制作。

典型实例讲解。每章都配有大量的实例练习,将基础知识综合贯穿起来,力求达到理论知识与实际操作完美结合的效果。

本书由具有丰富工作经验的设计师编写,在每个实例后都配有相关的提问和解答,可见设计师的用心设计,旨在引导读者能够快速地掌握HTMLCSS样式和JavaScript

本书配套的多媒体教学光盘中提供了书中所有实例的视频教程,以及所有实例的源文件及最终文件,方便读者制作出和本书实例一样精美的效果。

本书作者

本书由杨阳编著,另外李晓斌、张晓景、解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、范明、刘强、贺春香、王延楠、于海波、肖阂、张航、罗廷兰等也参与了编写工作。本书在写作过程中力求严谨,由于水平有限,疏漏之处在所难免,望广大读者批评指正。                                         

 

                                                                                                                          编  者

热门设计服务