HTML CSS JavaScript网页设计与布局从新手到高手目录

时间：2023-06-08 02:45:01 | 来源：营销百科

时间：2023-06-08 02:45:01 来源：营销百科

HTML CSS JavaScript网页设计与布局从新手到高手目录：第1章 网页基础 1

1.1 初识网页 2

1.1.1 网页的构成 2

1.1.2 静态网页 3

1.1.3 动态网页 3

1.1.4 数据库 4

1.2 W3C概述 7

1.2.1 了解W3C 7

1.2.2 W3C的结构 8

1.2.3 W3C的表现 9

1.2.4 W3C的行为 11

1.3 网站设计概述 12

1.3.1 网站整体策划 12

1.3.2 网页设计任务 13

1.3.3 网页设计实现 14

1.4 网页配色 16

1.4.1 色彩的基础概念 17

1.4.2 色彩的模式 20

1.4.3 自定义网页颜色 21

1.4.4 色彩推移 22

1.5 网页的艺术表现与风格设计 23

1.5.1 网页形式的艺术表现 23

1.5.2 网页构成的艺术表现 25

1.5.3 网页纹理的艺术表现 26

1.5.4 网页设计风格类型 28

第2章 HTML5概述 30

2.1 HTML5基本概念 31

2.1.1 HTML5简介 31

2.1.2 HTML5文档类型 31

2.1.3 页面构成 32

2.2 HTML5的优势 33

2.2.1 HTML5优点 33

2.2.2 HTML5的特性 34

2.2.3 HTML5新功能 34

2.3 HTML5的主体结构 35

2.3.1HTML5结构性标签体系 35

2.3.2新增的主体结构标签 37

2.3.3新增的非主体结构标签 39

2.4HTML5文件的编写方法 40

2.4.1手工编写HTML5 40

2.4.2使用Dreamweaver编写 41

2.5练习：创建HTML5文档 45

2.6练习：制作第一个HTML5网页 47

2.7新手训练营 48

第3章创建文本和图像 51

3.1添加网页文本 52

3.1.1添加普通文本 52

3.1.2添加特殊字符 52

3.2设置文本格式 54

3.2.1设置文本样式 54

3.2.2设置对齐方式 58

3.2.3设置段落样式 59

3.3设置文字列表 61

3.3.1设置单个列表 61

3.3.2设置多个列表 62

3.3.3设置嵌套列表 63

3.3.4自定义列表 64

3.4使用图像 64

3.4.1网页图像格式 64

3.4.2插入图像 65

3.4.3编辑图像 66

3.5练习：制作数学试题网页 68

3.6练习：制作导航条 71

3.7新手训练营 73

第4章创建表格 76

4.1使用表格 77

4.1.1创建表格 77

4.1.2创建嵌套表格 77

4.1.3创建标题表格 78

4.2编辑单元格 79

4.2.1调整单元格 79

4.2.2设置单元格背景 81

4.2.3合并单元格81

4.3设置表格 83

4.3.1定义表格 83

4.3.2设置边框类型 84

4.3.3设置表格背景 85

4.4处理表格数据 86

4.4.1排序数据 86

4.4.2导入/导出表格数据 87

4.5练习：制作个人简历 88

4.6练习：制作购物车页 93

4.7新手训练营 97

第5章创建超链接 101

5.1链接与路径 102

5.1.1网页中的链接 102

5.1.2网页中的路径 102

5.2使用超链接 103

5.2.1创建文本超链接 103

5.2.2创建图像超链接 104

5.2.3创建其他超链接 104

5.3应用IFrame框架 108

5.3.1插入IFrame框架 108

5.3.2链接IFrame框架页面 109

5.4练习：制作水果页面 110

5.5练习：制作水墨画页面 112

5.6新手训练营 115

第6章应用多媒体 118

6.1插入Flash 119

6.1.1插入Flash动画 119

6.1.2插入Flash视频 121

6.2使用音频文件 122

6.2.1了解audio标签 122

6.2.2添加音频文件 123

6.3使用视频文件 124

6.3.1了解video标签 124

6.3.2添加视频文件 125

6.4音频与视频相关的属性、方法和

事件 126

6.4.1音频与视频相关的属性 127

6.4.2音频与视频相关的方法 130

6.4.3音频与视频相关的事件 130

6.5练习：制作音乐播放网页 132

6.6练习：制作在线视频网页 134

6.7新手训练营 136

第7章使用HTML图形 138

7.1认识HTML5Canvas元素139

7.1.1Canvas元素概述 139

7.1.2浏览器的支持与替代

内容 139

7.1.3在页面中放置Canvas

元素 140

7.2绘制基本形状 141

7.2.1绘制矩形 141

7.2.2绘制圆形 142

7.2.3绘制直线 143

7.2.4绘制三角形 143

7.2.5绘制曲线 144

7.3绘制渐变图形 146

7.3.1绘制线性渐变 146

7.3.2绘制径向渐变 147

7.4绘制变形图形 147

7.4.1绘制平移效果图形 148

7.4.2绘制缩放效果图形 148

7.4.3绘制旋转效果图形 149

7.5编辑图形 150

7.5.1组合图形 150

7.5.2裁切路径 151

7.5.3设置描边样式 151

7.5.4设置图形的透明度 153

7.5.5设置阴影 154

7.5.6保存图形状态 155

7.6使用图像 156

7.6.1绘制图像 156

7.6.2平铺图像 157

7.6.3裁剪图像 158

7.6.4px化处理图像 158

7.7绘制文字 160

7.7.1绘制填充文字 160

7.7.2绘制轮廓文字 161

7.7.3设置文字宽度 162

7.8练习：制作风景推荐线路 162

7.9练习：制作校园简介 164

7.10新手训练营 167

第8章创建表单 169

8.1添加表单 170

8.1.1表单概述 170

8.1.2插入表单 170

8.2添加文本和网页元素 172

8.2.1添加文本元素 172

8.2.2添加网页元素 173

8.3添加选择和按钮元素 177

8.3.1添加选择元素 177

8.3.2添加按钮元素 179

8.4添加表单高级元素 181

8.4.1新增input元素属性 181

8.4.2新增form元素及其属性 185

8.5练习：制作用户登录页面 186

8.6练习：制作用户注册页面 188

8.7新手训练营 191

第9章Web应用技术 194

9.1本地存储 195

9.1.1WebStorage概述 195

9.1.2WebStorage的优势 195

9.1.3判断浏览器 196

9.1.4WebStorage方法 196

9.2离线Web应用程序 198

9.2.1离线Web应用程序概述 199

9.2.2CacheManifest文件 199

9.2.3在线状态检测 200

9.2.4applicationCache对象 200

9.3通信应用 201

9.3.1WebSocket通信概述 201

9.3.2跨文档消息传输 202

9.3.3使用WebSocket 203

9.4线程应用 204

9.4.1WebWorkers概述 204

9.4.2工作线程与多线程 205

9.4.3线程事件处理模型 206

9.4.4浏览器与线程 207

9.5获取地理位置信息 207

9.5.1使用方法 207

9.5.2position对象 209

9.6练习：制作简单留言簿 210

9.7练习：制作个人博客 213

9.8新手训练营 216

第10章揭秘CSS3 218

10.1CSS3简介 219

10.1.1了解CSS样式219

10.1.2CSS的发展史 220

10.2应用CSS3 222

10.2.1CSS3的基础语法 222

10.2.2CSS的应用分类 223

10.2.3CSS3的新特性 224

10.2.4CSS里的单位 226

10.2.5CSS编写规则 227

10.3使用CSS3选择器 228

10.3.1认识CSS3选择器 228

10.3.2非伪类型选择器 229

10.3.3伪类选择器 231

10.3.4结构性伪类选择器 232

10.3.5UI元素状态伪类选择器 235

10.3.6其他关系选择器 238

10.4练习：制作多彩时尚页 239

10.5练习：制作图片新闻页 242

10.6新手训练营 244

第11章美化字体与段落 247

11.1设置字体格式 248

11.1.1使用选择器插入字体 248

11.1.2设置字体和字号 249

11.1.3设置字体样式 250

11.1.4设置字体颜色 252

11.1.5设置复合属性 253

11.2设置段落格式 253

11.2.1设置段落的基本样式 254

11.2.2设置段落的高级样式 258

11.2.3设置列表样式 260

11.3设置高级样式 264

11.3.1设置阴影效果 264

11.3.2省略标记 266

11.3.3设置自动换行 268

11.3.4调用服务端字体 268

11.4练习：制作企业新闻列表 269

11.5练习：制作节日简介页面 271

11.6新手训练营 273

第12章美化图片与列表 276

12.1插入图像文件 277

12.1.1在标题前插入图像文件 277

12.1.2attr属性应用 278

12.2设置图片格式 278

12.2.1缩放图片 278

12.2.2设置对齐方式 279

12.3图文混排 281

12.3.1设置文字环绕 281

12.3.2设置图文间距 282

12.4设置项目列表 282

12.4.1设置无序列表 283

12.4.2设置有序列表 283

12.4.3设置自定义列表 284

12.4.4设置图片列表 285

12.5练习：制作在线调查页 286

12.6练习：制作产品说明页面 288

12.7新手训练营 291

第13章美化背景与边框 293

13.1设置背景格式 294

13.1.1设置背景颜色 294

13.1.2设置背景图片 295

13.1.3设置背景区域 299

13.2设置边框格式 301

13.2.1设置边框样式 301

13.2.2设置图片边框 305

13.3设置圆角效果 306

13.3.1设置圆角边框 306

13.3.2指定两个半径 307

13.3.3绘制4个不同半径的

圆角边框 307

13.3.4设置隐藏边框 308

13.4练习：制作企业网站首页 309

13.5练习：制作图书列表 311

13.6新手训练营 314

第14章美化表格、表单与超链接 316

14.1美化表格 317

14.1.1设置边框样式 317

14.1.2设置边框粗细 318

14.1.3设置边框颜色 319

14.2美化表单 321

14.2.1设置表单背景 322

14.2.2设置表单按钮 323

14.2.3设置菜单效果 323

14.3美化超链接 324

14.3.1设置超链接样式 324

14.3.2设置超链接说明 326

14.3.3设置超链接背景 327

14.3.4设置按钮超链接 328

14.4练习：制作问卷调查表 328

14.5练习：制作商品列表 331

14.6新手训练营 334

第15章CSS3变形与动画 336

15.12D变形 337

15.1.1使用2D变形 337

15.1.2自定义变形 340

15.2设计动画 342

15.2.1使用Transitions属性 342

15.2.2同时平滑过渡多个

属性值 343

15.2.3使用Animations属性 344

15.2.4实现动画的方法 345

15.3渐变效果 346

15.3.1使用Webkit渐变 346

15.3.2使用Gecko渐变 349

15.4练习：制作不规则形状 352

15.5练习：制作动态菜单 355

15.6新手训练营 357

第16章盒样式与用户界面 360

16.1使用盒相关样式 361

16.1.1盒的基本类型 361

16.1.2内容溢出 362

16.1.3插入内容 363

16.1.4控制浏览器行为 363

16.1.5区域可缩放 364

16.2用户界面模块 365

16.2.1设置边框阴影 365

16.2.2绘制轮廓 366

16.2.3nav开头属性 368

16.3设置分栏效果 369

16.3.1设置多栏布局 369

16.3.2设置多栏样式 370

16.4练习：制作传媒公司首页 375

16.5练习：制作新年贺词页 378

16.6新手训练营 379

第17章JavaScript概述 383

17.1JavaScript简介 384

17.1.1认识JavaScript 384

17.1.2JavaScript与Java的区别 385

17.2JavaScript语法基础 386

17.2.1语法概述 386

17.2.2JavaScript语句 387

17.2.3JavaScript注释 388

17.3JavaScript数据结构和类型 389

17.3.1JavaScript数据结构 389

17.3.2JavaScript数据类型 391

17.4JavaScript运算符 394

17.4.1运算符的优先级 394

17.4.2算术运算符395

17.4.3比较运算符395

17.4.4位运算符 396

17.4.5逻辑运算符396

17.4.6条件运算符397

17.4.7赋值运算符397

17.5练习：制作海湾度假村网页 398

17.6练习：制作花品展示页 402

17.7新手训练营 404

第18章JavaScript核心语法 406

18.1条件判断语句 407

18.1.1if类语句 407

18.1.2switch语句 409

18.2循环和跳转语句 410

18.2.1循环语句 410

18.2.2跳转语句 412

18.3函数 414

18.3.1函数简介 414

18.3.2参数传递 414

18.3.3定义函数 415

18.3.4内置函数 416

18.4事件驱动和事件处理 421

18.4.1事件与事件驱动 421

18.4.2关联事件与处理代码 422

18.4.3调用事件 423

18.5练习：制作在线调查页 424

18.6练习：制作动画转动特效 426

18.7新手训练营 429

第19章JavaScript的内置对象 431

19.1面向对象概述 432

19.1.1什么是面向对象 432

19.1.2创建对象 432

19.1.3属性和方法 433

19.2字符串对象 434

19.2.1创建字符串对象 434

19.2.2应用对象属性 434

19.2.3应用对象方法 435

19.3数值对象 436

19.3.1应用对象属性 436

19.3.2应用对象方法 437

19.4日期对象 438

19.4.1创建日期对象 438

19.4.2应用对象属性 439

19.4.3应用对象方法 439

19.4.4运算日期 441

19.5数组对象 442

19.5.1创建数组对象 442

19.5.2应用属性 443

19.5.3应用方法 443

19.6练习：制作图片展示 444

19.7练习：制作弹出对话框 446

19.8新手训练营 448

第20章JavaScript核心对象 450

20.1窗口对象 451

20.1.1应用窗口 451

20.1.2应用对话框 452

20.1.3应用状态栏 454

20.1.4窗口操作 455

20.2文档对象 456

20.2.1应用文档对象 456

20.2.2操作文档元素 458

20.3表单和图像对象 459

20.3.1应用表单对象 459

20.3.2应用图像对象 462

20.4练习：制作网页导航 463

20.5练习：制作动态首页 466

20.6新手训练营 471

第21章网站后台管理页面 473

21.1后台管理页设计分析 474

21.1.1后台管理系统的分类 474

21.1.2后台管理系统的功能 474

21.1.3后台框架集管理页 474

21.2设置登录页面 475

21.3创建主框架集页 478

21.4框架集顶部文件 479

21.5框架集左侧文件 482

21.6练习：框架集主文件 484