HTML CSS JavaScript网页制作全能一本通

副标题:无

作   者:刘贵国

分类号:

ISBN:9787302459729

微信扫一扫,移动浏览光盘

简介


本书紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。本书不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的实例来达到学以致用的目的。每个语法都有相应的实例,每章后面又配有综合实例,力求达到理论知识与实践操作完美结合的效果。全书共23章分为4部分,主要内容包括HTML入门、HTML基本标记、用HTML设置文字与段落格式、用HTML创建精彩的图像和多媒体页面、用HTML创建超链接和表单、使用HTML创建强大的表格、创建框架结构网页、移动开发基础HTML5、CSS基础知识、用CSS设计丰富的文字效果、用CSS设计图像和背景、设计更富灵活性的表格和表单、用CSS制作链接与网站导航、CSS中的滤镜、CSS DIV布局定位基础、CSS DIV布局方法、CSS3指南、JavaScript基础知识、数据类型和运算符、JavaScript语法基础、JavaScript中的事件、JavaScript中的对象、企业网站制作方法。本书可作为普通高校计算机及相关专业教材、高职高专教材,也可供从事网页设计与制作、网站开发、网页编程等行业人员参考阅读。

目录


第1 篇 HTML 篇

第1 章 HTML 入门 1

1.1 什么是HTML . 002

1.2 HTML 文件的基本结构 . 003

1.2.1 HTML 文件结构 .003

1.2.2 编写HTML 文件的注意事项 004

1.3 HTML 文件编写方法 . 004

1.3.1 使用记事本编写HTML 页面 004

1.3.2 使用Dreamweaver 编写HTML页面.006

1.4 网页设计与开发的过程 006

1.4.1 明确网站定位006

1.4.2 收集信息和素材007

1.4.3 规划栏目结构007

1.4.4 设计页面图像008

1.4.5 制作页面008

1.4.6 实现后台功能009

1.4.7 网站的测试与发布010

1.5 本章小结 .011

第2 章 HTML 基本标记 . 12

2.1 HTML 页面主体的常用设置 . 013

2.1.1 定义网页背景色—bgcolor .013

2.1.2 设置背景图片—background .014

2.1.3 设置文字颜色—text015

2.1.4 设置链接文字属性016

2.1.5 设置页面边距018

2.2 页面头部元素<head> 和<!DOCTYPE> .019

2.3 页面标题元素<title> 020

2.4 元信息元素<meta> 021

2.4.1 设置页面关键词021

2.4.2 设置页面主要内容022

2.4.3 定义页面的搜索方式022

2.4.4 定义编辑工具023

2.4.5 定义页面的作者信息023

2.4.6 定义网页文字及语言024

2.4.7 定义页面的跳转024

2.4.8 定义页面的版权信息025

2.5 脚本元素<script> . 025

2.6 创建样式元素<style>. 026

2.7 链接元素<link> 027

2.8 综合实战—创建基本的HTML 文件 .028

2.9 本章小结 029

第3 章 用HTML 设置文字与段落格式 . 30

3.1 插入其他标记 031

3.1.1 输入空格符号031

3.1.2 输入特殊符号032

3.2 设置文字的格式 033

3.2.1 设置字体—face .033

3.2.2 设置字号—size .033

3.2.3 设置文字颜色—color .034

3.2.4 设置粗体、斜体、下画线—

b、strong、em、u 035

3.2.5 设置上标与下标—sup、sub 036

3.3 设置段落的格式 037

3.3.1 段落标记—p037

3.3.2 段落的对齐属性—align038

3.3.3 不换行标记—nobr 039

3.3.4 换行标记—br 040

3.4 水平线标记 040

3.4.1 插入水平线—hr 040

3.4.2 设置水平线宽度与高度属性—width、size .041

3.4.3 设置水平线的颜色—color .042

3.4.4 设置水平线的对齐方式—align 043

3.4.5 水平线去掉阴影—noshade 044

3.5 设置滚动文字 044

3.5.1 滚动文字标签—marquee 044

3.5.2 滚动方向属性—direction .045

3.5.3 滚动方式属性—behavior046

3.5.4 滚动速度属性—scrollamount .047

3.5.5 滚动延迟属性—scrolldelay 048

3.5.6 滚动循环属性—loop 048

3.5.7 滚动范围属性—width、height 049

3.5.8 滚动背景颜色属性—bgcolor .050

3.5.9 滚动空间属性—hspace、vspace 051

3.6 综合实例—设置页面文本及段落 051

3.7 本章小结 053

第4 章 用HTML 创建精彩的图像和多媒体页面 . 54

4.1 网页中常见的图像格式 055

4.2 插入图像并设置图像属性 056

4.2.1 图像标记—img .056

4.2.2 设置图像高度—height.057

4.2.3 设置图像宽度—width 057

4.2.4 设置图像的边框—border .058

4.2.5 设置图像水平间距—hspace .059

4.2.6 设置图像垂直间距—vspace .060

4.2.7 设置图像的对齐方式—align061

4.2.8 设置图像的替代文字—alt061

4.3 添加多媒体文件 062

4.4 添加背景音乐 063

4.4.1 设置背景音乐—bgsound 063

4.4.2 设置循环播放次数—loop 064

4.5 综合实例 065

综合实例1—创建多媒体网页.065

综合实例2—创建图文混合排版网页 066

4.6 本章小结 068

第5 章 用HTML 创建超链接和表单 . 69

5.1 超链接的基本概念 070

5.2 创建基本超链接 071

5.2.1 超链接标记071

5.2.2 设置的目标窗口072

5.3 创建图像的超链接 073

5.3.1 设置图像超链接073

5.3.2 设置图像热区链接075

5.4 创建锚点链接 076

5.4.1 创建锚点076

5.4.2 链接到页面不同位置的锚点链接.077

5.5 插入表单—form 079

5.5.1 处理动作—action 079

5.5.2 表单名称—name .079

5.5.3 传送方法—method080

5.5.4 编码方式—enctype .080

5.5.5 目标显示方式—target.081

5.6 综合实例 082

综合案例1—插入表单对象.082

综合案例2—给网页添加链接.084

5.7 本章小结 085

第6 章 使用HTML 创建强大的表格 . 86

6.1 创建并设置表格属性 087

6.1.1 表格的基本标记—table、tr、td 087

6.1.2 表格宽度和高度—width、height .089

6.1.3 表格的标题—caption 089

6.1.4 表格的表头—th 091

6.1.5 表格对齐方式—align092

6.1.6 表格的边框宽度—border .094

6.1.7 表格边框颜色—bordercolor .095

6.1.8 单元格间距—cellspacing096

6.1.9 单元格边距—cellpadding .097

6.1.10 表格的背景色—bgcolor .098

6.1.11 表格的背景图像—background 099

6.2 表格的结构标记 100

6.2.1 设计表头样式—thead .100

6.2.2 设计表主体样式—tbody 102

6.2.3 设计表尾样式—tfoot 103

6.3 综合实例—使用表格排版网页 104

6.4 本章小结 107

第7 章 创建框架结构网页 . 108

7.1 窗口框架简介 109

7.2 设置框架集标记frameset 属性 .110

7.2.1 水平分割窗口—rows 110

7.2.2 垂直分割窗口—cols .111

7.2.3 嵌套分割窗口112

7.2.4 设置边框—frameborder 113

7.2.5 框架的边框宽度—framespacing 114

7.2.6 框架的边框颜色—bordercolor .115

7.3 设置框架标记frame 属性 .116

7.3.1 框架页面源文件—src .116

7.3.2 框架名称—name .117

7.3.3 调整框架窗口的尺寸—noresize .118

7.3.4 框架边框与页面内容的水平边距—marginwidth 119

7.3.5 框架边框与页面内容的垂直边距—marginheight .120

7.3.6 设置框架滚动条显示—scrolling.121

7.3.7 不支持框架标记—noframes .122

7.4 浮动框架 123

7.4.1 浮动框架的页面源文件—src .123

7.4.2 浮动框架的宽度和高度—width 和height .124

7.4.3 浮动框架的对齐方式—align124

7.4.4 设置浮动框架是否显示滚动条—scrolling.125

7.4.5 浮动框架的边框—frameborder 126

7.5 综合实例—创建上方固定、左侧嵌套的框架网页 126

7.6 本章小结 129

第8 章 移动开发基础HTML5 130

8.1 认识HTML 5 131

8.1.1 实用性和用户优先131

8.1.2 化繁为简132

8.2 HTML 5 的新特性 133

8.3 HTML 5 与HTML 4 的区别 134

8.3.1 HTML 5 的语法变化 134

8.3.2 HTML 5 中的标记方法 134

8.3.3 HTML 5 语法中的三个要点 135

8.3.4 标签实例135

8.4 新增的主体结构元素 138

8.4.1 article 元素.138

8.4.2 section 元素 .139

8.4.3 nav 元素 .140

8.4.4 aside 元素 143

8.4.5 time 元素 .143

8.4.6 progress 属性 .144

8.5 新增的非主体结构元素 146

8.5.1 header 元素 146

8.5.2 hgroup 元素 .147

8.5.3 footer 元素 .147

8.5.4 address 元素.148

8.6 本章小结 149

第2 篇 CSS 篇

第9 章 CSS 基础知识 . 150

9.1 CSS 简介 . 151

9.1.1 CSS 基本概念 .151

9.1.2 CSS 的优点 .152

9.1.3 CSS 功能 .152

9.1.4 浏览器与CSS .153

9.1.5 CSS 发展历史 .153

9.2 在HTML 5 中使用CSS 的方法 154

9.2.1 内嵌样式154

9.2.2 行内样式155

9.2.3 链接外部样式表155

9.2.4 导入样式156

9.2.5 优先级问题157

9.3 使用Dreamweaver 设置CSS 样式 .157

9.3.1 设置文本样式157

9.3.2 设置背景样式159

9.3.3 设置区块样式160

9.3.4 设置方框样式162

9.3.5 设置边框样式163

9.3.6 设置列表样式165

9.3.7 设置定位样式166

9.3.8 设置扩展样式168

9.3.9 过渡样式的定义168

9.4 选择器类型 169

9.4.1 标签选择器169

9.4.2 类选择器169

9.4.3 ID 选择器 171

9.5 编辑和浏览CSS . 172

9.5.1 手工编写CSS .172

9.5.2 Dreamweaver 编写CSS 173

9.6 综合实例—为网页添加

CSS 样式 .174

9.7 本章小结 175

第10 章 用CSS 设计丰富的文字 效果 . 176

10.1 通过CSS 控制文本样式 177

10.1.1 字体—font-family .177

10.1.2 字号—font-size178

10.1.3 加粗字体—font-weight .180

10.1.4 字体风格—font-style 180

10.1.5 小写字母转为大写字母—font-variant 182

10.2 通过CSS 控制段落格式 183

10.2.1 单词间隔—word-spacing 183

10.2.2 字符间隔letter-spacing .184

10.2.3 文字修饰—text-decoration .185

10.2.4 垂直对齐方式—vertial-align 186

10.2.5 文本转换—text-transform .187

10.2.6 水平对齐方式—text-align 188

10.2.7 文本缩进—text-indent 189

10.2.8 文本行高—line-height 190

10.2.9 处理空白—white-space 192

10.3 综合实例—CSS 字体样式综合演练 193

10.4 本章小结 195

第11 章 用CSS 设计图像和背景 . 196

11.1 设置网页的背景 197

11.1.1 背景颜色 197

11.1.2 背景图像 198

11.2 设置背景图像的属性 200

11.2.1 设置背景重复 200

11.2.2 设置固定背景 201

11.2.3 设置背景定位 202

11.3 设置网页图像的样式 205

11.3.1 设置图像边框 205

11.3.2 图文混合排版 207

11.4 应用CSS 滤镜制作图像特效 . 208

11.4.1 控制图像和背景的透明度(alpha) 208

11.4.2 灰度(Gray) 210

11.4.3 反色(Invert) 210

11.5 综合实例 .211

综合实例1—给图片添加边框.211

综合实例2—鼠标移到图片上时产生渐变效果212

11.6 本章小结 213

第12 章 设计更富灵活性的表格和表单 . 214

12.1 网页中的表格 215

12.1.1 表格对象标记215

12.1.2 在Dreamweaver 中插入表格 .216

12.1.3 设置表格的颜色217

12.1.4 设置表格的边框样式219

12.1.5 设置表格的阴影220

12.1.6 设置表格的渐变背景221

12.2 网页中的表单 223

12.2.1 表单对象223

12.2.2 表单标记223

12.2.3 设置边框样式224

12.2.4 设置背景样式226

12.2.5 设置输入文本的样式229

12.3 综合实例 229

综合实例1—制作变换背景色的表格 229

综合实例2—设计文本框的样式.231

12.4 本章小结 233

第13 章 用CSS 制作链接与网站导航 234

13.1 超链接基础 235

13.1.1 超链接的基本概念235

13.1.2 使用页面属性设置超链接236

13.2 链接标记 237

13.2.1 a:link 237

13.2.2 a:visited 238

13.2.3 a:active .239

13.2.4 a:hover240

13.3 各种形式的超链接 241

13.3.1 背景色变换链接241

13.3.2 多姿多彩的下画线链接243

13.3.3 图像翻转链接244

13.3.4 边框变换链接246

13.4 项目列表 248

13.4.1 有序列表248

13.4.2 无序列表250

13.5 横排导航 251

13.5.1 文本导航251

13.5.2 标签式导航253

13.6 竖排导航 255

13.7 综合实例—实现背景变换的导航菜单 256

13.8 本章小结 258

第14 章 CSS 中的滤镜 . 259

14.1 滤镜概述 260

14.2 动感模糊blur 261

14.3 对颜色进行透明处理chroma . 262

14.4 设置阴影DropShadow . 263

14.5 对象的翻转FlipH、FlipV 264

14.6 发光效果Glow 264

14.7 X 光片效果Xray . 265

14.8 波形滤镜Wave 266

14.9 遮罩效果Mask 267

14.10 本章小结 267

第15 章 CSS DIV 布局定位 .基础 . 268

15.1 网站与Web 标准 269

15.1.1 什么是Web 标准 269

15.1.2 为什么要建立Web 标准 270

15.2 Div 标记与Span 标记 . 270

15.2.1 Div 概述.270

15.2.2 Div 与Span 的区别.271

15.3 盒子模型 273

15.3.1 盒子模型的概念273

15.3.2 border .273

15.3.3 padding .279

15.3.4 margin 281

15.4 盒子的浮动与定位 283

15.4.1 盒子的浮动float .284

15.4.2 position 定位 286

15.4.3 z-index 空间位置.291

15.5 本章小结 292

第16 章 CSS DIV 布局方法 . 293

16.1 CSS 布局理念 . 294

16.1.1 将页面用div 分块 294

16.1.2 设计各块的位置295

16.1.3 用CSS 定位 295

16.2 固定宽度布局 296

16.2.1 一列固定宽度296

16.2.2 两列固定宽度298

16.2.3 圆角框299

16.3 可变宽度布局 301

16.3.1 一列自适应301

16.3.2 两列宽度自适应.302

16.3.3 两列右列宽度自适应304

16.3.4 三列浮动中间宽度自适应.304

16.3.5 三行二列居中高度自适应布局 305

16.4 CSS 布局与传统的表格方式布局分析 307

16.5 本章小结 310

第17 章 CSS 3 指南 311

17.1 预览激动人心的CSS 3 313

17.1.1  CSS 3 的发展历史 .313

17.1.2 CSS 3 新增特性 313

17.1.3 主流浏览器对CSS 3 的支持 .318

17.2 使用CSS 3 实现圆角表格 . 318

17.3 使用CSS 3 制作图片滚动菜单 . 320

17.4 使用CSS 3 制作文字立体效果 . 323

17.5 使用CSS 3 制作多彩的网页图片库 325

17.6 使用CSS 3 实现的幻灯图片效果 329

17.7 本章小结 334

第3 篇 Java Script 篇

第18 章 JavaScript 基础知识 335

18.1 JavaScript 简介 336

18.1.1 JavaScript 的历史 336

18.1.2 JavaScript 特点 336

18.1.3 JavaScript 注释 337

18.2 JavaScript 的添加方法 337

18.2.1 内部引用.337

18.2.2 外部调用js 文件 .338

18.2.3 添加到事件中339

18.3 第一个JavaScript 程序 . 339

18.3.1 预备知识339

18.3.2 JavaScript 编辑器的选择 340

18.3.3 编写good morning! 程序 341

18.3.4 浏览器对JavaScript 的支持 .341

18.4 综合实例—浏览器状态栏显示信息 342

18.5 本章小结 343

第19 章 数据类型和运算符 . 344

19.1 基本数据类型 345

19.1.1 使用字符串型数据345

19.1.2 使用数值型数据346

19.1.3 使用布尔型数据347

19.1.4 使用Undefined 和Null 类型 347

19.2 复合数据类型 348

19.2.1 常用的内置对象348

19.2.2 日期对象349

19.2.3 数学对象352

19.2.4 字符串对象353

19.2.5 数组对象354

19.3 常量 355

19.3.1 常量的种类355

19.3.2 常量的使用方法356

19.4 变量 357

19.4.1 变量的含义357

19.4.2 变量的定义方式357

19.4.3 变量的命名规则358

19.4.4 变量的作用范围358

19.5 运算符介绍 359

19.5.1 运算符359

19.5.2 操作数的类型360

19.6 算术运算符 360

19.6.1 加法运算符360

19.6.2 减法运算符361

19.6.3 乘法运算符361

19.6.4 除法运算符362

19.6.5 取模运算符363

19.6.6 负号运算符363

19.6.7 正号运算符364

19.6.8 递增运算符364

19.6.9 递减运算符365

19.7 关系运算符 366

19.7.1 相等运算符366

19.7.2 等同运算符367

19.7.3 不等运算符368

19.7.4 不等同运算符369

19.7.5 小于运算符369

19.7.6 大于运算符370

19.7.7 小于或等于运算符370

19.7.8 大于或等于运算符371

19.8 字符串运算符 372

19.9 赋值运算符 372

19.10 逻辑运算符 373

19.10.1 逻辑与运算符373

19.10.2 逻辑或运算符374

19.10.3 逻辑非运算符374

19.11 位运算符 374

19.11.1 位与运算符 375

19.11.2 位或运算符 375

19.11.3 位异或运算符 376

19.11.4 位非运算符 376

19.11.5 左移运算符 377

19.11.6 带符号右移运算符 377

19.12 本章小结 378

第20 章 JavaScript 语法基础 379

20.1 函数 380

20.1.1 什么是函数380

20.1.2 函数的参数传递381

20.1.3 函数中变量的作用域和返回值381

20.2 函数的定义 382

20.2.1 函数的普通定义方式382

20.2.2 函数的变量定义方式384

20.2.3 函数的指针调用方式384

20.3 使用选择语句 386

20.3.1 if 选择语句 386

20.3.2 if.else 选择语句 .387

20.3.3 if.else if.else 选择语句 387

20.3.4 switch 多条件选择语句 389

20.4 使用循环语句 390

20.4.1 for 循环语句 390

20.4.2 while 循环语句 391

20.4.3 do.while 循环语句 .392

20.4.5 break 和continue 跳转语句 393

20.5 综合实例—禁止鼠标右击 395

20.6 本章小结 396

第21 章 JavaScript 中的事件 397

21.1 事件驱动与事件处理 398

21.1.1 事件详解398

21.1.2 事件与事件驱动398

21.1.3 事件与处理代码关联399

21.1.4 调用函数的事件401

21.1.5 调用代码的事件402

21.1.6 设置对象事件的方法403

21.2 常见事件 404

21.2.1 onClick 事件 404

21.2.2 onchange 事件 .405

21.2.3 onSelect 事件 .406

21.2.4 onfocus 事件 407

21.2.5 onload 事件 408

21.2.6 鼠标移动事件409

21.2.7 onblur 事件 410

21.2.8 onsubmit 事件和onreset 事件 411

21.2.9 onresize 事件 .412

21.2.10 键盘事件413

21.3 其他常用事件 414

21.4 综合实例—将事件应用于按钮中 415

21.5 本章小结 416

第22 章 JavaScript 中的对象 417

22.1 JavaScript 对象的声明和引用 418

22.1.1 声明和实例化418

22.1.2 对象的引用419

22.2 浏览器对象 420

22.2.1 navigator 对象 .420

22.2.2 window 对象 421

22.2.3 location 对象 422

22.2.4 history 对象 .423

22.2.5 document 对象 .424

22.3 内置对象 425

22.3.1 date 对象 426

22.3.2 数学对象math.427

22.3.3 字符串对象string .428

22.3.4 数组对象array 429

22.4 综合实例—改变网页背景颜色 430

22.5 本章小结 431

第4 篇 综合实例篇

第23 章 设计制作企业网站 . 432

23.1 网站整体规划 433

23.1.1 网站的需求分析 .433

23.1.2 色彩搭配与风格设计433

23.2 页面架构分析 434

23.2.1 页面内容结构布局434

23.2.2 页面HTML 框架代码 .435

23.3 页面的通用规则 436

23.4 制作页面头部header 部分 . 437

23.4.1 制作页面头部的结构437

23.4.2 定义页面头部的样式438

23.5 制作网站导航nav 部分 442

23.5.1 制作网站导航nav 部分页面结构.442

23.5.2 定义网站导航nav 部分样式 442

23.6 制作欢迎文字welcome 部分 . 444

23.6.1 制作welcome 部分页面结构 .444

23.6.2 定义welcome 部分样式 .444

23.7 制作会员登录与精彩活动部分 445

23.7.1 制作会员登录部分445

23.7.2 制作精彩活动部分448

23.8 制作我们的优势和应对策略部分 450

23.8.1 制作我们的优势部分450

23.8.2 制作应对策略部分452

23.9 制作底部footer 部分 455

23.10 利用JavaScript 制作网页特效 . 457

23.11 本章小结 458


【媒体评论】
评论
【书摘与插画】

已确认勘误

次印刷

页码 勘误内容 提交人 修订印次

HTML CSS JavaScript网页制作全能一本通
    • 名称
    • 类型
    • 大小

    光盘服务联系方式: 020-38250260    客服QQ:4006604884

    意见反馈

    14:15

    关闭

    云图客服:

    尊敬的用户,您好!您有任何提议或者建议都可以在此提出来,我们会谦虚地接受任何意见。

    或者您是想咨询:

    用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问

    Video Player
    ×
    Audio Player
    ×
    pdf Player
    ×
    Current View

    看过该图书的还喜欢

    some pictures

    解忧杂货店

    东野圭吾 (作者), 李盈春 (译者)

    loading icon