新書推薦:
《
先进电磁屏蔽材料——基础、性能与应用
》
售價:NT$
1010.0
《
可转债投资实战
》
售價:NT$
454.0
《
王氏之死(新版,史景迁成名作)
》
售價:NT$
250.0
《
敢为天下先:三年建成港科大
》
售價:NT$
352.0
《
直观的经营:哲学视野下的动态管理
》
售價:NT$
407.0
《
长高食谱 让孩子长高个的饮食方案 0-15周岁儿童调理脾胃食谱书籍宝宝辅食书 让孩子爱吃饭 6-9-12岁儿童营养健康食谱书大全 助力孩子身体棒胃口好长得高
》
售價:NT$
214.0
《
身体自愈力:解决内在病因的身体智慧指南
》
售價:NT$
449.0
《
非言语沟通经典入门:影响人际交往的重要力量(第7版)
》
售價:NT$
560.0
|
內容簡介: |
本书讲解以HTML5与CSS3为主,结合Responsive Web Design(RWD)与jQuery Mobile技术为网页设计人员提供了一个跨平台、跨设备的解决方案。
本书共17章,分为4篇。HTML5篇:介绍了网页设计基础,文件结构,数据编辑与格式化,超链接,表格,影音多媒体,窗口与后端处理;CSS3篇:介绍了CSS基本语法,字体、文本、列表、颜色、背景、与渐变属性,Box Model与定位方式,表格属性,特殊效果与媒体查询;Responsive Web Design(RWD)篇:介绍了移动版网页和PC版网页之间比较明显的差异、移动版网页的设计原则和实用技巧;jQuery Mobile篇:介绍了使用jQuery Mobile开发移动网页和jQuery Mobile的 UI组件。
本书适合网页设计初学者,可适用于高等院校相关专业和培训学校的教材和辅导用书。
|
目錄:
|
目 录
第1章
网页设计简介
1-1 网页设计的流程
1-1-1
搜集资料与规划网站架构
1-1-2
网页制作与测试
1-1-3
网站上传与推广
1-1-4
网站更新与维护
1-1-5
搜索引擎优化
1-2 网页设计相关的程序设计语言
1-3
HTML的演进
1-4
HTML5 的新功能
1-5
HTML5 文件的编写方式
1-5-1
HTML5文件的编辑工具
1-5-2
HTML5 文件的基本语法
1-5-3
编写第一份 HTML5 文件
1-5-4
HTML5 文件的验证
习题
第2章
文件结构
2-1
HTML 文件的DOCTYPE !doctype 元素
2-2
HTML 文件的根元素
html 元素
2-2-1
全局属性
2-2-2
事件属性
2-3
HTML 文件的标头
head 元素
2-3-1
title 元素(文件标题)
2-3-2
meta 元素(文件相关信息)
2-4
HTML 文件的主体
body 元素
2-4-1
h1 ~ h6 元素(标题1 ~ 6)
2-4-2
p 元素(段落)
2-5
HTML5 新增的结构元素
2-6 区段结构
2-6-1
article 与 section 元素(文章 通用的区段)
2-6-2
nav 元素(导航条)
2-6-3
header 与 footer 元素(页首页尾)
2-6-4
aside 元素(侧边栏)
2-7 区段的附加信息
2-7-1
address 元素(联络信息)
2-7-2
time 元素(日期时间)
习题
第3章
数据编辑与格式化
3-1 区块格式
3-1-1
pre 元素(预先格式化的区块)
3-1-2
blockquote 元素(左右缩排的区块)
3-1-3
hr 元素(水平线)
3-1-4
div 元素(分组成一个区块)
3-1-5
marquee 元素(跑马灯)
3-1-6
!-- --(注释)
3-2 文字格式
3-2-1
b、i、u、sub、sup、small、em、strong、dfn、code、samp、kbd、var、cite、abbr、s、q、mark 元素
3-2-2
ruby、rt、rp 元素(注音或拼音)
3-2-3
font、basefont 元素(字体)
3-2-4
br 元素(换行)
3-2-5
span 元素(分组成一行)
3-3 项目符号与编号 ul、ol、li 元素
3-4 定义列表 dl、dt、dd 元素
3-5 插入或删除数据 ins、del元素
3-6 提示文字 title 属性
习题
第4章
超链接
4-1
URI的类型
4-1-1
绝对URI
4-1-2
相对URI
4-2 标记超链接 a元素
随堂练习
4-2-1
自定义超链接文字的颜色
4-2-2
链接至E-mail地址的超链接
4-3 指定相对URI的路径信息 base元素
4-4 指定文件之间的引用 link 元素
4-5 建立书签
4-6 嵌入图片 img 元素
4-6-1
图片的高度、宽度与框线
4-6-2
图片的对齐方式
4-7 影像地图 map、area 元素
4-8 标注 figure、figcaption 元素
4-9 建立绘图区 canvas 元素
习题
第5章
表格
5-1 建立表格 table、tr、td、th 元素
5-2 表格与单元格的格式化
5-2-1
表格的背景颜色与背景图片
5-2-2
表格的宽度、框线颜色、单元格填充与单元格间距
5-2-3
表格的对齐方式
5-2-4
单元格的对齐方式
5-2-5
单元格的背景颜色与背景图片
随堂练习
5-3 表格标题 caption 元素
5-4 表格的表头、主体与表尾 thead、tbody、tfoot元素
5-5 直列式表格 colgroup、col 元素
习题
第6章
影音多媒体
6-1
HTML5 的影音功能
6-2 嵌入视频与音频 video、audio 元素
6-3 嵌入资源文件 embed 元素
6-4 嵌入对象 object 元素
6-4-1
嵌入视频
6-4-2
嵌入音频
6-4-3
嵌入ActiveX
Controls
6-5 嵌入Scripts script、noscript 元素
6-6 嵌入 CSS 样式窗体 style 元素
6-7 嵌入浮动框架 iframe 元素
6-8 网页自动导向
习题
第7章
窗体与后端处理
7-1 建立窗体 form、input 元素
7-2
HTML 4.01 现有的输入类型
7-2-1
按钮
7-2-2
单行文本框
7-2-3
单选按钮
7-2-4
复选框
7-2-5
多行文本框
7-2-6
下拉菜单
7-2-7
窗体的后端处理
7-2-8
密码字段
7-2-9
隐藏字段
7-2-10
上传文件字段
7-3
HTML5 新增的输入类型
7-4 标签文字 label元素
7-5 将窗体字段框起来 fieldset、legend 元素
7-6 其他新增的窗体元素
7-6-1
output 元素
7-6-2
progress 元素
7-6-3
meter 元素
7-6-4
keygen 元素
7-6-5
optgroup 元素
习题
第8章
CSS基本语法
8-1
CSS 的演进
8-2
CSS样式规则与选择器
8-3 链接 HTML 文件与 CSS 样式窗体
8-3-1
在head 元素里面嵌入样式窗体
8-3-2
使用 HTML 元素的 style 属性指定样式窗体
8-3-3
将外部的样式窗体导入HTML文件
8-3-4
将外部的样式窗体链接至
HTML 文件
8-4 选择器的类型
8-4-1
类型选择器
8-4-2
后裔选择器
8-4-3
万用选择器
8-4-4
类选择器
8-4-5
ID选择器
8-4-6
属性选择器
8-4-7
伪类选择器(:link、:visited、:hover、:focus、:active、enabled、:disabled...)
8-5 样式窗体的层叠顺序
习题
第9章
字体、文本与列表属性
9-1 字体属性
9-1-1
font-family(文字字体)
9-1-2
font-size(字体大小)
9-1-3
font-style(正常 斜体 粗体)
9-1-4
font-weight(字体粗细)
9-1-5
line-height(行高)
9-1-6
font-stretch(字体延展)
9-1-7
font-size-adjust(字体长宽比)
9-1-8
@font-face(使用服务器端的字体)
9-1-9 font(字体属性简便表示法)
随堂练习
9-2 文本属性
9-2-1
text-indent(首行缩排)
9-2-2
text-align(文本对齐方式)
9-2-3
letter-spacing(字母间距)
9-2-4
word-spacing(文字间距)
9-2-5
text-transform(大小写转换方式)
9-2-6
white-space(空格符)
9-2-7
text-shadow(文本阴影)
9-2-8
text-decoration-line、text-decoration-color、text-decoration-style、text-underline-position、text-decoration-skip、text-decoration(线条装饰)
9-2-9
text-emphasis-style、text-emphasis-color、text-emphasis、text-emphasis-position(强调标记)
9-3 列表属性
9-3-1
list-style-type(项目符号与编号类型)
9-3-2
list-style-image(图片项目符号)
9-3-3
list-style-position(项目符号与编号位置)
9-3-4
list-style(列表属性的简便表示法)
习题
第10章
颜色、背景与渐变属性
10-1
颜色属性
10-1-1
color(前景颜色)
10-1-2
opacity(透明度)
10-2
背景属性
10-2-1
background-color(背景颜色)
10-2-2
background-image(背景图片)
10-2-3
background-repeat(背景图片重复排列方式)
10-2-4
background-position(背景图片起始位置)
10-2-5
background-attachment(背景图片是否随内容滚动)
10-2-6
background-clip(背景显示区域)
10-2-7
background-origin(背景显示位置基准点)
10-2-8
background-size(背景图片大小)
10-2-9
background(背景属性的简便表示法)
10-3
渐变表示法
10-3-1
linear-gradient(线性渐变)
10-3-2
radial-gradient(放射状渐变)
10-3-3
repeating-linear-gradient、repeating-radial-gradient(重复渐变)
习题
第11章
Box Model与定位方式
11-1
Box Model
11-2
边界属性
11-3
留白属性
11-4
框线属性
11-4-1
border-style(框线样式)
11-4-2
border-color(框线颜色)
11-4-3
border-width(框线宽度)
11-4-4
border(框线属性的简便表示法)
11-4-5
border-radius(框线圆角)
11-4-6
border-image(框线图片)
11-5
定位方式
11-5-1
display(HTML元素的显示层级)
11-5-2
width、height、top、bottom、left、right(Block Box 的宽度与高度、上下左右位移量)
11-5-3
max-width、min-width、max-height、min-height(Block Box 的宽度与高度的最大值及最小值)
11-5-4
position(Box的定位方式)
11-5-5
float、clear(指定图旁配字、解除图旁配字)
11-5-6
z-index(重叠顺序)
11-5-7
visibility(显示或隐藏 Box)
11-5-8
overflow(显示或隐藏溢出 Box 的内容)
11-5-9
object-fit(配合 Box 调整对象大小)
11-5-10
object-position(对象在 Box 内的显示位置)
11-5-11
box-shadow(Box 阴影)
11-5-12
vertical-align(垂直对齐)
习题
第12章
表格属性
12-1
表格模式
12-2
表格属性
12-2-1
caption-side(表格标题位置)
12-2-2
border-collapse(表格框线模式)
12-2-3
table-layout(表格版面编排方式)
12-2-4
empty-cells(显示或隐藏空白单元格)
12-2-5
border-spacing(表格框线间距)
习题
第13章
特殊效果与媒体查询
13-1
鼠标光标形状cursor属性
13-2
外框线 outline属性
13-3
多字段排版
13-3-1
column-count、column-width、columns(字段数目与宽度)
13-3-2
column-gap(字段间距)
13-3-3
column-rule(字段分隔线)
13-3-4
reak-before、break-after、break-inside(换列或换页)
13-3-5
column-span(跨列显示)
13-3-6
column-fill(字段内容分配比例)
13-4
变形处理
13-4-1
transform(2D、3D 变形处理)
13-4-2
transform-origin(变形处理的原点)
13-5
媒体查询
习题
第14章
响应式网页设计
14-1
移动版网页 VS PC 版网页
14-2
移动版网页设计原则
14-3
响应式网页设计的技巧
14-4
响应式网页设计的实例
14-4-1
设定 viewport
14-4-2
设置媒体查询与样式窗体
14-4-3
设计网页的版型
14-4-4
设计网页的内容
第15章
移动版网页的实用技巧
15-1
触控式按钮
15-2
将页首 页尾固定在画面上方 下方
15-3
导航条
15-4
可折叠区块
15-5
窗体
第16章
使用 jQuery
Mobile开发移动网页
16-1
移动网页的相关技术
16-2
移动网页的开发工具
16-3
编写第一份 jQuery
Mobile 文件
16-4
主题
16-5
超链接
16-5-1
内部链接
16-5-2
外部链接
16-5-3
绝对外部链接
16-6
页面切换动画
16-7
对话框
习题
第17章
jQuery Mobile UI组件
17-1
按钮
17-1-1
建立按钮
17-1-2
设置按钮的图标
17-1-3
设置按钮的主题
17-1-4
设置按钮的特殊效果
17-1-5
设置控件组
17-2
工具栏
17-2-1
页首行
17-2-2
页尾行
17-3
导航条
17-4
可折叠区块
17-5
可折叠区块分组
17-6
列表视图
17-6-1
创建列表视图
17-6-2
设置分隔线
17-6-3
设置嵌套列表视图
17-6-4
格式化项目内容
17-6-5
设置计数气泡与侧边内容
17-6-6
设置搜索功能
17-6-7
设置图标与缩略图
17-6-8
设置分割按钮列表
17-7
窗体
17-7-1
字段容器
17-7-2
文字输入字段
17-7-3
日期时间输入字段
17-7-4
多行文本框
17-7-5
拨动式切换开关
17-7-6
下拉式菜单
17-7-7
复选框
17-7-8
单选按钮
17-8
移动版网站实例
17-8-1
设计移动版网站的界面
17-8-2
加入 JavaScript 程序代码
习题
附录(PDF电子书)
附录 HTML框架元素
附录1 建立框架frameset、frame、noframes元素
附录2 包含水平框架与垂直框架的网页
附录3 嵌入浮动框架 iframe 元素
附录4 制作导航条
习题
|
|