新書推薦:
《
收尸人
》
售價:NT$
332.0
《
大模型应用开发:RAG入门与实战
》
售價:NT$
407.0
《
不挨饿快速瘦的减脂餐
》
售價:NT$
305.0
《
形而上学与存在论之间:费希特知识学研究(守望者)(德国古典哲学研究译丛)
》
售價:NT$
504.0
《
卫宫家今天的饭9 附画集特装版(含漫画1本+画集1本+卫宫士郎购物清单2张+特制相卡1张)
》
售價:NT$
602.0
《
化妆品学原理
》
售價:NT$
254.0
《
万千教育学前·与幼儿一起解决问题:捕捉幼儿园一日生活中的教育契机
》
售價:NT$
214.0
《
爱你,是我做过最好的事
》
售價:NT$
254.0
|
編輯推薦: |
无论初学还是巩固,一本适合各个层面网页设计员的通用教材!
从未系统学习过,网页布局能力比较薄弱怎么办?
学校教材太简单,想提高实际网页设计能力怎么办?
从事开发工作,急需提高APP前端开发能力怎么办?
想制作出更好的网页,只会单一的软件技能怎么办?
这些困惑,本书统统可以解决,让你一本就够!
光盘采用标准普通话进行录制讲解讲解到位,条理清晰。
搭配多个小例子与代码进行实际讲解理论 实践,层次分明。
对如何设计构建网站进行详解十分透彻,一看就懂。
无论是刚刚接触,还是学有小成,都能在本书中发现你需要的东西!
|
內容簡介: |
本书内容充实条理,结构严谨,循序渐进有层次的进行讲解,分别对HTML、CSS及JavaScript进行了全方位的介绍。书中所列举案例的选择均突出知识点的实际应用性,并配合有TIPS技巧讲解,让读者真正掌握网页设计。
本书共15章,主要介绍了从零起步HTML轻松入门 、网页设计基本功表格的使用 、丰富网页图像的插入 、网页交互表单的使用、网页链接创建超链接 、视听效果添加多媒体、HTML升级HTML5入门知识 、HTML5进阶无处不在的应用 、美化网页CSS样式 、超级网页CSS3样式表的应用、知识拓展XML的应用 、网页特效JavaScript必会基础 、典型应用使用JavaScript制作特效 、综合实例商业类网页的制作、综合实例网店类网页的制作。
|
關於作者: |
创客诚品团队是由多位前端开发工程师、具有项目实战经验的总监级讲师、高校计算机专业导师组成。团队核心成员有多年的教学经验,后加入知名科技有限公司担任高端工程师。现为网页设计类畅销图书作者,曾在全国计算机图书排行榜同品类排行中身居前列,受到广大工程设计人员的好评。
|
目錄:
|
目录
Chapter01 从零起步HTML轻松入门
1.1 认识HTML ........................................................................................... 2
1.1.1 什么是HTML ................................................................................... 2
1.1.2 使用浏览器浏览文件 .......................................................................... 2
1.2 HTML文件的基本标记 ........................................................................ 3
1.2.1 开始标签 ............................................................................... 3
1.2.2 头部标签 .............................................................................. 3
1.2.3 标题标签 ................................................................................ 4
1.2.4 主体标签 .............................................................................. 4
1.2.5 元信息标签 ........................................................................... 5
1.2.6 标签 ........................................................................... 5
1.3 文字基本标记 ........................................................................................ 6
1.3.1 段落标签的用法 ................................................................................ 6
1.3.2 换行标签的用法 ................................................................................ 7
1.3.3 不换行标签的用法 ............................................................................. 8
1.3.4 加粗标签的用法 ................................................................................ 9
1.3.5 倾斜标签的用法 ................................................................................ 9
1.3.6 标题标签的用法 ............................................................................... 10
本章小结 .............................................................................................. 12
Chapter02 网页设计基本功表格的使用
2.1 表格的基本元素 ................................................................................... 14
2.2 表格的相关代码 .................................................................................... 14
2.2.1 表格标签 ............................................................................. 15
2.2.2 行标签 ..................................................................................... 16
2.2.3 单元格标签 .............................................................................. 17
2.2.4 表格的结构标签 ............................................................................... 18
2.2.5 设置表格标题 .................................................................................. 21
2.3 设置表格大小和行内属性 ................................................................... 22
2.3.1 设置整个表格的大小 ........................................................................ 22
2.3.2 设置表格中行的属性 ........................................................................ 23
2.3.3 设置行的背景颜色 ........................................................................... 24
2.3.4 设置行内文字的对齐方式 .................................................................. 25
2.4 设置表格边框样式 .............................................................................. 28
2.4.1 表格的边框宽度 .............................................................................. 28
2.4.2 表格的边框颜色 .............................................................................. 29
2.4.3 表格中的单元格间距 ........................................................................ 30
2.4.4 表格中文字与边框间距 ...................................................................... 31
2.5 设置表格的背景 .................................................................................. 33
2.5.1 设置表格背景颜色 ........................................................................... 33
2.5.2 为表格背景插入图像 ........................................................................ 34
2.6 设置单元格的样式 ............................................................................... 35
2.6.1 设置单元格的大小 ........................................................................... 35
2.6.2 设置单元格的背景颜色 ..................................................................... 36
2.6.3 设置单元格的边框颜色 ..................................................................... 38
2.6.4 合并单元格 .................................................................................... 39
本章小结 .............................................................................................. 41
Chapter03 丰富网页图像的插入
3.1 图片的格式 .......................................................................................... 43
3.2 插入图片 .............................................................................................. 43
3.2.1 使用img标签 .................................................................................. 43
3.2.2 图片的源文件 ................................................................................. 44
3.2.3 设置图片大小 ................................................................................. 45
3.2.4 设置图片提示文字 ........................................................................... 45
3.2.5 图片的对齐方式 .............................................................................. 47
3.2.6 图片的边框 ..................................................................................... 48
3.3 为图片添加超链接 ............................................................................... 49
本章小结 .............................................................................................. 50
Chapter04 网页交互表单的使用
4.1 表单的基本标签 .................................................................................. 52
4.1.1 标签 ................................................................................... 52
4.1.2 标签 ................................................................................... 53
4.1.3 标签 ............................................................................. 54
4.1.4 标签 ................................................................................. 55
4.2 表单的基本属性 .................................................................................. 56
4.2.1 action属性 ..................................................................................... 56
4.2.2 name属性 ..................................................................................... 57
4.2.3 method属性 .................................................................................. 57
4.2.4 enctype属性 .................................................................................. 58
4.2.5 target属性 ..................................................................................... 59
4.3 插入表单对象 ...................................................................................... 59
4.3.1 文本域 ........................................................................................... 59
4.3.2 密码域 ........................................................................................... 60
4.3.3 普通按钮 ........................................................................................ 61
4.3.4 单选按钮 ....................................................................................... 62
4.3.5 复选框 ........................................................................................... 63
4.3.6 提交按钮 ....................................................................................... 64
4.3.7 重置按钮 ....................................................................................... 65
4.3.8 图像按钮 ........................................................................................ 66
4.3.9 隐藏域 ........................................................................................... 67
4.3.10 文件域 .......................................................................................... 68
4.3.11 菜单和列表 ................................................................................... 69
4.4 创建一个注册类表单页面 .................................................................... 71
本章小结 .............................................................................................. 74
Chapter05 网页链接创建超链接
5.1 超链接的路径 ...................................................................................... 76
5.1.1 绝对路径 ....................................................................................... 76
5.1.2 相对路径 ....................................................................................... 76
5.2 创建超链接 .......................................................................................... 76
5.2.1 超链接标签的属性 ........................................................................... 76
5.2.2 内部链接 ........................................................................................ 77
5.2.3 锚点链接 ....................................................................................... 78
5.2.4 外部链接 ........................................................................................ 81
本章小结 .............................................................................................. 84
Chapter06 视听效果添加多媒体
6.1 插入多媒体 .......................................................................................... 86
6.1.1 插入Flash动画 ............................................................................... 86
6.1.2 插入音频 ....................................................................................... 87
6.1.3 插入视频 ....................................................................................... 87
6.2 滚动效果 .............................................................................................. 88
6.2.1 设置滚动速度 ................................................................................. 88
6.2.2 设置滚动方向 ................................................................................. 89
6.2.3 设置滚动延迟 ................................................................................. 90
6.2.4 设置滚动方式 .................................................................................. 91
6.2.5 设置滚动循环 ................................................................................. 92
6.2.6 设置滚动背景颜色 ........................................................................... 93
6.2.7 设置滚动范围 ................................................................................. 94
6.2.8 设置空白空间 .................................................................................. 95
本章小结 .............................................................................................. 96
Chapter07 HTML升级HTML5入门知识
7.1 什么是HTML5 ................................................................................... 98
7.1.1 认识HTML5 ................................................................................... 98
7.1.2 HTML5的发展 ................................................................................ 98
7.2 HTML5新增功能 ............................................................................... 99
7.2.1 字符集和DOCTYPE的改进 .............................................................. 99
7.2.2 引入的新元素 ................................................................................ 100
7.2.3 标准改进 ...................................................................................... 100
7.3 HTML5的优势 .................................................................................. 101
7.3.1 HTML5化繁为简 ............................................................................ 101
7.3.2 用户优先和效率 ............................................................................. 101
7.4 HTML5新增的主体元素 ................................................................... 102
7.4.1 article元素 .................................................................................... 102
7.4.2 section元素 .................................................................................. 103
7.4.3 nav元素 ....................................................................................... 106
7.4.4 aside元素 ..................................................................................... 107
7.4.5 time元素 ...................................................................................... 108
7.4.6 pubdate属性 ................................................................................ 109
7.5 HTML5新增的非主体元素 ............................................................... 110
7.5.1 header元素 .................................................................................. 110
7.5.2 hgroup元素 .................................................................................. 112
7.5.3 footer元素 .................................................................................... 113
7.5.4 address元素 ................................................................................ 114
7.6 HTML5新增的元素属性 ................................................................... 115
7.6.1 表单相关属性 ................................................................................ 115
7.6.2 其他相关属性 ................................................................................ 116
7.7 HTML5新增与废除的元素 ............................................................... 116
7.7.1 HTML5中新增的元素 ...................................................................... 116
7.7.2 HTML5中废除的元素 ...................................................................... 124
本章小结 ............................................................................................ 125
Chapter08 HTML5进阶无处不在的应用
8.1 画布功能 ............................................................................................. 127
8.1.1 canvas元素 .................................................................................. 127
8.1.2 canvas坐标 .................................................................................. 128
8.1.3 canvas绘制路径 ............................................................................ 128
8.1.4 canvas渐变 .................................................................................. 130
8.1.5 canvas文本 .................................................................................. 132
8.2 音频和视频 ......................................................................................... 134
8.2.1 audio元素 ..................................................................................... 134
8.2.2 video元素 ..................................................................................... 137
8.3 表单功能 ............................................................................................. 138
8.3.1 form新特性 ................................................................................... 139
8.3.2 输入型控件 ................................................................................... 139
8.3.3 form新元素 ................................................................................... 141
8.3.4 form新属性 ................................................................................... 143
8.3.5 form练习 ...................................................................................... 147
8.4 拖放功能 ............................................................................................. 149
8.4.1 dataTransfer属性 ......................................................................... 149
8.4.2 拖放列表 ...................................................................................... 150
8.5 地理位置 ............................................................................................. 153
8.5.1 geolocation概述 ........................................................................... 153
8.5.2 geolocation浏览器支持检测 ............................................................ 155
8.5.3 在地图上显示你的位置 .................................................................... 157
8.6 本地存储 ............................................................................................. 159
8.6.1 WebStorage介绍 .......................................................................... 159
8.6.2 executeSql执行查询 ...................................................................... 161
本章小结 ............................................................................................ 164
Chapter09 美化网页CSS样式
9.1 CSS概述 ............................................................................................ 166
9.1.1 CSS基本语法 ................................................................................ 166
9.1.2 CSS特点 ...................................................................................... 167
9.1.3 使用CSS ...................................................................................... 167
9.2 CSS选择器 ........................................................................................ 169
9.2.1 元素选择器 ................................................................................... 169
9.2.2 类选择器 ...................................................................................... 170
9.2.3 id选择器 ....................................................................................... 172
9.2.4 集体选择器 ................................................................................... 173
9.2.5 属性选择器 ................................................................................... 174
9.2.6 伪类 ............................................................................................. 176
9.2.7 伪元素 .......................................................................................... 178
9.3 CSS定位 ............................................................................................ 180
9.3.1 浮动定位 ...................................................................................... 180
9.3.2 相对定位 ...................................................................................... 183
9.3.3 绝对定位 ...................................................................................... 184
9.4 盒子模型 ............................................................................................. 186
9.4.1 盒子简介 ...................................................................................... 186
9.4.2 设置外边距 ................................................................................... 186
9.4.3 设置内边距 ................................................................................... 190
9.5 字体样式 ............................................................................................. 191
9.5.1 font-family字体 ............................................................................ 191
9.5.2 font-size字号 ............................................................................... 192
9.5.3 font-style字体风格 ........................................................................ 193
9.5.4 font-weight加粗字体 ..................................................................... 195
9.6 段落样式 ............................................................................................. 196
9.6.1 letter-spacing字符间隔 ................................................................. 196
9.6.2 word-spacing单词间隔 .................................................................. 197
9.6.3 text-indent段落缩进 ...................................................................... 198
9.6.4 line-height文本行间距 ................................................................... 200
9.6.5 text-align横向对齐 ........................................................................ 201
9.6.6 vertical-align纵向对齐 .................................................................. 202
9.7 边框样式 ............................................................................................ 204
9.7.1 border-style边框线型 .................................................................. 204
9.7.2 border-color边框颜色 .................................................................. 205
9.7.3 border-width边框宽度 .................................................................. 206
9.7.4 border边框练习 ............................................................................ 206
9.8 轮廓样式 ............................................................................................ 208
9.8.1 outline-style边框线型 ................................................................... 208
9.8.2 outline-color边框颜色 .................................................................. 209
9.8.3 outline-width边框宽度 ................................................................... 210
9.8.4 outline与border的异同点 ................................................................ 212
9.9 列表标记样式 ..................................................................................... 213
9.9.1 list-style-type列表标记样式 ........................................................... 213
9.9.2 list-style-image列表标记图像 ........................................................ 216
9.9.3 list-style-position列表标记的位置 ................................................... 218
9.9.4 list-style列表简写格式 ................................................................... 219
本章小结 ............................................................................................ 220
Chapter10 超级网页CSS3样式表的应用
10.1 CSS3概述 ...................................................................................... 222
10.1.1 CSS3与CSS的异同 ................................................................... 222
10.1.2 CSS3浏览器的支持情况 ............................................................. 222
10.2 CSS3的新增功能 ........................................................................... 223
10.2.1 CSS3新增的rem ....................................................................... 223
10.2.2 新增结构性伪类 ......................................................................... 224
10.2.3 新增UI元素状态伪类 ................................................................... 229
10.2.4 新增属性和其他 .......................................................................... 231
10.3 CSS3文本样式 .............................................................................. 234
10.3.1 text-shadow文本阴影 ............................................................... 234
10.3.2 text-overflow文本溢出 .............................................................. 236
10.3.3 word-wrap文本换行 ................................................................. 237
10.3.4 word-break单词拆分 ................................................................ 239
10.4 CSS3边框样式 .............................................................................. 240
10.4.1 border-radius圆角边框 ............................................................. 240
10.4.2 box-shadow盒子阴影 ................................................................ 241
10.5 CSS3背景样式 .............................................................................. 243
10.5.1 background-size背景尺寸 ........................................................ 243
10.5.2 background-origin背景的绘制区域 ............................................. 244
10.6 CSS3渐变 ...................................................................................... 246
10.6.1 线性渐变 .................................................................................. 246
10.6.2 径向渐变 .................................................................................. 249
10.7 CSS3转换 ....................................................................................... 251
10.7.1 2D转换 ..................................................................................... 251
10.7.2 3D转换 .................................................................................... 258
10.8 CSS3动画 ...................................................................................... 264
10.8.1 动画属性 .................................................................................. 264
10.8.2 实现动画 .................................................................................. 266
10.9 CSS3多列布局 ............................................................................... 269
10.10 CSS3过渡 ..................................................................................... 273
10.10.1 单项属性过渡 ......................................................................... 273
10.10.2 多项属性过渡 ......................................................................... 274
本章小结 ............................................................................................ 276
Chapter11 知识拓展XML的应用
11.1 XML入门 ........................................................................................ 278
11.2 XML进阶 ......................................................................................... 281
本章小结 ............................................................................................ 287
Chapter12 网页特效JavaScript必会基础
12.1 JavaScript简介 ............................................................................ 289
12.2 JavaScript的基本元素 ................................................................ 290
12.3 JavaScript事件分析 .................................................................... 300
12.4 表单事件 .......................................................................................... 305
12.5 鼠标事件 .......................................................................................... 307
12.6 键盘事件 ........................................................................................... 310
12.7 窗口事件 ........................................................................................... 311
本章小结 ............................................................................................ 312
Chapter13 典型应用使用JavaScript制作特效
13.1 JavaScript事件分析 ..................................................................... 314
13.2 窗口特效 .......................................................................................... 322
13.3 时间特效 .......................................................................................... 323
本章小结 ............................................................................................ 326
Chapter14 综合实例商业类网页的制作
14.1 商业网站功能分析 ........................................................................... 328
14.2 头部和banner的制作 .................................................................... 329
14.3 页面主体的制作 ............................................................................... 332
14.4 页面尾部的制作 ............................................................................... 335
14.5 网站首页代码实例 ........................................................................... 336
14.6 二级页面的制作 ............................................................................... 340
本章小结 ............................................................................................ 345
Chapter15 综合实例网店类网页的制作
15.1 网店类网页介绍 ............................................................................... 347
15.2 界面设计分析 .................................................................................. 347
15.3 页面主体的制作 ............................................................................... 354
15.4 对底部内容进行样式定义 ............................................................... 364
15.5 二级页面的制作 ............................................................................... 376
本章小结 ............................................................................................ 380
|
內容試閱:
|
本书依次讲解了HTML、CSS、JavaScript和XML的知识,这也是学习网页设计的必备知识。对于网页设计人员来讲,这份工作(与诸多其他工作岗位相比)有着优厚的回报,但是其设计过程也是异常艰辛的,需要设计人员对作品不断地修改和完善。我们认为无论从时间成本上还是脑力耗费上,网页设计工作都要付出比一般职业多出几倍的汗水,但是只要在设计过程中稳扎稳打,并勤于总结和善于思考,最终都会得到可喜的收获。
选择一本合适的书
对于一名想从事网页设计开发的初学者来说,如何能快速高效地提升自己的网页设计开发技术呢?买一本适合自己的网页开发教程进行学习是最简单直接的办法。但是市面上的同类书大多以基础理论讲解为主,内容枯燥无趣,读者阅读后仍旧对实操无从下手。如何能将理论知识应用到实战项目中,独立掌控完整的项目,是初学者迫切需要解决的问题。为此,我们组织一线设计人员及高校教师共同编写了网页设计从入门到精通系列图书。
本书内容设置
章节 主要知识 内容概述
Chapter01~08 HTML 该部分涵盖了HTML的基础知识,包括表格表单的使用、超链接的创建、插入图像和HTML基础代码的应用等,并在此基础上讲解了HTML5的画布功能、拖放功能、地理位置、表单功能、本地存储、音频和视频的插入方法等知识
Chapter09~10 CSS CSS分为两个部分讲解,首先讲解了CSS的基础知识,涵盖了CSS的选择器、CSS定位、盒子模型、字体样式、段落样式、边框和列表样式等知识,接着在此基础上对CSS3进行了展开介绍,包括渐变、动画、多列布局、转换和过渡等知识
Chapter 11 XML 该部分为HTML的扩展知识,让读者了解更多的网页设计内容体系,掌握XML的应用
Chapter12~13 JavaScript 该部分首先讲解了JavaScript的基础知识,包括常量和变量、运算符和表达式、事件的分析、表单事件、鼠标和窗口事件等知识。在讲解基础知识的同时,也介绍了网页中动态效果的原理和操作方法
Chapter14~15 实际应用 该部分讲解了网页设计的实战知识,操作步骤清晰明了,对每个知识点都进行了重点讲解
本书特色
零基础入门轻松掌握
为了适合初级网页设计入门用户的需求,本书采用从入门到精通基础大全图书的写作方法,科学安排知识结构,内容由浅入深,循序渐进逐步展开,让用户平稳地从基础知识过渡到实战项目。
理论 实践完美结合,学 练两不误
200多个基础知识 200多个实战案例,让读者轻松掌握基础入门核心技术技能提升完整项目实战四大学习阶段的重点难点。循序渐进的知识讲解,在学习中真正做到举一反三,提升网页设计和开发能力。
讲解通俗易懂,知识技巧贯穿全书
知识内容不是简单的理论罗列,而是在讲解过程中随时插入一些实战技巧,让用户知其然并知其所以然,掌握解决问题的关键。
同步高清多媒体教学视频,提升学习效率
该系列随书附赠一张DVD光盘,里面包含书中所有案例的网页源文件和每章的重点案例教学视频,这些视频有助于解决用户在随书操作中遇到的问题,帮助用户快速理解所学知识,掌握应用技巧。
网页开发人员入门必备海量开发资源库
为了给用户提供一个全面的基础 实例 项目实战学习套餐,与本书配套的DVD光盘中除了提供本书的网页源文件外,还赠送了1500个前端开发JavaScript特效和实用网页配色方案等海量资源,方便读者参考和测试。
QQ群在线答疑 微信平台互动交流
编写者为了方便为用户答疑解惑,对用户提供了QQ群、微信平台等技术支持,以便相互交流、学习。
网页开发交流QQ群:650083534
微信学习平台:微信扫一扫,关注德胜书坊,即可获得更多让您惊叫的代码和海量素材
适用对象
初学网页设计的自学者
网页设计爱好者
刚毕业的莘莘学子
互联网公司网页设计开发相关职位的菜鸟
大中专院校计算机专业教师和学生
相关培训机构的教师和学员
作者团队
创客诚品团队由多位网页开发工程师、高校计算机专业教师组成。团队核心成员都有多年的教学经验,后加入知名科技有限公司担任高级工程师。现为网页设计类畅销图书作者,曾在全国计算机图书排行榜同品类图书排行中位居前列,受到广大网页设计人员及读者的好评。
本书由郑州轻工业学院的孙彤、曹阳老师编写,他们都是网页设计教学方面的优秀教师,将多年的教学经验和技术都融入了本书编写中,在此对他们的辛勤工作表示衷心的感谢,也特别感谢郑州轻工业学院教务处对本书的大力支持。
致谢
转眼间,从开始策划到完成写作已经过去了6个月,这期间我们对HTML代码进行了多次调试,对稿件做了多次修改,终于完成了本次书稿的编写工作。在此首先感谢选择并阅读本书的读者朋友,你们的支持是我们最大的动力来源。其次感谢为顺利出版给予支持的出版社领导及编辑,感谢为本书付出过辛苦劳作的所有人。本人编写水平毕竟有限,书中难免有错误和疏漏之处,恳请广大读者给予批评指正。最后再次感谢您选择购买本书。从基本概念到实战练习,最终升级为完整项目开发,本书将帮助零基础的您快速掌握前端设计!
|
|