Div+CSS 3+jQuery网页设计深度剖析

第1章　网页和网站的制作流程 11.1　认识网页 21.1.1　网页和网站的关系 21.1.2　网页的基本构成元素 31.2　什么是网页设计 41.2.1　网页设计概述 41.2.2　网页设计与网页制作 51.2.3　网页设计的特点 61.2.4　网页设计相关术语 81.3　网页设计所涵盖的内容 101.3.1　网页中的视听元素 111.3.2　网页版式设计 111.4　如何设计网页 121.4.1　网页设计的基本原则 121.4.2　网站设计成功的要素 131.4.3　网页的设计风格及色彩搭配 141.5　网页设计的原则 151.6　网页设计师应具备的素质 181.7　网站的制作流程 201.7.1　前期策划 201.7.2　页面细化及实施 211.7.3　后期维护 221.8　网页设计的实现 22第2章　CSS样式入门 252.1　CSS的基本概念 262.1.1　CSS的特点 262.1.2　CSS的类型 272.1.3　CSS的基本语法 282.1.4　CSS的冲突 292.2　网页设计中的CSS 302.2.1　如何使用CSS 312.2.2　CSS能做什么 332.2.3　CSS的局限性 332.3　CSS样式的基本用法 342.4　应用CSS到网页中 352.5　单位和值 372.6　CSS样式具有的特性 432.7　CSS 3中的新增选择符 442.7.1　属性选择符 44课堂练习　属性选择符的运用 452.7.2　结构伪类选择符 472.7.3　UI元素状态伪类选择符 572.8　应用实例——为页面添加CSS样式 632.9　举一反三——产品介绍网站 72第3章　使用Div+CSS布局页面 753.1　定义Div 763.2　CSS布局定位 793.3　可视化盒模型 873.3.1　盒子模型 873.3.2　margin属性 893.3.3　border属性 893.3.4　padding属性 903.3.5　content属性 903.3.6　视觉可视化模型 913.4　常用的布局方式 913.4.1　居中布局设计 913.4.2　浮动布局设计 923.4.3　高度自适应 973.5　流体网格布局 98课堂练习　制作适合手机浏览的网页 983.6　CSS 3中有关基础盒模型 1033.6.1　overflow 1033.6.2　overflow-x 1053.6.3　overflow-y 1063.7　CSS 3中新增的弹性盒模型 1063.7.1　box-orient属性控制盒子取向 1073.7.2　box-direction 属性控制盒子顺序 1083.7.3　box-ordinal-group属性控制盒子位置 1103.7.4　box-flex属性控制盒子弹性空间 1123.7.5　盒子空间管理——box-pack和box-align属性 1133.7.6　盒子空间溢出管理——box-lines属性 1153.8　应用实例——使用Div+CSS布局页面 1153.9　举一反三——制作健康网站 123第4章　使用CSS控制网页中的背景 1254.1　背景颜色 1264.1.1　设置页面背景颜色 126课堂练习　设置背景颜色 1264.1.2　设置块背景颜色 127课堂练习　设置块背景颜色 1284.2　背景图像 1294.2.1　为页面设置背景图像 129课堂练习　设置背景图片 1304.2.2　背景图像的重复 1314.2.3　设置背景图像的位置 132课堂练习　背景图像定位 1334.2.4　设置背景滚动 1344.2.5　背景样式缩写的方式 1364.3　CSS 3中有关背景的新增属性 1364.3.1　background-origin 1364.3.2　background-clip 1384.3.3　background-size 1394.4　应用实例——制作金融类网站页面 1404.5　举一反三——学习用品网站 149第5章　使用CSS控制页面文字样式 1515.1　控制文字样式 1525.1.1　字体和大小 152课堂练习　不同字体的设置 1535.1.2　文字颜色和粗细 1575.1.3　斜体 1595.1.4　下画线、顶画线和删除线 1605.1.5　英文字母大小写 1605.2　控制段落样式 1615.2.1　段落水平对齐 1615.2.2　段落垂直对齐 1635.2.3　行间距和字间距 1645.2.4　首字下沉 1655.2.5　首行缩进 1665.3　使用CSS对Flash中的文字进行控制 1675.4　CSS类选区 169课堂练习　利用CSS类选区制作个人网站首页 1695.5　制作文字的滚动效果 171课堂练习　实现文字的滚动效果 1715.6　CSS 3中有关文字的新增属性 1745.6.1　text-shadow 1745.6.2　text-overflow 1755.6.3　word-wrap 1775.7　文字样式设置实例——设计类网站 1785.8　举一反三——制作社区类网站页面 186第6章　使用CSS控制图像样式 1896.1　图像样式 1906.1.1　图像边框设置 1906.1.2　图像缩放设置 1936.2　图像对齐 1956.2.1　水平对齐设置 1956.2.2　垂直对齐设置 1966.3　图文混排 1986.3.1　文字环绕 198课堂练习　文字环绕效果的制作 1986.3.2　设置混排间距 1996.4　网页中特殊的图像效果 1996.4.1　全屏大图切换 1996.4.2　鼠标经过图像的动态效果 2026.5　CSS 3中有关边框的新增属性 2076.5.1　border-image 2076.5.2　border-radius 2096.5.3　box-shadow 2106.5.4　border-color 2116.6　应用实例——制作婚庆网站页面 2126.7　举一反三——产品介绍网站 219第7章　利用CSS控制列表样式 2217.1　列表控制概述 2227.1.1　列表控制原则 2227.1.2　列表的类型及使用 2227.1.3　改变项目样式 2257.1.4　图像符号 2277.2　使用列表制作实用菜单 2277.2.1　无须表格的菜单 2287.2.2　菜单的横竖转换 2307.3　CSS 3中有关颜色的新增属性 2327.3.1　HSL colors 2327.3.2　HSLA colors 2337.3.3　opacity 2347.3.4　RGBA colors 2357.4　列表在网页中的特殊应用 2377.4.1　滚动图像 237课堂练习　在网页中实现图像横向滚动效果 2377.4.2　动态堆叠卡 243课堂练习　在网页中实现动态堆叠卡效果 2437.5　应用实例——制作音乐网站 2467.6　举一反三——制作设计工作室网站 253第8章　使用CSS控制表单样式 2558.1　表单设计概述 2568.1.1　表单的设计原则 2568.1.2　表单应用分类 2578.2　表单的设计 259课堂练习　制作商城账号注册页面 2638.3　使用CSS样式控制表单元素 2698.3.1　使用CSS样式控制表单元素的背景 2698.3.2　使用CSS样式实现圆角文本域 2728.3.3　使用CSS样式设置下拉列表 2748.4　表单在网页中的特殊应用 2768.4.1　聚焦型提示语消失 2768.4.2　输入型提示语消失 2808.5　CSS 3中有关内容的新增属性 2828.6　应用实例——制作用户注册页面 2838.7　举一反三——制作用户登录页面 291第9章　使用CSS美化浏览器 2939.1　使用CSS控制超链接 2949.1.1　认识超链接 2949.1.2　关于链接路径 2959.1.3　超链接属性控制 2989.1.4　图像映射 301课堂练习　实现图像映射 3019.1.5　链接的打开方式 3039.2　超链接特效 3039.2.1　按钮式超链接 3039.2.2　浮雕式超链接 3059.3　鼠标特效 3069.3.1　通过CSS样式控制鼠标箭头 3069.3.2　鼠标变化的超链接 3079.4　超链接在网页中的特殊应用 3089.4.1　网页中的倾斜导航菜单 308课堂练习　制作网站的倾斜导航菜单 3089.4.2　网页中的动感超链接 310课堂练习　制作网站的动感导航菜单 3109.5　CSS 3中有关用户界面的新增属性 3149.5.1　box-sizing 3149.5.2　resize 3169.5.3　outline 3179.5.4　nav-index 3189.6　应用实例——制作产品宣传网站页面 3209.7　举一反三——制作运输公司网站页面 329第10章　应用CSS中的滤镜 33110.1　了解CSS滤镜 33210.1.1　Alpha滤镜 33210.1.2　Blur滤镜 33510.1.3　MotionBlur滤镜 33610.1.4　Dropshadow滤镜 33810.1.5　Shadow滤镜 33910.1.6　Flip滤镜 33910.1.7　Glow滤镜 34110.1.8　Gray滤镜 34110.1.9　Invert滤镜 34210.1.10　Xray滤镜 34210.1.11　Mask滤镜 34310.1.12　Wave滤镜 34410.1.13　Chroma滤镜 34410.1.14　BlendTrans滤镜 345课堂练习　实现图像的渐变效果 34510.1.15　Light滤镜 34710.1.16　RevealTrans滤镜 34810.2　CSS 3中其他模块的新增属性 35010.2.1　@media 35010.2.2　columns 35110.2.3　@font-face 35310.2.4　speech 35410.3　应用实例——制作餐饮类网站 35610.4　举一反三——制作网络游戏网站页面 366第11章　CSS与jQurey的综合应用 36911.1　什么是JavaScript 37011.1.1　了解JavaScript 37011.1.2　JavaScript的特点 37211.1.3　JavaScript的应用范围 37311.1.4　CSS样式与JavaScript 37511.2　JavaScript和JavaScript库 37511.2.1　关于jQuery 37511.2.2　jQuery文件的下载 37611.2.3　jQuery的优势 37611.2.4　jQuery代码的编写 37711.2.5　jQuery选择器 37711.2.6　jQuery事件 37911.3　在Dreamweaver CC中使用jQuery 379课堂练习　调用外部jQuery文件实现鼠标经过图像变形特效 379课堂练习　制作一个简单的检索页面 38111.4　使用jQuery控制声音 38411.5　使用jQuery实现淡入淡出效果 38411.6　使用jQuery制作选项卡 38911.7　应用实例——使用jQuery框架 39211.8　举一反三——制作网页高光过渡效果 401第12章　CSS与XML的综合应用 40312.1　XML基础 40412.1.1　XML的特点 40412.1.2　XML与HTML 40512.1.3　XML的基本语法 40712.1.4　格式正确的XML文档 41012.2　XML与CSS的链接 41112.2.1　使用xml:styles