Dreamweaver8完美网页设计与制作(附光盘)

点击看大图
  • 作者:刘霆雨 编著
  • 出版社:人民邮电出版社
  • 出版时间:2007-02-01 00:00:00
  • 字数:658000
  • 版次:1
  • 定价: 45.00 当前优惠价:34.60 元
  • 丛书名:感受精彩
  • ISBN:7115155177
  • 页数:420
  • 开本:16开
  • 印次:1
内容提要:
内容提要
本书从网页布局、表格、层叠样式表、模板、框架、多媒体应用、行为和表单等方面,对网页制作的相关知识进行了全面系统的讲解。书中不仅介绍了Dreamweaver 8软件的使用,还将每章的重点知识融入具体的网页制作实例中,使得从未接触过网站制作的读者也可以按照书中给出的操作步骤做出自己满意的网页。随书光盘提供了大量的网页素材,包括本书实例的素材,读者可以根据每章介绍的实例操作步骤进行练习,并由此领悟实际应用中要解决的难点和重点。
  本书不但融入了作者多年设计和开发网站的经验,还结合网上各个论坛中网友们提出的相关问题,针对目前读者的需求进行了内容结构的设计和布局,多角度地引导读者学习相关知识,使读者能够真正掌握网站设计和制作技术,并且能够举一反三地应用到实际工作中。
目录
第1章 初识Dreamweaver 8 1
1.1 Dreamweaver 8的新增功能 1
1.2 安装Dreamweaver 8 4
1.2.1 Dreamweaver 8系统要求 4
1.2.2 安装Dreamweaver 8的步骤 4
1.3 选择工作区 7
1.4 Dreamweaver 8的工作窗口 9

第2章 创建网站和网页 13
2.1 网页的布局 13
2.1.1 左右型 13
2.1.2 上下型 14
2.1.3 混合型 14
2.2 网页排版设计过程 14
2.2.1 在纸上画出草图 15
2.2.2 主题色彩配置 15
2.3 创建和管理站点 15
2.3.1 创建本地站点的文件夹 15
2.3.2 创建本地站点 16
2.3.3 管理站点 17
2.4 管理网页文档 19
2.4.1 新建网页 19
2.4.2 保存网页 20
2.4.3 另存网页 21
2.4.4 预览网页 23
2.5 网页图像 23
2.5.1 插入图像 24
2.5.2 修改图像的属性 25
2.5.3 调整图像的大小 27
2.5.4 插入鼠标经过图像 27
2.5.5 创建图像地图 29
2.6 综合实例 31
2.7 将网页上传到因特网上 35

第3章 表格的使用 40
3.1 表格的用途 40
3.2 创建表格的方法 41
3.2.1 插入表格 42
3.2.2 使用【属性】检查器 43
3.2.3 选择表格元素 45
3.3 编辑表格和单元格 47
3.3.1 以像素和百分比为单位指定表格大小 47
3.3.2 插入、删除行和列 48
3.3.3 合并和拆分单元格 50
3.3.4 表格和单元格的背景设置 51
3.3.5 表格的对齐方式 53
3.4 嵌套表格 54
3.5 为表格添加边线 57
3.5.1 利用单元格的高度属性制作1像素的细线 58
3.5.2 利用表格的间距属性制作1像素的边框 59
3.6 排序及整理表格和单元格内容 61
3.6.1 导入表格数据 61
3.6.2 排序表格 63
3.6.3 使用预设表格样式对表格进行格式设置 64
3.7 使用布局表格功能 67
3.7.1 绘制布局表格和布局单元格 67
3.7.2 在布局单元格内插入内容 69
3.7.3 移动布局表格和布局单元格 70
3.7.4 重设布局表格和布局单元格的大小 71
3.7.5 清除自动设置的单元格高度 72
3.7.6 绘制同级和嵌套布局表格 73
3.7.7 隐藏和显示布局表格标签 74
3.8 制作显示底图的布局 75
3.8.1 在文档中设置跟踪图像 75
3.8.2 使用跟踪图像绘制布局表格和布局单元格 76
3.8.3 在完成的布局中填充内容 78
3.8.4 切换到标准表格模式 80
3.9 综合实例 83

第4章 层的应用 86
4.1 网页层的特征 86
4.2 创建层并插入图像 89
4.3 编辑层的属性 90
4.4 灵活运用层的高级属性 95
4.4.1 设置层的显示/隐藏属性 95
4.4.2 设置层的对齐方式 98
4.4.3 改变层的堆叠顺序 101
4.4.4 为层添加滚动条 103
4.5 嵌套层 104
4.6 层与表格的转换 106
4.6.1 利用层设计布局 106
4.6.2 将层转换为表格 108
4.6.3 防止层重叠 111
4.6.4 将表格转换为层 112
4.7 使用【拖动层】行为制作拼图 113
4.7.1 创建可拖动的层 113
4.7.2 应用【拖动层】行为 115
4.8 使用【显示-隐藏层】行为制作大图片预览效果 119
4.8.1 制作图库页面 119
4.8.2 应用【显示-隐藏层】行为 123

第5章 模板的应用 126
5.1 模板的概念 126
5.2 创建模板 127
5.2.1 将已有文档转换成模板 127
5.2.2 直接创建模板 130
5.3 应用模板 133
5.4 修改模板 135
5.4.1 通过模板更新全部子页 135
5.4.2 通过模板更新单个子页 137
5.5 分离模板 139
5.6 重命名模板 140
5.6.1 直接重命名模板名称 140
5.6.2 通过菜单命令重命名 141
5.7 删除模板 142
5.7.1 通过【删除】按钮直接删除 142
5.7.2 通过快捷菜单命令删除 142
5.8 模板复制 143
5.9 综合实例 144

第6章 层叠样式表(CSS) 147
6.1 CSS样式概述 147
6.1.1 认识CSS 148
6.1.2 【CSS样式】面板 148
6.1.3 CSS样式的种类 149
6.2 使用样式表改变文字属性 151
6.2.1 利用【属性】检查器设置样式 151
6.2.2 使用【CSS样式】面板设置样式 154
6.2.3 应用【CSS样式】面板中的样式 155
6.2.4 使用CSS样式修改字体样式 156
6.3 应用HTML标记样式改变文档外观 158
6.4 应用已有样式至其他文档 161
6.4.1 导出外部CSS样式表 161
6.4.2 链接外部CSS样式表 163
6.4.3 在链接外部CSS样式表中增加样式 164
6.5 为图像应用样式 166
6.5.1 利用【属性】检查器制作编号列表 166
6.5.2 利用选择的图像制作样式列表 167
6.5.3 利用样式表固定背景图像的位置 169
6.6 制作个性滚动条 172
6.7 制作翻转文本菜单 173
6.7.1 设置链接样式 173
6.7.2 使用样式表修改链接样式 176
6.7.3 使用样式表创建两种以上的链接样式 177
6.7.4 用样式表扩展文本背景填充范围 181

第7章 制作框架集页面 184
7.1 框架集 184
7.1.1 创建框架集 184
7.1.2 修改框架集 187
7.1.3 删除框架集 189
7.1.4 插入预定义框架集 191
7.1.5 创建嵌套框架集 192
7.2 选择框架和框架集 194
7.2.1 在【文档】窗口内选择单个框架或框架集 194
7.2.2 【框架】面板 195
7.2.3 通过【框架】面板选择单个框架或框架集 195
7.3 设置框架和框架集文件 197
7.3.1 保存框架集的所有文件 197
7.3.2 保存框架集文件 200
7.3.3 保存框架文件 200
7.3.4 改变框架文件 201
7.4 框架和框架集的属性 202
7.4.1 框架属性及设置 203
7.4.2 框架集属性及其设置 204
7.5 框架应用实例 206

第8章 时间轴动画 214
8.1 了解时间轴 214
8.2 【时间轴】面板 216
8.3 创建时间轴动画 217
8.4 使用时间轴和层制作幻灯片效果 221
8.5 通过时间轴动画实现漂浮广告 225

第9章 应用多媒体 227
9.1 添加声音 227
9.1.1 关于音频文件格式 227
9.1.2 链接音频文件 228
9.1.3 在页面中插入背景音乐 229
9.1.4 单击按钮播放背景音乐 233
9.2 添加Flash影片 235
9.2.1 在Dreamweaver中插入Flash影片 235
9.2.2 Flash文件的【属性】检查器 237
9.2.3 透明处理Flash影片 238
9.2.4 使用浏览器浏览Flash的常见问  题 239
9.2.5 用按钮控制Flash影片 239
9.2.6 制作Flash文本 241
9.2.7 制作Flash按钮 244
9.3 Flash图像浏览器 247
9.4 【Flash元素】面板 250
9.5 插入视频文件 251
9.6 插入其他媒体对象 254
9.6.1 插入Shockwave影片 254
9.6.2 插入Java小程序 255
9.6.3 插入ActiveX控件 255

第10章 行为的使用 257
10.1 什么是行为 257
10.1.1 【行为】面板 257
10.1.2 Dreamweaver提供的动作 258
10.1.3 认识事件 259
10.2 应用行为 260
10.2.1 打开浏览器窗口 260
10.2.2 调用JavaScript 263
10.2.3 检查浏览器 266
10.2.4 检查表单 267
10.2.5 检查插件 269
10.2.6 变换图像 271
10.2.7 设置导航栏图像 274
10.2.8 设置层文本 276
10.2.9 设置状态栏文本 278
10.2.10 设置文本域文字 280
10.2.11 转到URL 282
10.2.12 弹出信息 285
10.2.13 播放声音 287

第11章 表单的使用 290
11.1 创建表单 290
11.1.1 插入表单 291
11.1.2 设置表单属性 291
11.2 添加表单对象 292
11.2.1 文本字段 293
11.2.2 文本区域 294
11.2.3 复选框 295
11.2.4 单选按钮 296
11.2.5 单选按钮组 297
11.2.6 列表/菜单 299
11.2.7 跳转菜单 300
11.2.8 图像域 302
11.2.9 文件域 303
11.2.10 按钮 304
11.2.11 标签 305
11.2.12 字段集 305
11.2.13 隐藏域 306
11.3 制作用户注册实例 307

第12章 网页标记 316
12.1 HTML标记与组件 316
12.2 HTML的结构 316
12.3 编写HTML文件的方法 317
12.4 HTML标记的使用方法 317
12.4.1 文件注释标记 317
12.4.2 文件开始标记 318
12.4.3 文件信息标记 318
12.4.4 文件标题标记 319<br>12.4.5 文件主体标记<BODY> 319<br>12.5 表格的建立标记 320<br>12.6 表格外框的控制 321<br>12.6.1 边框宽度属性border 321<br>12.6.2 内框宽度属性cellspacing 321<br>12.6.3 表格内元素与边框距离属性cellpadding 322<br>12.7 表格的控制 322<br>12.7.1 表格的高度属性height 322<br>12.7.2 表格宽度属性width 323<br>12.7.3 表格边框颜色属性bordercolor 323<br>12.7.4 表格背景颜色属性bgcolor 324<br>12.7.5 表格水平对齐方式属性align 324<br>12.8 表格行的控制 325<br>12.8.1 行高属性height 325<br>12.8.2 行的外边框颜色属性bordercolor 325<br>12.8.3 行的背景颜色属性bgcolor 326<br>12.8.4 行内元素的水平对齐属性align 326<br>12.8.5 行内元素的垂直对齐属性valign 327<br>12.9 单元格的设置 327<br>12.9.1 单元格的边框颜色属性bordercolor 327<br>12.9.2 单元格的背景颜色属性bgcolor 328<br>12.9.3 单元格元素的水平对齐属性align 328<br>12.9.4 单元格内元素的垂直对齐属性valign 329<br>12.9.5 水平延伸单元格属性colspan 329<br>12.9.6 垂直延伸单元格属性rowspan 330<br>12.9.7 设置单元格宽度属性width 330<br>12.10 编号列表标记<OL></OL> 331<br>12.10.1 设置编号的类型属性type 331<br>12.10.2 设置编号的开始序号属性start 332<br>12.11 项目符号列表标记<UL></UL> 332<br>12.12 取消文字换行标记<NOBR> 333<br>12.13 换行标记<BR> 333<br>12.14 段落标记<P> 334<br>12.15 空格符号标记  335<br>12.16 水平分割线标记<HR> 335<br>12.16.1 水平分割线样式属性size 335<br>12.16.2 水平分割线样式属性width 336<br>12.16.3 水平分割线对齐属性align 336<br>12.16.4 水平分割线颜色属性color 336<br>12.16.5 水平分割线不显示3D阴影属性noshade 337<br>12.17 文字格式标记<font> 337<br>12.17.1 文字的字体属性face 337<br>12.17.2 文字的大小属性size 338<br>12.17.3 文字的颜色属性color 338<br>12.18 图片标记<img> 339<br>12.18.1 图片宽度属性width 339<br>12.18.2 图片高度属性height 340<br>12.18.3 图片边框宽度属性border 341<br>12.19 超链接标记<A> 341<br>12.20 综合实例 342<br><br>第13 章 个人网站 345<br>13.1 个人网站概述 345<br>13.2 制作个人网站实例 347<br>13.2.1 制作网站首页 347<br>13.2.2 制作“关于”页面 352<br>13.2.3 为页面添加CSS样式 356<br>13.2.4 为栏目按钮制作链接 357<br>13.2.5 将“关于”页面转换成模板 357<br>13.2.6 利用模板制作其他内页 359<br>13.2.7 制作留言本页面 365<br><br>第14章 企业网站 369<br>14.1 企业网站概述 369<br>14.2 制作企业网站实例 370<br>14.2.1 站点的建立与设置 371<br>14.2.2 首页的制作 372<br>14.2.3 内页的制作 380<br>14.2.4 制作其他内容页 386<br><br>第15章 门户网站 395<br>15.1 门户网站概述 395<br>15.2 制作门户网站实例 396<br>15.2.1 制作网站导航栏 397<br>15.2.2 制作网站主体部分 401<br>15.2.3 制作二级页面 415</div> </dd> </dl> <div id="toollinks"><a href="http://www.chinahtml.com/e/pl?classid=167&id=1968">网友评论</a><a href="http://www.chinahtml.com/e/member/fava/add?classid=167&id=1968">加入收藏</a><a href="http://www.chinahtml.com/e/doprint?classid=167&id=1968">打印本文</a><a href="javascript:window.close()">关闭此页</a><a href="http://www.chinahtml.com/e/downsys/report?classid=167&id=1968">勘误建议</a><a href="http://bbs.chinahtml.com">论坛讨论</a></div> </div> <div id="otherentry"> <div id="prv"> 上一篇:<a href='http://book.chinahtml.com/dreamweaver/2007/11880582831967.shtml'>Dreamweaver 8网站建设技巧与实例(附光盘)</a> </div> <div id="next"> 下一篇:<a href='http://book.chinahtml.com/dreamweaver/2007/11880582851969.shtml'>Dreamweaver 8完美网页设计——网页特效篇(含2CD)</a> </div> </div> </div> <div id="comments"> <h2>图书评论</h2> <p><span>共有 <strong><script src="http://www.chinahtml.com/e/public/ViewClick?classid=167&id=1968&down=2" type="text/javascript"></script></strong> 位CH网友发表了评论 <a href="http://www.chinahtml.com/e/pl?classid=167&id=1968" title="评论列表">查看完整内容</a></span> <button name="postcomment" class="btn1" type="submit" onclick="var frm = document.getElementById('addform');frm.style.display=((frm.style.display=='block')?('none'):('block'));">我要说两句</button> </p> <div id="addform" style="display:none"> <div id="postcomment"> <form action="http://www.chinahtml.com/e/enews/index.php" method="post" id="saypl"> <p> <input type="text" name="username" id="author" title="请填写笔名,只能包含汉字、字母、数字和下划线!" value="CH网友" size="22" maxlength="20" tabindex="1" /> <label for="author">昵称 (必填)</label> </p> <p> <input type="text" name="key" id="checkcode" title="请填写右边的验证码" value="" size="10" tabindex="3" /> <img src="http://www.chinahtml.com/e/ShowKey?ecms" alt="验证码" /> 验证码 (必填) <input name="nomember" type="hidden" id="nomember" checked="checked" value="1" /></p> <p> <input name="id" type="hidden" id="id" value="1968"> <input name="classid" type="hidden" id="classid" value="167"> <input name="enews" type="hidden" id="enews" value="AddPl"> <input name="repid" type="hidden" id="repid" value="0"> <textarea name="saytext" id="saytext" title="不能为空!" tabindex="4"></textarea> </p> <p> <input name="submit" type="submit" id="submit" tabindex="5" value="发表评论" /> </p> </form> <div class="clear"></div> </div> </div> <div class="clear"></div> <script type="text/javascript" src="http://www.chinahtml.com/e/pl/more/?classid=167&id=1968&num=10&sub=60"></script> </div> </div> <div id="rail"> <div class="rightad" style="height:120px;"><a href="http://book.chinahtml.com"><img src="http://img.chinahtml.com/images/300/book.jpg" alt="站长资讯图书信息" /></a></div> <div id="browse_cat"> <h2>图书分类</h2> <ul> <li><a href=http://book.chinahtml.com/html>HTML/XML</a></li><li><a href=http://book.chinahtml.com/css>CSS</a></li><li><a href=http://book.chinahtml.com/asp>ASP</a></li><li><a href=http://book.chinahtml.com/dotnet>.NET</a></li><li><a href=http://book.chinahtml.com/php>PHP</a></li><li><a href=http://book.chinahtml.com/JSP>JSP</a></li><li><a href=http://book.chinahtml.com/javascript>JavaScript</a></li><li><a href=http://book.chinahtml.com/dreamweaver>Dreamweaver</a></li><li><a href=http://book.chinahtml.com/photoshop>Photoshop</a></li><li><a href=http://book.chinahtml.com/fireworks>Fireworks</a></li><li><a href=http://book.chinahtml.com/flash>Flash</a></li><li><a href=http://book.chinahtml.com/webdesign>网站制作</a></li><li><a href=http://book.chinahtml.com/graphicdesign>平面设计</a></li><li><a href=http://book.chinahtml.com/server>服务器类</a></li><li><a href=http://book.chinahtml.com/database>数据库类</a></li><li><a href=http://book.chinahtml.com/linux>Linux类</a></li><li><a href=http://book.chinahtml.com/other>其他图书</a></li> <div class="clear"></div> </ul> </div> <div id="searchbox"> <form action="http://www.chinahtml.com/e/search/index.php" method="post"> <fieldset> <ul> <li> <label><a href="http://www.chinahtml.com/search">搜索:</a></label> </li> <li> <input name="keyboard" type="text" size="13" maxlength="255" /> <input name="classid" type="hidden" value="159"> </li> <li> <select name="show"> <option value="title" selected>书名</option> <option value="writer">作者</option> <option value="publisher">出版社</option> <option value="description">简介</option> <option value="title,writer,publisher,description,newstext">搜索全部</option> </select> </li> <li> <input type="image" value="Search" src="http://img.chinahtml.com/images/btn-search.gif" class="image" /> </li> </ul> </fieldset> </form> </div> <div class="rightinfo"> <h3>阅读提示</h3> <ul> <li>图书信息来自当当网,本站不负责出售所列图书!</li> <li>购买请直接到当当网,享受最新优惠价格。</li> <li>购书后的售后服务请直接联系<a href="http://www.dangdang.com/league/leagueref.asp?from=P-2364531&backurl=http://www.dangdang.com/default.asp">当当网</a>。</li> <li><a href="http://www.dangdang.com/league/leagueref.asp?from=P-2364531&backurl=http://www.dangdang.com/book.asp ">当当网,全球最大的中文网上商城</a></li> </ul> </div> <div class="rightad" style="height:60px;"><img src="http://img.chinahtml.com/images/book.gif" alt="" /></div> <div id="rightbox"> <script type="text/javascript"><!-- google_ad_client = "pub-5858461870977086"; google_ad_width = 250; google_ad_height = 250; google_ad_format = "250x250_as"; google_ad_type = "text_image"; google_ad_channel = ""; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "105CB6"; google_color_text = "333333"; google_color_url = "999999"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> <div id="footer"> <div id="footerinfo"> <div id="footercontent"><a href="http://www.chinahtml.com/siteinfo/aboutus.shtml">关于站点</a> - <a href="http://www.chinahtml.com/siteinfo/advertisement.shtml">广告服务</a> - <a href="http://www.chinahtml.com/siteinfo/contact.shtml">联系我们</a> - <a href="http://www.chinahtml.com/siteinfo/copyright.shtml">版权隐私</a> - <a href="http://www.chinahtml.com/siteinfo/promise.shtml">免责声明</a> - <a href="http://www.chinahtml.com/siteinfo/link.shtml">成员列表</a> - <a href="http://www.phome.net" rel="external">程序支持</a> - <a href="http://www.chinahtml.com/siteinfo/sitemap.shtml">网站地图</a> - <a href="http://www.chinahtml.com/submit/feedback.php">意见反馈</a> - <a href="#top">返回顶部</a></div> <div id="footercopyrights">站长资讯力倡站长文化,崇尚互联共享,欢迎转载我们的原创作品,转载请注明出处。套用本站设计风格者请保留作者的链接。<br /> <span>Copyright © 2005-2008 www.chinahtml.com online services. All rights reserved. Template designed by <a href="http://www.laogui.com">laogui</a>. </span><br /> <a href="http://net.china.cn/chinese/index.htm">违法不良信息举报中心</a> <a href="http://cyberpolice.hangzhou.com.cn/">网络110报警服务</a> <a href="http://www.miibeian.gov.cn">粤ICP备06003119号</a> <br />本站由<a href="http://www.cndns.com" rel="external">美橙互联</a>、<a href="http://www.elinkhost.com/" rel="external">易联主机</a>提供网络带宽<span style="display:block;overflow: hidden;width: 0;height: 0;"><script type="text/javascript" src="http://js.tongji.yahoo.com.cn/0/30/27/ystat.js"></script></span> </div> </div> </div> <script src='http://www.chinahtml.com/e/public/onclick?enews=donews&classid=167&id=1968'></script> </body> </html>