网页好设计！Dreamweaver网页布局×特效设计应用大全

图书标准信息

• 作者 李启宏 著
• 出版社 中国铁道出版社
• 出版时间 2014-05
• 版次 1
• ISBN 9787113181031
• 定价 59.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 442页
• 字数 671千字
• 正文语种 简体中文

【内容简介】

设计好美观的画面还得要实现成为真正的网站，教你运用Photoshop切割、Dreamweaver编辑与CSS排版设定，完整披露专业网站制作过程，轻松掌握各式网站版面技巧＋CSS排版才是王道！■网页不只讲究视觉，还必须创造无限变化的可能，无痛学习JavaScript、CSS、jQuery的设计关键，让你在竞争激烈的市场脱颖而出！■精心筛选最新、最具代表性的特效，均标示所支持的浏览器，可以随心所欲找到自己需要的效果，做出有趣又惊喜的专业网站。

【作者简介】

　　李启宏，现任优势数位设计学苑姿深课程专任讲师。
　　经历：中国台湾资深多媒体网页设计师、易禧科技多媒体网页设计、平面设计课程讲师、“文化大学推广教育部”多媒体设计课程讲师、新视界杂志、dpi设计流行创意杂志专栏作家。
　　专长：多媒体网页设计、平面设计、网页视觉设计整合
　　认证：ACEonPhotoshopCS5认证
　　著作：《网页设计惊叹号：Dreamweaver×PHP互动网站直击》、《网页设计惊叹号：Dreamweaver至高的网页特效188招》等。

【目录】

Chapter00CS6新功能与本书使用方法
DreamweaverCS6新增功能介绍
关于光盘
定义随书练习网站
范例动画展示10
Chapter01Dreamweaver中的HTML与CSS设置
1-1HTML简介与常用的HTML标签12
1-1-1Dreamweaver打开各式版本的HTML文件12
1-1-2常用HTML标签14
1-2CSS规则与Dreamweaver中的CSS设置20
1-2-1行内样式21
1-2-2嵌入样式21
1-2-3新建CSS规则与CSS应用方式23
1-2-4链接外部样式27
1-2-5CSS控制面板30
1-3Dreamweaver完整CSS设置与使用31
1-3-1CSS规则定义[1]：类型属性31
1-3-2CSS规则定义[2]：区块属性31
1-3-3CSS规则定义[3]：背景属性32
1-3-4CSS规则定义[4]：列表属性32
1-3-5CSS规则定义[5]：边框属性33
1-3-6CSS规则定义[6]：方框属性33
1-3-7CSS规则定义[7]：定位属性34
1-3-8CSS规则定义[8]：扩展属性35
1-3-9CSS规则定义[9]：过渡属性35
1-4AdobeWidgetBrowser快速加入jQuery组件35
Chapter02表格与框架布局编排技法
2-1Photoshop布局设计切割40
2-1-1布局切割技巧40
2-1-2切片设置43
2-1-3存储为网页设置43
2-2表格布局编排46
2-2-1以Photoshop切割储存出的表格布局编排46
2-2-2表格的整理与布局编排技巧49
2-2-3欢迎页布局编排55
2-2-4首页布局编排58
2-2-5分栏式页面布局编排61
2-3CSS背景图布局应用65
2-3-1CSS背景图设置65
2-3-2固定背景图布局应用67
2-3-3单栏式背景图布局应用69
2-3-4单元格背景图布局应用73
2-3-5半透明背景图布局应用77
2-4框架与内框架布局80
2-4-1构建框架组合布局80
2-4-2上下三行式框架布局83
2-4-3上中下分双栏式框架布局87
2-4-4构建内框架布局92
2-4-5单栏式内框架布局94
2-4-6单栏式内框架网站构建97
Chapter03CSS与CSS布局编排整合技巧
3-1CSS样式初步应用100
3-1-1文字属性应用100
3-1-2色块式文字标题105
3-1-3图片文字标题106
3-1-4插图标示文字标题108
3-1-5背景图文字标题109
3-1-6图片边框与编排应用111
3-1-7链接文字与CSS应用113
3-1-8链接文字按钮116
3-1-9列表与CSS按钮设计118
3-1-10CSS直向色块按钮121
3-1-11CSS直向图片按钮125
3-1-12CSS项目列表横向按钮127
3-1-13CSS横向图片按钮应用130
3-2利用Div标签划分网页区块132
3-2-1插入Div标签，利用CSS美化Div标签132
3-2-2固定宽度圆角边框134
3-3Div区块定位141
3-3-1Position（定位）设置141
3-3-2使用Position（定位）区块设计布局144
3-3-3使用Float（浮动）制作区块146
3-4CSS绝对水平、垂直在居中布局中的配置149
3-4-1

区块在页面中上下居中149
3-4-2布局内容在含有内部

时的上下居中151
3-4-3绝对居中布局应用153
3-4-4含背景图像的绝对居中布局应用155
3-5CSS单栏布局配置157
3-5-1固定宽度单栏布局157
3-5-2CSS固定宽度图像表格边框164
3-5-3背景延伸单栏布局167
3-5-4CSS变动宽度与高度图像表格边框175
3-6CSS双栏布局配置179
3-6-1CSS固定宽度双栏布局179
3-6-2CSS固定宽度双栏布局与按钮应用181
3-6-3CSS变动宽度双栏布局187
3-6-4CSS变动宽度双栏布局与按钮应用189
3-7CSS三栏的布局配置196
3-7-1CSS固定宽度三栏布局196
3-7-2CSS固定宽度三栏布局与按钮应用199
3-7-3CSS变动宽度三栏布局210
3-7-4CSS三栏式变动宽度布局编排应用213
3-8流体网格布局226
3-8-1创建流体网格布局226
3-8-2流体网格布局应用230
3-9初探CSS3233
3-9-1CSS3text-shadow233
3-9-2CSS3Box-Shadow234
3-9-3CSS3Border-Radius圆角235
3-9-4CSS3Transform变形237
3-9-5CSS3过渡效果238
Chapter04互动效果与布局整合技巧
4-1内置行为布局整合244
4-1-1内置行为设置与使用245
4-1-2弹出信息与打开浏览器窗口247
4-1-3互动替换图片效果应用249
4-1-4跳转菜单应用251
4-1-5跳转菜单切换内框架内容页面253
4-1-6设置文字行为应用255
4-1-7互相拖动对象258
4-1-8交互式浏览内容260
4-1-9互动产品说明263
4-1-10图片式按钮弹出菜单265
4-2Spry效果布局整合271
4-2-1使用Spry效果272
4-2-2覆盖页面广告的Spry效果应用275
4-2-3显示/渐隐效果布局整合277
4-2-4向上/向下遮帘效果布局整合280
4-2-5向上／向下滑动效果布局整合285
4-2-6增大／收缩效果布局整合290
4-3SpryWidget组件布局整合293
4-3-1菜单栏Widget布局整合293
4-3-2选项卡式面板Widget布局整合298
4-3-3可折叠面板Widget布局整合301
4-3-4折叠式Widget面板布局整合304
4-3-5HTML动态数据显示307
4-3-6HTML数据动态布局整合311
4-4扩展组件布局整合应用316
4-4-1浏览方式应用[1]：打开完全控制的窗口319
4-4-2浏览方式应用[2]：快速设置内框架322
4-4-3浏览方式应用[3]：高级版跳转下拉菜单324
4-4-4图像播放应用[1]：图片滚动内容与打开图像327
4-4-5图像播放应用[2]：图片滚动内容替换图像应用329
4-4-6图像播放应用[3]：广告图片轮播332
4-4-7图像播放应用[4]：图像播放控制334
4-4-8图像播放应用[5]：可前后浏览播放多张图像337
4-4-9图像播放应用[6]：图像浏览切换显示339
4-4-10图像播放应用[7]：图像与文字内容浏览切换显示341
4-4-11图像播放应用[8]：动态图像滑动切换显示344
4-4-12图像播放应用[9]：多张图像动态切换播放346
4-4-13AP元素应用[1]：在页面中准确加入自动滚动电子布告栏348
4-4-14AP元素应用[2]：互动局部滚动内容区351
4-4-15AP元素应用[3]：控制AP元素在浏览器窗口正中央354
4-4-16AP元素应用[4]：水平滑动切换显示内容355
4-4-17AP元素应用[5]：垂直滑动切换显示内容359
4-4-18AP元素应用[6]：动态固定浮动内容363
4-4-19AP元素应用[7]：永远在浏览器下方显示的页尾364
4-4-20AP元素应用[8]：动态控制AP元素水平垂直移动366
4-4-21音乐播放应用：随机播放背景音乐与开关设置369
4-4-22菜单应用[1]：CSS下拉展开按钮菜单371
4-4-23菜单应用[2]：树状菜单374
4-5最新扩展组件布局整合应用378
4-5-1菜单应用[3]：快速创建CSS按钮378
4-5-2菜单应用[4]：快速创建标签面板382
4-5-3菜单应用[5]：快速创建多层级树状按钮384
4-5-4图像播放应用[1]：CSS变形控制图像与AP元素386
4-5-5图像播放应用[2]：CSS变形控制互动应用388
4-5-6图像播放应用[3]：动态相片播放器391
4-5-7图像播放应用[4]：快速创建相片浏览393
4-5-8图像播放应用[5]：多样半透明相片播放器396
4-5-9图像播放应用[6]：快速创建互动相簿399
4-5-10图像播放应用[7]：FLV影片播放器401
4-5-11图像播放应用[8]：互动FLV影片播放器403
4-6WidgetBrowser（jQuery扩展组件）布局整合应用405
4-6-1CSS3:Columns分栏编排页面文字406
4-6-2jQueryTabs标签面板407
4-6-3jQueryUIAccordion滑动折叠式面板410
4-6-4jqzoom局部放大查看图像413
4-6-5jQuerycycle图像自动播放效果415
4-6-6LightBoxGalleryWidget半透明图片显示417
4-6-7jQueryPrettyphoto图像互动浏览419
4-6-8SpryImageSlideshow-Basic图像幻灯片播放420
4-6-9SpryImageSlideshowwithFlimstrip交互式图像切换播放422
4-6-10SpryContentSlideshow高级交互式图像切换播放424
4-6-11FlexSlider广告图片浏览426
4-6-12DropdownNavigationBar下滑式按钮428
4-6-13SpryMenuBar20水平弹出菜单429
4-6-14MenuMaic彩色圆角弹出菜单432
4-6-15YUIMenuHorizontalNavBar水平弹出按钮组434
4-6-16jQueryVisualize统计图表436
4-6-17鱼眼效果按钮439
4-6-18GoogleMaps插入GOOGLE地图440