Div+CSS+jQuery布局精粹

本书特色

[

书中详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。同时通过大量实例对重点及难点进行深度剖析，并且结合作者多年的网页设计与教学经验进行点拨，从而使读者达到学以致用的目的。本书还穿插讲解了有关css 3、html 5、javascript和jquery的相关知识。希望用户通过本书的学习，能够以符合标准的设计思维，采用实战操作步骤完成网页设计，进而全面掌握利用div+css布局制作网页的方法。

]

目录

目 录前言第1章　网页和网站的基础知识 11.1　认识网页 11.1.1 网页和网站 11.1.2 网页类型 21.1.3 网页的基本构成 31.2　网页设计 41.2.1 网页设计概述 41.2.2 网页设计原则 51.2.3 网页设计相关术语 71.2.4 常见网页类型 111.3　网页布局 131.3.1 表格布局 131.3.2 表格布局的特点 141.3.3 冗余的嵌套表格和混乱的结构 141.3.4 表格布局的优缺点 151.3.5 div+css布局 151.3.6 div+css布局的特点 151.3.7 div+css布局的优缺点 151.4　网页版式设计 161.4.1 网页版式设计的特点 161.4.2 页面尺寸 161.4.3 整体造型 171.4.4 网页布局方法 171.4.5 网页设计的构图方法 171.4.6 版式设计的视觉流程 181.5　了解web标准 191.5.1 web标准的基础概念 191.5.2 认识w3c 191.5.3 w3c发布的标准 191.5.4 网页标准化的好处 211.6　网站开发流程 221.7　专家支招 221.7.1 确定域名注意事项 221.7.2 常用网页编辑软件 221.8　总结扩展 231.8.1 本章小结 231.8.2 举一反三——制作简单的html页面 23第2章　html、xhtml和html 5基础 252.1　html基础 252.1.1 html概述 252.1.2 html文件的基本结构 262.1.3 html能做什么 272.1.4 html的基本语法 272.2　html标签 282.2.1 基本标签 282.2.2 格式标签 292.2.3 文本标签 302.2.4 超链接标签 312.2.5 图像标签 312.2.6 表格标签和表单标签 322.2.7 分区标签 322.3　html基础 332.3.1 xhtml概述 332.3.2 xhtml的页面结构 332.3.3 xhtml代码规范 342.3.4 3种不同的xhtml文档类型 372.4　html和xhtml 382.4.1 html和xhtml的区别 382.4.2 使用xhtml的优点 382.4.3 html转化成xhtml的方法 38实例：制作简单的html页面 382.5　html 5基础 402.5.1 html 5概述 402.5.2 html 5的简化操作 402.5.3 html 5标签 412.5.4 html 5标准属性 442.5.5 html 5事件属性 442.6 html 5的设计目的 462.6.1 标签 46实例：在网页中嵌入视频 462.6.2 标签 48实例：在网页中嵌入音频 482.6.3 标签 492.7　专家支招 492.7.1 在标签中如何设置网页的字体和大小 502.7.2 网页中默认的超链接文字效果是什么样的 502.8　总结扩展 502.8.1 本章小结 502.8.2 举一反三——在网页中实现绘图效果 50第3章　css样式基础 523.1　css概述 523.1.1 css的发展历史 523.1.2 css的特点 533.1.3 css样式的功能 533.1.4 css样式的局限性 543.2　css语法 553.2.1 css的基本语法 553.2.2 css规则 563.3　css选择器 563.3.1 通配选择器 57实例：太空冒险网页制作 573.3.2 标签选择器 583.3.3 类选择器 59实例：万圣节网页制作 593.3.4 id选择器 613.3.5 群选择器 623.3.6 派生选择器 63实例：运动鞋网页制作 633.3.7 伪类选择器 653.4　css 3中新增的选择器 663.4.1 结构伪类选择器 663.4.2 ui元素状态伪类选择器 673.4.3 属性选择器 673.5　在网页中应用css样式 683.5.1 在html中插入样式表的方法 683.5.2 内联样式 683.5.3 嵌入样式表 69实例：为网页添加内部css 样式 693.5.4 链接外部样式 71实例：链接外部css样式文件 713.5.5 导入样式 743.6　css文档结构 743.6.1 结构 753.6.2 继承性 753.6.3 特殊性 763.6.4 层叠性 773.6.5 重要性 773.7　单位和值 783.7.1 颜色值 783.7.2 绝对单位 793.7.3 相对单位 803.8　专家支招 803.8.1 css和html的区别 803.8.2 导入css样式与链接css样式的区别 803.9　总结扩展 803.9.1 本章小结 803.9.2 举一反三——在网页中实现绘图效果 81第4章　div+css布局入门 824.1　定义div 824.1.1 什么是div 824.1.2 插入div 834.1.3 div的嵌套和固定格式 844.2　可视化盒模型 854.2.1 盒模型 854.2.2 content（内容） 874.2.3 padding（填充） 87实例：设置元素到元素的边界距离 874.2.4 border（边框） 89实例：为图片添加边框 894.2.5 margin（边界） 90实例：调整网页logo位置 914.3　常见的布局方式 924.3.1 居中布局设计 924.3.2 浮动布局 944.3.3 自适应高度 984.4　css布局定位 994.4.1 position属性 994.4.2 相对定位 100实例：图像叠加 1004.4.3 绝对定位 1024.4.4 固定定位 102实例：制作固定不动的导航条 1024.4.5 浮动定位 1044.4.6 空白边叠加 1044.5　流体网格布局 1044.6　专家支招 1054.6.1 css 3 中有关盒模型的新增属性 1054.6.2 什么是id 1054.7　总结扩展 1054.7.1 本章小结 1064.7.2 举一反三——空白边叠加在网页中的应用 106第5章 使用css控制背景和图片 1075.1 背景控制概述 1075.1.1 背景控制原则 1075.1.2 背景控制属性 1085.2 背景颜色控制 1085.2.1 设置背景颜色 1085.2.2 设置块背景颜色 1095.3 背景图像控制 1105.3.1 设置背景图像 110实例：为网页设置背景图像 1105.3.2 背景图像的重复方式 112实例：设置背景图像的重复方式 1125.3.3 背景图像的定位 1145.3.4 背景图像的固定 1145.4 图片样式概述 1155.4.1 图像边框 115实例：为网页中的图片设置边框 1165.4.2 图片缩放 1175.4.3 图片水平对齐 1195.4.4 图片垂直对齐 1205.5 网页中的图文混排 1215.5.1 使用css样式实现文本环绕效果 1215.5.2 设置文本绕图间距 1225.6 专家支招 1235.6.1 网页中插入的图像可以不设置宽度和高度吗 1235.6.2 background-color 属性可以使用哪些值 1235.7 总结扩展 1245.7.1 本章小结 1245.7.2 举一反三——网页图片垂直对齐 124第6章 css控制页面中的文本 1256.1 文本排版概述 1256.1.1 文本排版原则 1256.1.2 文本控制属性 1256.2 css文本样式 1266.2.1 字体 1266.2.2 大小 1276.2.3 颜色 129实例：为网页中的文字设置样式 1296.2.4 粗细 1326.2.5 样式 1336.2.6 英文字母大小写 1336.2.7 修饰 133实例：设置英文大小写并修饰文字 1346.3 css段落样式 1376.3.1 字间距 1376.3.2 行间距 1376.3.3 首字下沉 1386.3.4 首行缩进 138实例：为网页中段落文字设置不同样式 1386.3.5 段落水平对齐 1416.3.6 段落垂直对齐 1416.4 css样式的功能及冲突 1426.4.1 使用css 对flash 中的文字进行控制 1426.4.2 css 样式冲突 1426.5 专家支招 1436.5.1 css样式中的两端对齐有什么作用范围 1436.5.2 为什么有些情况应用的文本段落垂直对齐不起作用 1436.6 总结扩展 1436.6.1 本章小结 1436.6.2 举一反三——网页中文字水平居中对齐 143第7章 使用css样式控制列表 1457.1 列表控制概述 1457.2 列表样式控制 1467.2.1 无序列表 1467.2.2 有序列表 1467.2.3 自定义列表符号 147实例：制作网站列表 1477.2.4 定义列表 1497.2.5 更改列表项目样式 1507.3 使用列表制作菜单栏 1517.3.1 使用css样式创建横向导航菜单 151实例：制作游戏网站导航 1517.3.2 使用css 样式创建竖向导航菜单 152实例：制作购物网站导航 1537.4 css 3中新增的内容和不透明度属性 1547.4.1 内容（content） 1547.4.2 不透明度（opacity） 155实例：内容和不透明度属性的应用 1557.5 专家支招 1577.5.1 如何不通过css样式更改项目列表前的符号效果 1577.5.2 网页中文本分行与分段有什么区别 1577.6 总结扩展 1577.6.1 本章小结 1577.6.2 举一反三——更改部分项目列表符号 158第8章 使用css控制表格及表单样式 1598.1 表格及表单的设计概述 1598.1.1 表格的设计 1598.1.2 表单的设计及分类 1608.2 使用css控制表格样式 1638.2.1 表格标签与结构 1638.2.2 设置表格边框 1648.2.3 设置表格背景 165实例：设置表格边框及背景 1658.2.4 设置斑马式表格 168实例：设置斑马式表格 1688.2.5 设置交互式表格 1708.3 表单的设计 1718.3.1 表单 1718.3.2 表单元素 1728.4 表单输入 1728.4.1 文本域和密码域 1738.4.2 文件域和隐藏域 1748.4.3 单选按钮和复选框 1748.4.4 按钮和图像域 1768.4.5 菜单列表 1778.5 使用css样式控制表单元素 1788.5.1 使用css样式控制表单元素的背景 178实例：制作网站的登录页面 1788.5.2 使用css样式控制列表与跳转菜单 1828.5.3 使用css样式定义圆角文本字段 1838.6 表单在网页中的特殊应用 1848.6.1 聚焦型提示语消失 185实例：制作文字字段提示语效果 1858.6.2 输入型提示语消失 1888.7 专家支招 1908.7.1 为什么需要使用css对表格数据进行控制 1908.7.2 在表单域中插入图像域的作用 1908.8 总结扩展 1908.8.1 本章小结 1908.8.2 举一反三——美化登录框 190第9章 使用css控制超链接 1929.1 了解网页超链接 1929.1.1 超链接的定义 1929.1.2 超链接的对象 1939.1.3 超链接的路径 1949.1.4 合理安排超链接 1969.2 超链接的属性控制 1979.2.1 a:link 1979.2.2 a:active 1989.2.3 a:hover 1989.2.4 a:visited 199实例：制作网页文字超链接 2009.2.5 超链接的5种打开方式 2039.3 超链接特效 2039.3.1 按钮式超链接 203实例：制作按钮式超链接 2049.3.2 浮雕式超链接 2069.4 使用css实现鼠标特效 2079.5 超链接在网页中的特殊应用 2089.5.1 使用css实现倾斜导航菜单 209实例：制作网站的倾斜导航菜单 2099.5.2 使用css实现动感超链接 2119.6 专家支招 2139.6.1 实现动感导航菜单的原理 2139.6.2 如何识别网页中的超链接 2139.7 总结扩展 2149.7.1 本章小结 2149.7.2 举一反三——使用css控制鼠标箭头 214第10章　应用css 3中的滤镜 21510.1　css 3新增滤镜 21510.1.1 grayscale滤镜 21510.1.2 sepia滤镜 217实例：使用sepia滤镜 21710.1.3 opacity滤镜 21910.1.4 blur滤镜 22110.1.5 saturate滤镜 222实例：使用saturate滤镜 22210.1.6 hue-rotate滤镜 22410.1.7 invert滤镜 226实例：使用invert滤镜 22610.1.8 drop-shadow滤镜 22810.1.9 brightness滤镜 22910.1.10 contrast滤镜 23110.2　专家支招 23110.2.1 ie滤镜与w3c滤镜的区别 23110.2.2 ie滤镜包括哪些 23110.3　总结扩展 23210.3.1 本章小结 23210.3.2 举一反三——调整图像的对比度 232第11章　css 3新增属性 23411.1　css 3中新增的文字属性 23411.1.1 文字阴影text-shadow 23411.1.2 文字溢出处理text-overflow 23511.1.3 控制文本换行word-wrap 237实例：控制文本换行 23711.2　css 3中新增的背景属性 23911.2.1 背景图像大小background-size 239实例：控制背景图像大小 23911.2.2 背景位置定位background-origin 24111.2.3 背景图像裁剪区域background-clip 24211.3　css 3中新增的边框属性 24411.3.1 图像边框border-image 24411.3.2 圆角边框border-radius 24511.3.3 多重边框颜色border-colors 246实例：为图像添加多种色彩边框 24611.4　css 3中新增的多列布局属性 24811.4.1 列宽度 24811.4.2 新增多列设置属性 249实例：多列属性的设置 25011.5 css 3中有关用户界面的新增属性 25211.5.1 box-sizing 25211.5.2 区域缩放调节resize 25311.5.3 轮廓外边框outline 25411.5.4 导航序列号nav-index 25411.6 css 3中其他模块新增属性 25511.6.1 @media 25511.6.2 加载服务器端字体@font-face 25611.6.3 阅读器speech 25611.7 专家支招 25711.7.1 除了chrome浏览器外，还有哪些浏览器支持column属性 25811.7.2 目前常用的浏览器都是以什么为内核引擎 25811.8 总结扩展 25811.8.1 本章小结 25811.8.2 举一反三——为图片添加轮廓 258第12章　jquery在网页中的应用 26012.1　认识javascript 26012.1.1 了解javascript 26012.1.2 javascript的特点 26112.1.3 css样式与javascript 26112.2 javascript与jquery 26212.2.1 关于jquery 26212.2.2 jquery的安装 26212.2.3 jquery语法 26312.2.4 jquery选择器 26312.2.5 jquery事件 26512.3 在dreamweaver cc中使用jquery 266实例：制作一个简单的检索页面 26612.4 jquery效果 26712.4.1 使用jquery实现网页全屏大图切换效果 268实例：全屏大图切换效果 26812.4.2 使用jquery实现图像横向滚动效果 271实例：图像横向滚动效果 27112.5 专家支招 27812.5.1 在dreamweaver中为网页元素添加jquery效果 27812.5.2 dreamweaver中内置jquery能够实现的效果 27812.6 总结扩展 27912.6.1 本章小结 27912.6.2 举一反三——使用jquery制作选项卡 279第13章　jquery mobile与jquery ui的应用 28013.1　认识jquery mobile 28013.1.1 jquery mobile的优点 28013.1.2 jquery mobile的操作流程 28113.2 使用dreamweaver创建jquery mobile页面 281实例：设计制作手机网站页面 28213.3 jquery mobile事件 28813.3.1 触摸事件 28813.3.2 滚动事件 28913.3.3 方向事件 28913.3.4 页面事件 29013.4 jquery ui 29113.4.1 jquery ui的构成 29113.4.2 jquery ui的特性 29113.4.3 jquery ui的下载 29213.4.4 jquery ui的使用 292实例：制作折叠式作品展示栏目 29413.5 专家支招 29813.5.1 在dreamweaver cc中可以插入的jquery mobile对象 29813.5.2 jquery与jquery ui的区别 29813.6 总结扩展 29813.6.1 本章小结 29813.6.2 举一反三——制作选项卡式新闻列表 299第14章　div+css布局综合案例 30014.1　综合实例——制作音乐类网站 300实例：音乐类网站——顶部 300实例：音乐类网站——中部 308实例：音乐类网站——主体 314实例：音乐类网站——底部 32014.2 专家支招 32314.2.1 网页中文本字号的使用规范 32314.2.2 iframe标签的作用 32314.3 本章小结 324

封面

书名:Div+CSS+jQuery布局精粹

作者:张晓景

页数:324

定价:¥59.0

出版社:机械工业出版社

出版日期:2016-09-01

ISBN:9787111547174

PDF电子书大小:105MB 高清扫描完整版