网页好设计-Dreamweaver网页布局X特效设计应用大全 带书签目录完整版PDF

本书详细介绍了如何运用Dreamweaver和CSS进行网页布局和特效设计,从HTML和CSS基础到Photoshop切割、CSS排版,再到JavaScript、jQuery的应用,助你掌握专业网站制作技巧。书中精选了支持多种浏览器的最新特效,并提供了实际操作指导,适合网页设计师和开发者提升技能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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


下载地址:网页好设计-Dreamweaver网页布局X特效设计应用大全 带书签目录完整版PDF
目录
Chapter00  CS6 
新功能与本书使用方法
Dreamweaver CS6 
新增功能介绍  
关于光盘  
定义随书练习网站  
范例动画展示  10
Chapter01 Dreamweaver 
中的 HTML  CSS  设置
1-1 HTML 
简介与常用的 HTML  标签  12
1-1-1 Dreamweaver 
打开各式版本的 HTML  文件  12
1-1-2 
常用 HTML  标签  14
1-2 CSS 
规则与 Dreamweaver  中的 CSS  设置  20
1-2-1 
行内样式  21
1-2-2 
嵌入样式  21
1-2-3 
新建 CSS  规则与 CSS  应用方式  23
1-2-4 
链接外部样式  27
1-2-5 CSS 
控制面板  30
1-3 Dreamweaver 
完整 CSS  设置与使用  31
1-3-1 CSS 
规则定义 [1] :类型属性  31
1-3-2 CSS 
规则定义 [2] :区块属性  31
1-3-3 CSS 
规则定义 [3] :背景属性  32
1-3-4 CSS 
规则定义 [4] :列表属性  32
1-3-5 CSS 
规则定义 [5] :边框属性  33
1-3-6 CSS 
规则定义 [6] :方框属性  33
1-3-7 CSS 
规则定义 [7] :定位属性  34
1-3-8 CSS 
规则定义 [8] :扩展属性  35
1-3-9 CSS 
规则定义 [9] :过渡属性  35
1-4 Adobe Widget Browser 
快速加入 jQuery  组件  35
Chapter02 
表格与框架布局编排技法
2-1 Photoshop 
布局设计切割  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-3 CSS 
背景图布局应用  65
2-3-1 CSS 
背景图设置  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
Chapter03  CSS 
CSS  布局编排整合技巧
3-1 CSS 
样式初步应用  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-10 CSS 
直向色块按钮  121
3-1-11 CSS 
直向图片按钮  125
3-1-12 CSS 
项目列表横向按钮  127
3-1-13 CSS 
横向图片按钮应用  130
3-2 
利用 Div  标签划分网页区块  132
3-2-1 
插入 Div  标签,利用 CSS  美化 Div  标签  132
3-2-2 
固定宽度圆角边框  134
3-3 Div 
区块定位  141
3-3-1 Position 
(定位)设置  141
3-3-2 
使用 Position (定位)区块设计布局  144
3-3-3 
使用 Float  (浮动)制作区块  146
3-4 CSS 
绝对水平、垂直在居中布局中的配置  149
3-4-1  
区块在页面中上下居中  149
3-4-2 
布局内容在含有内部   时的上下居中  151
3-4-3 
绝对居中布局应用  153
3-4-4 
含背景图像的绝对居中布局应用  155
3-5 CSS 
单栏布局配置  157
3-5-1 
固定宽度单栏布局  157
3-5-2 CSS 
固定宽度图像表格边框  164
3-5-3 
背景延伸单栏布局  167
3-5-4 CSS 
变动宽度与高度图像表格边框  175
3-6 CSS 
双栏布局配置  179
3-6-1 CSS 
固定宽度双栏布局  179
3-6-2 CSS 
固定宽度双栏布局与按钮应用  181
3-6-3 CSS 
变动宽度双栏布局  187
3-6-4 CSS 
变动宽度双栏布局与按钮应用  189
3-7 CSS 
三栏的布局配置  196
3-7-1 CSS 
固定宽度三栏布局  196
3-7-2 CSS 
固定宽度三栏布局与按钮应用  199
3-7-3 CSS 
变动宽度三栏布局  210
3-7-4 CSS 
三栏式变动宽度布局编排应用  213
3-8 
流体网格布局  226
3-8-1 
创建流体网格布局  226
3-8-2 
流体网格布局应用  230
3-9 
初探 CSS3 233
3-9-1 CSS3 text-shadow 233
3-9-2 CSS3 Box-Shadow 234
3-9-3 CSS3 Border-Radius 
圆角  235
3-9-4 CSS3 Transform 
变形  237
3-9-5 CSS3 
过渡效果  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-2 Spry 
效果布局整合  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-3 Spry Widget 
组件布局整合  293
4-3-1 
菜单栏 Widget  布局整合  293
4-3-2 
选项卡式面板 Widget  布局整合  298
4-3-3 
可折叠面板 Widget  布局整合  301
4-3-4 
折叠式 Widget  面板布局整合  304
4-3-5 HTML 
动态数据显示  307
4-3-6 HTML 
数据动态布局整合   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-13 AP 
元素应用 [1] :在页面中准确加入自动滚动电子布告栏  348
4-4-14 AP 
元素应用 [2] :互动局部滚动内容区  351
4-4-15 AP 
元素应用 [3] :控制 AP  元素在浏览器窗口正中央  354
4-4-16 AP 
元素应用 [4] :水平滑动切换显示内容  355
4-4-17 AP 
元素应用 [5] :垂直滑动切换显示内容  359
4-4-18 AP 
元素应用 [6] :动态固定浮动内容  363
4-4-19 AP 
元素应用 [7] :永远在浏览器下方显示的页尾  364
4-4-20 AP 
元素应用 [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-6 Widget Browser
jQuery  扩展组件)布局整合应用  405
4-6-1 CSS3:Columns 
分栏编排页面文字  406
4-6-2 jQuery Tabs 
标签面板  407
4-6-3 jQuery UI Accordion 
滑动折叠式面板  410
4-6-4 jqzoom 
局部放大查看图像  413
4-6-5 jQuery cycle 
图像自动播放效果  415
4-6-6 LightBox Gallery Widget 
半透明图片显示  417
4-6-7 jQuery Prettyphoto 
图像互动浏览  419
4-6-8 Spry Image Slideshow-Basic 
图像幻灯片播放  420
4-6-9 Spry Image Slideshow with Flimstrip 
交互式图像切换播放  422
4-6-10 Spry Content Slideshow 
高级交互式图像切换播放  424
4-6-11 FlexSlider 
广告图片浏览  426
4-6-12 Dropdown Navigation Bar 
下滑式按钮  428
4-6-13 Spry Menu Bar 20 
水平弹出菜单  429
4-6-14 Menu Maic 
彩色圆角弹出菜单  432
4-6-15 YUI Menu Horizontal NavBar 
水平弹出按钮组  434
4-6-16 jQuery Visualize 
统计图表  436
4-6-17 
鱼眼效果按钮  439
4-6-18 Google Maps 
插入 GOOGLE
本书秉承作者倡导的“向上提升,向下扎根”的理念,将概念和实际操作讲解与一个“吴哥窟之旅”动态网站的开发细节相结合,并以图示化教学方式引领您全程体验Dreamweaver CS3在网页设计和Web 2.0动态网站开发中各个方面的强大功能及实际应用技巧。 全书共分5部分。概念篇——完整介绍Dreamweavet CS3的特色、功能、安装、设置及编辑环境,并对网页与网站的概念、网站开发流程、建网前的准备与分析等进行一一介绍;基础篇——由浅入深介绍网页制作中文、图像、超链接的设置、表格的使用、CSS应用等重要课题;进阶篇——深入探讨网页地图与AP元素、页框网页、网站相簿、窗体、网络多媒体应用、样版等重要技术以及网站的上传与维护技术:互动篇——重点介绍行为设置、程序代码片段、扩充程序的应用,Spry framework与Dreamweaver Ajax技术框架相结合,为网页加入Web 2.0元素,结合ASP开发出数据库驱动的动态网站;附录篇——对常见服务器错误信息进行整理,并给出解决方法,让所有困难都迎刃而解。 光盘给出书中案例的源文件、结果文件和中间关键文件,方便对照学习。 本书系台湾大侠支招,适合网页设计与制作人员;网站建设与开发人员;大中专院校相关专业师生;网页制作培训班学员;个人网站爱好者;Dreamweaver自学读者。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值