第一篇：Dreamweaver课程总结（写写帮推荐）
Dreamweaver课程总结
Web静态页面与浏览器基础知识：
web静态页面：web静态页面是指在浏览器显示出来的一系列的文字和各种的表格图片的集合。web静态页面具有的优点是：1.相应快。在同等条件下。一个静态页面要比动态页面快得多。对于频繁访问的用户来书，静态页面的客户端缓存也有助于用户快速访问。2.服务器资源占用少。静态页面不需要数据库的支持。不需要服务器端应用程序的计算。3.对于大量的用户访问，生成静态页面的优势更明显。像新浪，网易等用户访问量很大的网站都采用生成静态页面的技术。4.用户看到页面和应用程序的分离。即使有应用程序方面的错误，访问的用户是看不到的。这样有利于后台数据的安全。
浏览器：维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。手机浏览器是运行在手机上的浏览器，可以通过GPRS进行上网浏览互联网内容，网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA的ECMAScript标准。
结构标准语言：（1）XML是(可扩展标识语言)的简写。目前推荐遵循的是W3C的XML1.0和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。
（2）XHTML是]可扩展标识语言的缩写。目前推荐遵循的是W3C,XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。2.表现标准语言CSS是层叠样式表的缩写。目前推荐遵循的是W3C,W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。3.行为标准DOM是文档对象模型的缩写。根据W3C DOM规范(2)ECMAScript是ECMA制定的标准脚本语言（JAVAScript）。
网页脚本：脚本是批处理文件的延伸，是一种纯文本保存的程序，可以不经编译而是解释执行，利于快速开发。脚本(Script)，就是含有bind和alias等命令的集合，你可以把这个集合存为一个独立的文件然后在需要的时候执行，这样就可以方便你在CS中的使用。
VBScript即 Visual Basic 脚本语言。是asp动态网页默认的编程语言，配合asp内建对象和ADO对象，用户很快就能掌握访问数据库的asp动态网页开
发技术。在WSF、HTA和CHM文件中VBScript和JavaScript的程序码可以任意
混合。HTA文件实际上是加有VBS、JavaScript成分的HTML文件。CHM文件是
一种在线帮助，用户可以使用专门的编辑程序将HTML程序编辑为
CHM,JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚
本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML
网页添加动态功能，比如响应用户的各种操作。
Web动态页面与服务器基础知识：
Web动态页:动态的页面的优点是能够及时处理信息，你提交的页面马上显
示出来。动态页面是一种最常用的网站建设表达形式。它的优点在于可以根据先
前所制定好的程序页面，根据用户的不同请求从而返回其相应的数据，可以说是
一对多的关系，从而达到资源的最大利用和节省网站空间上的物理资源。如果今
后需要改变网站的风格，只需要重新制作前台所访问的页面即可。只要数据库结
构不变，可以很快地进行改版工作。动态页面的优点是效率高、更新快、移植性
强，从而快速地达到即见即所得的目的。
ASP是 “动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。
ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应
用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件
等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建
使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具
有以下特点：利用ASP可以实现突破静态网页的一些功能限制，ASP文件是包含在HTML
代码所组成的文件中的，易于修改和测试，ASP提供了一些内置对象，使用这些对象可以
使服务器端脚本功能更强。ASP可以使用服务器端ActiveX组件来执行各种各样的任务，ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言
结合制作WAP手机网站。但是其原理也是一样的。
ADO是一个用于存取数据源的COM组件。它提供了编程语言和统一数据访
问方式OLE DB的一个中间层。允许开发人员编写访问数据的代码而不用关心数
据库是如何实现的，而只用关心到数据库的连接。访问数据库的时候，关于SQL的知识不是必要的，但是特定数据库支持的SQL命令仍可以通过ADO中的命令对
象来执行。ADO被设计来继承微软早期的数据访问对象层，包括RDO和DAO。
服务器：从广义上讲，服务器是指网络中能对其它机器提供某些服务的计算
机系统。从狭义上讲，服务器是专指某些高性能计算机，能通过网络，对外提供
服务。相对于普通PC来说，稳定性、安全性、性能等方面都要求更高，因此在CPU、芯片组、内存、磁盘系统、网络等硬件和普通PC有所不同。服务器作为网
络的节点，存储、处理网络上80％的数据、信息，因此也被称为网络的灵魂。
我们与外界日常的生活、工作中的电话交流、沟通，必须经过交换机，才能到达
目标电话；同样如此，网络终端设备如家庭、企业中的微机上网，获取资讯，与
外界沟通、娱乐等，也必须经过服务器，因此也可以说是服务器在“组织”和“领
导”这些设备。服务器它是网络上一种为客户端计算机提供各种服务的高性能的计算机，它在网络操作系统的控制下，将与其相连的硬盘、磁带、打印机、Modem
及各种专用通讯设备提供给网络上的客户站点共享，也能为网络用户提供集中计
算、信息发表及数据管理等服务。它的高性能主要体现在高速度的运算能力、长
时间的可靠运行、强大的外部数据吞吐能力等方面。
Web技术最前沿：Adobe刚刚发布了一个新的工具{Adobe Edge}，允许设计师通过HTML5、CSS和JavaScript制作网页动画。无需Flash。Adboe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。目前该工具的重点放在动
画引擎上，但未来将增加更多HTML5功能，比如Canvas、HTML5音频/视频
标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari
和IE9等各个平台。Adobe Edge的发布也引起了业界对Adobe公司战略的探
讨，AppMobi发布HTML 5开发工具XDK，AppMobi推出了全新开发工具XDK，使得开发者可以使用HTML5构建网络和移动平台的应用程序。最终代码既可以
用来进行HTML5应用程序开发，就如同现在在Chrome网络应用程序商店里看
到的那些程序一样，也可以用于多平台应用程序开发，Firebug1.8正式版发布
云计算（cloud computing），是一种基于互联网的计算方式，通过这种方
式，共享的软硬件资源和信息可以按需提供给计算机和其他设备。云其实是网络、互联网的一种比喻说法。云计算的核心思想，是将大量用网络连接的计算资源统一管理和调度，构成一个计算资源池向用户按需服务。提供资源的网络被称为
“云”。狭义云计算指IT基础设施的交付和使用模式，指通过网络以按需、易
扩展的方式获得所需资源；广义云计算指服务的交付和使用模式，指通过网络以
按需、易扩展的方式获得所需服务。这种服务可以是IT和软件、互联网相关，也可是其他服务。
移动互联网：就是将移动通信和互联网二者结合起来，成为一体。在最近几
年里，移动通信和互联网成为当今世界发展最快、市场潜力最大、前景最诱人的两大业务，它们的增长速度都是任何预测家未曾预料到的，所以移动互联网可以
预见将会创造怎样的经济神话。包括移动IPv4、移动IPv6、移动子网、移动
互联网安全和多播以及切换管理等的工作机理、设计思路及实现方案作solomo互联网术语：即社交(social)+本地化(local)+移动(mobile)，由IT
风险投资人约翰·杜尔首次提出该概念。它是PC、移动设备和真实社会关系的外延，代表着未来互联网发展的趋势。是互联网未来发展模式，它将改变人们的交友方式和习惯;将改变零售和服务业的未来;将在中国广阔的舞台上流光溢彩。
SoLoMo概念风靡全球，被一致认为是互联网未来发展趋势。移动互联网将于5
年内超过桌面互联网。人们用移动设备接入互联网的时间显著上升。商业模式演
绎从Facebook到人人网这样的“SO”已经无处不在;而“LO”则代表着以
LBS(Location Based Service)为基础的各种定位和签到，它是Foursquare或者
街旁，也包括Facebook Places和人人报到;“MO”则是拜智能手机带来的各种
移动互联网应用。国内以人人网为例，其月度覆盖用户过亿，而每天有30%的用
户是通过手机访。这要归因于人人公司在手机产品上下的功夫--人人是全球首家
推出手机开放平台的互联网公司，甚至先于一直模仿的对象Facebook。web开发技术认识总结：Dreamweaver课程和Web的学习我对web技术有了一个完整的认识。Web静态页面和动态页面以及对ASP的脚本语言的内容有了一些认识，使我学到了很多网络技术方面的知识；其次对数据库基础知识，云计算，移动网络，社交网络有了一个更全面的认识，通过学习dreamweaver我对计算机网络的认识有了一个质的飞跃，我了解到网络工程，网络技术在我们的生活中的重要意义，认识到了网络在当今社会的重要性，作为当今社会的大学生应该认识到学习好网络技术的重要性，努力为社会的发展做出自己应有的贡献。
第二篇：Dreamweaver常用快捷键总结
文件菜单
新建文档 Ctrl+N
打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中 在框架中打开 Ctrl+Shift+O 关闭 Ctrl+W 保存 Ctrl+S
另存为 Ctrl+Shift+S 检查链接 Shift + F8 退出 Ctrl+Q
编辑菜单
撤消 Ctrl+Z
重复 Ctrl+Y 或 Ctrl+Shift+Z 剪切 Ctrl+X 或Shift+Del 拷贝 Ctrl+C 或Ctrl+Ins 粘贴 Ctrl+V 或Shift+Ins 清除 Delete 全选 Ctrl+A
选择父标签 Ctrl+Shift+< 选择子标签 Ctrl+Shift+> 查找和替换 Ctrl+F 查找下一个 F3
缩进代码 Ctrl+Shift+] 左缩进代码 Ctrl+Shift+[ 平衡大括弧 Ctrl+’ 启动外部编辑器 Ctrl+E 参数选择 Ctrl+U
页面视图
标准视图 Ctrl+Shift+F6 布局视图 Ctrl+F6 工具条 Ctrl+Shift+T
查看页面元素
可视化助理 Ctrl+Shift+I 标尺 Ctrl+Alt+R
显示网格 Ctrl+Alt+G
靠齐到网格 Ctrl+Alt+Shift+G 头内容 Ctrl+Shift+W 页面属性 Ctrl+Shift+J
代码编辑
切换到设计视图 Ctrl+Tab 打开快速标签编辑器 Ctrl+T 选择父标签 Ctrl+Shift+<平衡大括弧 Ctrl+’ 全选 Ctrl+A 拷贝 Ctrl+C
查找和替换 Ctrl+F 查找下一个 F3 替换 Ctrl+H 粘贴 Ctrl+V 剪切 Ctrl+X 重复 Ctrl+Y 撤消 Ctrl+Z
切换断点 Ctrl+Alt+B 向上选择一行 Shift+Up 向下选择一行 Shift+Down 选择左边字符 Shift+Left 选择右边字符 Shift+Right 向上翻页 Page Up 向下翻页 Page Down
向上选择一页 Shift+Page Up 向下选择一页 Shift+Page Down 选择左边单词 Ctrl+Shift+Left 选择右边单词 Ctrl+Shift+Right 移到行首 Home 移到行尾 End
移动到代码顶部 Ctrl+Home 移动到代码尾部 Ctrl+End
向上选择到代码顶部 Ctrl+Shift+Home 向下选择到代码顶部 Ctrl+Shift+End
编辑文本
创建新段落 Enter 插入换行 Shift+Enter
插入不换行空格 Ctrl+Shift+Spacebar
拷贝文本或对象到页面其他位置 Ctrl+拖动选取项目到新位置 选取一个单词双击
将选定项目添加到库 Ctrl+Shift+B
在设计视图和代码编辑器之间切换 Ctrl+Tab 打开和关闭[属性]检查器 Ctrl+Shift+J 检查拼写 Shift+F7
格式化文本
缩进 Ctrl+] 左缩进 Ctrl+[
格式>无 Ctrl+0(零)段落格式 Ctrl+Shift+P
应用标题1到6到段落 Ctrl+1 到 6 对齐>左对齐 Ctrl+Shift+Alt+L 对齐>居中 Ctrl+Shift+Alt+C 对齐>右对齐 Ctrl+Shift+Alt+R 加粗选定文本 Ctrl+B 倾斜选定文本 Ctrl+I 编辑样式表 Ctrl+Shift+E
查找和替换文本
查找 Ctrl+F
查找下一个/再查找 F3 替换 Ctrl+H
处理表格
选择表格（光标在表格中）Ctrl+A 移动到下一单元格 Tab
移动到上一单元格 Shift+Tab
插入行（在当前行之前）Ctrl+M
在表格末插入一行在最后一个单元格 Tab 删除当前行 Ctrl+Shift+M 插入列 Ctrl+Shift+A
删除列 Ctrl+Shift+(hyphen)
播放插件
播放插件 Ctrl+Alt+P 停止插件 Ctrl+Alt+X
播放所有插件 Ctrl+Shift+Alt+P 停止所有插件 Ctrl+Shift+Alt+X
处理模板
创建新的可编辑区域 Ctrl+Alt+V 插入对象
任何对象（图象，Shockwave影片等）文件从[资源管理器]或[站点]窗口拖动到[文档]窗口 图象 Ctrl+Alt+I 表格 Ctrl+Alt+T
Flash影片 Ctrl+Alt+F
Shockwave和Director影片 Ctrl+Alt+D 命名锚记 Ctrl+Alt+A
历史纪录面板
打开[历史纪录]面板 Shift F10 开始/停止录制命令 Ctrl+Shift+X 播放录制好的命令 Ctrl+P
打开和关闭面板
对象 Ctrl+F2 属性 Ctrl+F3 站点文件 F5 站点地图 Ctrl+F5 资源 F11
CSS样式 Shift+F11 HTML样式 Ctrl+F11 行为 Shift+F3
历史纪录 Shift+F10 时间轴 Shift+F9 代码检查器 F10 框架 Shift+F2 层 F2
参考 Ctrl+Shift+F1
显示/隐藏浮动面板 F4 最小化所有窗口 Shift+F4 最大化所有窗口 Alt+Shift+F4
获得帮助
使用Dreamweaver[帮助主题] F1 参考 Shift+F1
Dreamweaver支持中心 Ctrl+F1
第三篇：dreamweaver习题
（习题包括判断题和选择题以及实验题）单元1习题：（1）判断题
1、Dreamweaver 是美国Macromedia公司开发的集网页制作与管理网站于一身的网页编辑器和开发工具。√
2、一个WEB站点至少需要一个主页（home Page），可以有其他子页（二级页面等）。√
3、网页的交互是指浏览者单击栏目、超级链接等，以及鼠标经过或放于某处时，页面会作出相应的反应。√
4、网页是指采用超文本标记语言编写的，可以在浏览器下浏览的一种文档。√ 单元2习题：(1)判断题：
1、一个超级链接链接的地址为：this.html#x11，其中x11是this.html页中的某个锚点。√
2、Dreamweaver 支持在网页中插入各种图像，简单的方法是选择Insert（插入）菜单的中的image(图像)子菜单项。√
3、×
4、采用目录与锚点结合的办法，可以实现在长的网页文档内若某网页背景颜色设置为FFFFF，则背景的颜色为黑色。部跳转的功能。√
5、在网页设计过程中，有时需要将几个单元格进行合并，一般在Dreamweaver中操作方法是，拖动鼠标，将需要合并的单元格选中，然后点击属性工具栏中的“合并单元格”。√
6、选中表格后，Dreamweaver 中即可显示表格属性，即可对表格的对齐方式、高度、宽度，边框样式等进行设置。√7、8、在Dreamweaver中，非连续的单元格也可直接合并。× 对于框架网页的保存方法是，若要保存所有框架页，则在菜单项里选择“file(文件)”菜单下的“save(保存）”即可。×
9、一幅图像在网页中是作为一个独立的对象插入的，但是如果情况需要，则可以一幅图象中设置多个“对象点”完成特定的功能，这个就是图像热点。√
10、若需要对文件进行超级链接设定，只需选中文字，鼠标右键打开属性中在Link（链接）项中输入需要链接的URL即可。√
(2)不定项选择题：
1、在网页中录入文档的方法有： abc A)直接录入法。
B）从已有的文档中通过剪贴板复制剪切粘贴的方法。
C）修改录入的文档的方法。D）以上均不正确
2、关于Dreamweaver的操作界面，下列说法正确的是：abd A)工具箱包含了常用的工具，制作网页时用到这些工具。B)对象属性浮动工具栏，对网页制作时选择的对象相适应，用来设置对象的属性。C)状态栏，是表示出被编辑网页的效果。
D)状态栏，是表示出被编辑网页中正在被编辑的标记名。
(3)实验习题1：创建网站与网页布局
一.创建一个个人网站
1.创建一个本地站点，存放在E盘或F盘上；文件夹名用自己姓名拼音缩写。在该文件夹下创建一个图象文件夹(如Images)，用于存放图形文件。
2.创建一个远程站点，存放在C:Inetpubwwwroot文件夹下，自己新建一个用于存放自己网站的文件夹，文件夹名mysite
二.制作网页，使用表格设计网页布局
3.在站点根文件夹下创建一个新文件，命名为default.htm,该页为主页，在标题栏输入网页标题(某某的网站)
4.新建 3-4 个网页文件，网页内容自定。
5.建立default.htm页与其它网页的链接
实验习题2：文本与图像制作 顶部
一.网页文字制作
1.建立文章网页，内容自己设计，进行文本的输入。在段落结尾处使用段落标记
(直接按回车键)；在换行处使用换行符
(Shift+回车键)。
2.对当前网页中的文本设置字体、字号(在使用不属于系统基本字体时使用后备字体)
3.对当前网页中的文本设置颜色
4.对当前网页中的文本标题设置居中对齐
5.对当前网页中的文本进行缩进
6.对当前网页中的文本进行项目列表或与编号列表
二.在网页中进行图像的插入与处理
1.建立图象网页，插入图片
2.自己设置各种图片属性。可使用fireworks处理图象(如重新设置图像大小、剪裁、改变亮度、优化等)。
3.自选大小相同的图片，创建轮换图象。并建立与本站点网页的链接
4.插入一张图片，创建图象地图，并建立与本网站文件的链接
5.制作网站像册，制作缩略图到原图的链接。
实验习题3：超链接制作 顶部
1.新建一个网页，创建以下各种超链接。选择目标在新窗口打开
链接至网站
链接至当前站点网页文件
链接至图片文件
链接至word文档
链接至flash动画
链接至mp3声音文件
链接至应用程序文件
缩略图至大图的链接
2.制作文章网页，在各节开头处建立锚点；对各节标题建立至锚点的链接；在各节处建立返回到网页项部的锚点链接
3.在网页上建立一个信箱，创建给自己发送电子邮件的超链接。
4.制作一个推荐网站的跳转菜单，加入各网站的URL地址 单元3习题（1）判断题：
1、在制作网页显示时，若有一些网页，他们有共同的标题、共同的目录格式，只是某些内容部分不太相同，这时，可以应用框架网页来加快网页的显示速度，避免重复载入页面。√
2、WEB站点是指一系列可以通过Internet 浏览器浏览的，具有相互超级链接的多媒体文档的集合以及完成这些文档的存放、查找、搜索、发布的物理设备和其他相关软硬件系统的集合√
3、在制作框架网页时，如果需要保存所有框架网页，则只需要选择文件菜单中的SAVE即可保存所有框架网页。×（2）不定项选择题：
1下列不属于站点管理器的功能的是：ab E)可以实现快速超级链接。
B）可以自动纠正超级链接的更改。
C）可以自动发布制作好的网页。D）可以自动升级网站的WEB服务。
2在框架式网页中添加超级链接时，如果对象的“target(目标框架)”属性为以下时，则可以新窗口打开链接页。abd F)_blank
B）_parent
C）_self
D）_top
E）main
（3）实验习题：使用表格进行网页布局
1.新建一个网页，根据网页布局要求插入一个表格，行列数自定，宽度为780象素，边框为0
2.对以上建立的表格进行单元格合并或拆分；对表格行宽和列高进行适当调整； 对表格进行插入行或列的操作
3.对建立的表格的单元格中插入嵌套表格
4.对表格或单元格设置自选背景图象
5.在以上建立的表格中插入图象与文字；设置对各单元格水平居中对齐，垂直顶端对齐；设置单元格为“不换行 单元4习题（1）判断题：
1、作为网页定位技术的表格与层，相对来说表格更为通用，因为层需要浏览器的支持，而表格在任何浏览器下都没有问题。√
2、网页中引入层技术，在层中可以插入各种对象，而且各个层可以嵌套、重叠、交盖等，但不是所有的浏览器都支持层技术。√
3、表单网页中，一页表单，至少且只能有一个表单标记，至少有一个提交的按钮。×（2）不定项选择题
3、网页中的若有多层，下列哪个属性决定层的视觉关系。ac A)Z-index
B）Layer
C）Top
D）left
4、Dreamweaver 能实现的关于站点管理的内容有：abcd A)检查站点的超级链接
B）生成站点报告、错误查找和修改。
C）定义站点
D）测试站点
5、在网页中插入水平线，一般可以设置水平线的以下属性abc A)水平线的宽度。B）水平线的颜色。C）水平线的粗细程度。D）水平线的层叠次序。
6、网页中的超级链接可以链接到。abcd A)链接到本网站中的其他网页。
B）链接到本文件中某锚点位置。
C）可以其他站点中的某个位置。
D）可以链接到某网站中的某个文件对象。
7、在Dreamweaver MX 中，站点管理包括五大设置项，下列说法错误的是：bcd A)Local info 设置站点的名称、本地文件夹映射位置，站点在Internet 上的位置等。
B)Remote info 设置站点的远程信息，包括远程服务器的访问方式，帐号、密码等。
C)Design Notes 设置网页设计过程中是还否保持制作的记录等。
D)Quick View 设置站点网页显示效果。E)Site Map Layer 站点地图项，设置站点地图的显示方式等。（3）实验习题
.使用布局视图进行网页布局
1.使用Fireworks设计网页布局，文档大小760*700像素、导入或自己绘制网页所需图形。将各个图形分别导出，存放在自己站点图象文件夹中、将整个网页图象保存做为跟踪图。
2.新建一个网页存盘，修改页面属性，设置跟踪图象(使用Fireworks设计的网页布局图象作为跟踪图象)，透明度为50%
3.进入布局视图，绘制布局表格与布局单元格。
4.根据网页的跟踪图象，对绘制的布局表格与单元格进行调整或移动
5.在布局单元格中插入图象
6.返回标准视图，设置为单元格背景、输入文字等。三.制作框架网页
1.新建一个框架网页(框架类型自选)
2.在各框架内插入内容或打开网页，保存各框架页与框架集
3.设置各框架属性(边框、滚动条等)
4.建立左框架与右框架文章中锚点的链接，要求目标框架为右边的框架
5)建立左边导航条中返回主页的链接，设置目标框架为top 单元5、6习题(1)判断题
1、网页制作中，层的“Z-index”属性表示层的层叠次序，数值大于0表示在页面的上面，数据小于0表示在页面的上面，数值越大就越先看见。×
2、在Dreamweaver里，层与表格之间是可以转换的，但要求层之间不能有重叠多层的情况
3、flash中的导线工具，在真正的层中显示时并不可见。×
4、GIF动画的文件大小相对较大，若用flash 导入后转换为矢量动画就可缩小。√
5、在追求速度为先的网页设计时，可以多用图象，在追求美观为先的网页设计时，可以多用文字。×
6、Dreamweaver模板可以在局部应用，但不能应用于整个站点。×
CSS样式的使用实验习题
一.制作文章页或诗词页，设置页面属性
1)新建或打开网页，设置页面默认字体。
2)设置页面上边距为0、左边距为10。
3)设置页面背景图片
4)设置链接颜色
二.创建自定义的CSS样式
1.创建自定义的CSS样式(存放在CSS样式表文件中)——标题
1、标题2等，使用类型面板设计字体样式，并应用到当前网页中。
2.创建自定义的CSS样式“正文”，字体大小为10点数，字体幼圆；行高为1.8倍行高，并应用到当前网页中。
三.重定义HTML标签
1.修改Body标签,使用背景面板设置背景图象.不重复、固定、自定位置
使用区块面板设置文本对齐为居中。
四.修改CSS样式.1.修改自己所建的标题1模式，使用区块面板设置文本对齐为居中
2.重定义“正文”模式，缩进2个字
3.修改标题模式，使用边框面板设置下边框为双线、颜色自选
五.附加CSS样式表
新建一个网页，附加以上建立的CSS样式表，并应用样式。
六.使用CSS样式中的过滤器
1.新建一个图片网页，使用表格布局后插入图片。
2.新建样式，仅应用该文档，设置Alpha透明度为50%(在扩展面板的滤镜下拉列表框中设置Alpha(Opacity=50)
3.新建一个样式invert，仅应用该文档，(在扩展面板的滤镜下拉列表框中选择invert)
4.建立样式gray，FlipH，Xray，5.对图片后分别设置以上新建的样式后在浏览器中查看效果
第四篇：DreamWeaver教案
第一部分 网页基础
1、了解网页设计的相关知识：
Frontpage/网页四剑客/ Html/ Asp/ Java脚本语言等
2、熟悉Dreamweaver工作窗口
3、掌握常用工具的打开方法
文档/标准/插入/属性/CSS样式/行为/站点/资源/框架/层/时间轴等
4、掌握HTML网页源代码编写的基本语法结构 第二部分 HTML的使用
1、HTML是超文本标记/描述语言，它编写网页源代码，是网页设计的基础。
2、掌握HTML的语法规则
3、掌握常用标签的使用，实例演示
4、页面属性设置：修改→页面属性(Ctrl+J)练习题：通过HTML设计简单网页 要求：1>新建站点
2>在站点中新建一个普通网页
3>在普通网页中添加常用网页元素 第三部分 文本的编辑与基本操作
1、熟悉网页的组成元素，其中文字是最基本的，是网页的主体，主要用来传达信息。
2、掌握文本的创建与编辑操作
3、设置网页文字效果
利用属性面板/插入面板
4、利用文本创建超链接
5、网页属性设置（页面属性/系统网页样式）上机练习：
图文混排（包括文本编辑/文本格式/水平线/超链接/ 图片/表格等）
第四部分 网页图像
1、图像点缀网页，形象直观、丰富多彩
2、掌握图像在网页中的作用及常用图像格式
3、掌握在网页中创建各种图像的具体操作
4、编辑图像（设置图像属性）
热点链接及改变大小等
练习：变换图片效果（照片变换）第五部分 层叠样式表（CSS）
1、了解CSS的含义、作用、分类
2、具体操作（样式面板）
创建CSS样式/编辑样式表/删除样式表/附加样式表/应用CSS样式 上机练习：
<1>新建样式（内部样式）
<2>新建一个外部样式表文件（.css）<3>新建CSS特殊样式（格式化超链接）<4>制作电子相册
第六部分 页面的版面布局
1、了解版面布局设计方案及要求
2、利用表格布局网页
掌握表格的创建、编辑、设置属性 上机练习：
用隐藏的表格进行整个网页布局
3、层的使用
<1>了解层的含义、作用 <2>层的操作（层面板）
创建/编辑/用层设计表格 上机练习： <1>在网页页面中应用描绘层实现图像和文字的精 <2>制作导航条（用导航条设计栏目）
准备好所需的按钮图片→插入面板→常用→导航条
4、使用框架布局页面
<1>了解框架的含义、作用、组成及HTML语法结构 <2>掌握创建框架的方法 <3>框架的基本编辑操作
选定/保存/删除/设置属性
第八部分 表单的使用（交互式表单）
1、了解表单的含义、作用、组成及HTML标签
2、认识各种表单对象并创建表单
3、使用行为验证表单
制作和验证客户表单或个人简历表单
4、提交表单
设置并上网申请站点→发布站点→预览效果 第九部分 生成动态特效（时间轴和行为）
一、时间轴
1、了解什么是时间轴及其作用
2、打开认识时间轴
3、使用时间轴创建动画
<1>创建层动画（文字/图像）：通过时间轴来改变图层的位置、大小、可见性及叠放顺序。<2>创建图像动画（切换）
4、编辑时间轴
二、行为
1、了解行为及其包含的基本元素
2、掌握网页设计中常用事件及常用动作
3、掌握为具体为对象附加行为的操作方法
举例：为网页中经常暴发的事件，指定执行各种特 定的任务
第十部分 插入多媒体组件
1、了解什么是多媒体
2、掌握在网页中应用Flash动画、声音文件、视频文
件、日期等
3、网页中使用计数器（免费申请获取代码→网站上传
→预览）
第十一部分 模板与库的应用
一、模板：
1、了解模板的定义、组成、作用、特点
2、认识模板面板
3、模板操作 创建（.dwt）/编辑/应用/更新/模板与文档分离/管理
二、库
1、了解库的概念、作用
2、了解什么是库项目、掌握库项目的创建/编辑/应用/更新/文档与库项目分离
第五篇：dreamweaver笔记
弹出菜单
弹出菜单在网页制作中是一种非常常用的菜单方式，这种菜单不但制作简单，而且效果也很
好。
效果说明
本实例所要完成的效果是当鼠标移动到文字上时，就会弹出一个漂亮的菜单，如图 17-1
和图 17-2 所示。
创作思想
本实例首先在网页中输入一行文字，并对文字做一个特殊的超链接，然后利用
Dreamweaver MX 2004 自带的行为制作弹出菜单。
操作步骤
（1）输入文字并设置超链接。在网页中输入文字，因为单独的文本文字是无法添加行为的，按照 Dreamweaver 中的约定，将文字的超链接设置为“ javascript:;”才能够添加行为。所以将文字的超链接设为“ javascript:;”，并执行【显示弹出式菜单】行为，如图 17-3 所示。
（2）设置菜单项和子菜单项，并为菜单设置超链接，然后安排好各个菜单的次序，如图 17-4 所示。
（3）设置页面元素。将菜单设置为垂直菜单，并分别设置菜单的字体、字号、对齐方式、一般状态和鼠标滑过时的状态，如图 17-5 所示。
（4）设置【高级】标签。在【高级】标签选项中设置菜单的延迟时间，以及是否显示菜单边框。然后设置边框的宽度、颜色、阴影、高亮，如图 17-6 所示。
注意：【菜单延迟】中时间的单位是毫秒（ms），1000 毫秒等于 1 秒，在设置时
注意换算。
（5）设置的 x 轴和 y 轴参数。在【位置】标签选项中设置弹出菜单的 x 轴和 y 轴参数，这两个参数表示弹出菜单左上角到网页左上角的距离，如图 17-7 所示。
（6）保存网页文件，然后在浏览器中打开该网页，将鼠标光标移动到文字上方时即可看到有菜单弹出，本实例操作完毕。通过 Dreamweaver，可以快速制作出以往只能用复杂代码才能实现的弹出菜单，这样可以实现复杂菜单的弹出和收缩，方便使用又能让页面美
观、整洁。
滑动折叠菜单
在网页展示平面有限的情况下，折叠菜单是一个很不错的选择。这种菜单在一般情况下是折叠起来的，只有当浏览者将鼠标移动到菜单上时，菜单才会滑动展开。
效果说明
当鼠标不在菜单上时，菜单处于折叠状态，看起来是很普通的一个菜单栏，如图 18-1 所示。当鼠标移动到菜单栏上时，该菜单的子菜单就会慢慢滑动展开，如图 18-2 所示。
创作思想
先在一个图层中输入文字，形成菜单折叠时的状态，再使用图层展开时间轴动画来实现
滑动展开菜单的效果。
操作步骤
（1）新建文件并添加层。新建一个网页文件，在网页中添加一个父层（第一级的层）和一个子层（第二级的层），分别设置两个图层的大小和位置，如图 18-3 所示。
（2）设置表格和文字。在 layer1 层中插入表格，设置好表格的高度和背景，然后在表格内输入文字并设置好文字的格式，如图 18-4 所示。
3）设置 layer2 层。设置 layer2 层的背景颜色，然后在其上输入文本并设置超链接，再将 layer2 层添加到时间轴上，以后便可对 layer2 层进行时间轴动画操作，如图 18-5 所
示。
（4）新建一个时间轴 Timeline2，然后将 layer2 层添加到新的时间轴上，如图 18-6
所示。
提示：不同的时间轴可以实现对不同对象的控制，也可以实现多个不同动画。
（5）设置时间轴。分别对时间轴 Timeline1 的第 1 帧和时间轴 Timeline2 的第 15 帧进行设置（这里以第 15 帧作为动画的最后一帧），如图 18-7 所示。
提示：只需要改变时间轴的关键帧，就可以直接生成动画效果，本例将时间轴 Timeline1 第 1 帧中 Layer2 层的高设置为 0px，这样就生成了层慢慢滑出的动画效果。
（6）添加行为。选择表格中的第一个单元格，然后为单元格添加 onMouseOver（鼠标移到单元格上面时）时的行为到播放时间轴 Timeline1，如图 18-8 所示。
（7）继续添加行为。再为该单元格添加 4 个 onMouseOut（鼠标移开时）行为，参数设
置如图 18-9 所示。
（8）添加 2 个行为。选择 layer2 层，并分别添加两个 onMouseOver 和两个
onMouseOut，具体操作如图 18-10 所示。
（9）保存网页文件，然后在 IE 中进行预览，本实例操作完毕。通过时间轴上不同对象在不同时间的状态，再结合时间轴的播放、停止和跳转是 Dreamweaver 中实现动画效果的最基本方法，读者可以充分利用这些功能来实现更精彩的效果。
全景图浏览效果
是否有见过游戏中的全景图效果，充满动画与真实感，让人难以忘怀。在本例中就介绍如何
制作这样的网页。
效果说明
建立文件，选择一张全景图素材，然后插入少量的代码就可以实现全景图浏览效果，如图 43-1 所示。实际效果请浏览随书光盘中《源文件》目录下的相关文件。
创作思想
打开 Dreamweaver MX 2004 软件新建页面并插入表格，在表格的 HTML 代码中插入
操作步骤
（1）新建一个基本的 html 文件，然后保存页面为“ 43.htm ”。
（2）插入表格。要使全景图在指定的区域中走动，必须先插入表格，如图 43-2 所
示。
提示：图 43-2 中的第五步操作必须将高度设置得与图片一样高。
（3）插入标签。然后在工具栏中单击【标签选择器】图标，打开【标签选择器】对话框，在该对话框中设置参数，插入
提示：标签选择器对话框中汇集了一些常用的标签，如 HTML 标签、CFML 标签、ASP.NET 标签等，通过双击相应的代码标签，就可以很轻松地在代码视图中插入代码。
（4）设置参数。接着设置
（5）再接下来需要在代码视图里手动添加代码。回到代码面板，将光标切换到
（读者可打开【光盘】｜【源文件】｜【实例 43 】｜【 43.1.txt 】文件，直接复制
代码）
提示：
中第三步操作里的 HTML 代码进行调整。
（6）保存文件，完成操作。
全景图合适用于厂房、展厅等大型演示上，因为单一镜头图片不能让用户看到全景，通过全景图则能够让需要展示的大型场景一览无余。
随机播放背景音乐的网页
相信很多人在打开娱乐网站或个人主页时，经常都会听到一些音乐。本例将介绍如何实现在网页上随机播放背景音乐。
效果说明
建立文件，循环插入要播放的音乐，便可制作出动感的背景音乐，而且是随机的。实际效果请浏览随书光盘中【源文件】下的对应文件。
创作思想
打开 Dreamweaver MX 2004 软件新建页面，再选择【行为】面板下的【 + 】选项插播音乐，设置参数。然后重复此操作 4 次，就可以随机播放背景音乐。
操作步骤
（1）打开 Dreamweaver MX 2004 软件新建文件，并保存页面。
（2）选择好“标签”页，在“行为”面板中插入要播放的音乐文件，如图 55-1 所
示。
（3）接着选择插入的声音文件，打开参数窗口，设置其参数，如图 55-2 所示。
（4）重复执行图 55-1 和图 55-2 所示的操作 4 次，这样就添加了 4 种音乐，使得程序可以随机在这四种音乐中挑选其中一首来播放。因此，图 55-1 中所示的第四步操作
要选择不同的音乐文件。
（5）保存文件，完成操作。适当放置轻松的音乐背景，可以让用户感觉更轻松、愉
快。
网页滚动布告栏
如果想要在网页里显示最新信息、新闻、通知、布告等较长的文字信息，而又不想占用太多的网页空间，可以使用滚动报告栏。
滚动报告栏通常是通过利用 Javascript 技术控制网页中的层的滚动来实现的，然而手工编写 Javascript 代码进行制作肯定是比较复杂、困难的事情。使用 Dreamweaver 为用户提供的【 ScrollableArea 】插件可以快速便捷地制作出滚动报告栏。
效果说明
用户可以通过滚动栏上的【向上滚】和【向下滚】两个按钮控制报告栏文字的滚动速度和方向。实际效果请浏览随书光盘中【源文件】下的对应文件。
创作思想
在随书光盘中找到“ ScrollableArea ”插件，然后运行 Macromedia 的插件管理器安装插件。接着打开 Dreamweaver MX 2004, 在【命令】菜单中单击【 dHTML AP Scrollable Area 】选项，就可以开始设计滚动布告栏了。
操作步骤
（1）安装插件。首先在随书光盘中的【源文件】 / 【实例 56 】目录里面找到 Dreamweaver 的“ ScrollableArea.mxp ”插件，接着运行 Macromedia 的插件管理器“ Extension Manager.exe ”，Macromedia 的插件管理器是随 Dreamweaver 自动安装的，通常和 Dreamweaver 安装在同一目录下面的“ Extension Manager ”文件夹里面。
（2）选择插件管理器菜单栏上的【文件】菜单进行操作，如图 56-1 所示。
提示：如果插件文件已经和 Macromedia 的插件管理器建立了文件关连，那么直接双击插件文件就可以自动打开 Macromedia 的插件管理器安装插件了。
（3）单击【安装】按钮后会弹出一个安装协议窗口。单击安装协议窗口上面的【接
受】按钮完成安装。
（4）设置 滚动布告栏。安装完插件后运行 Dreamweaver MX 2004，打开或者新建一个 web 文档，进行如图 56-2、图 56-3 和图 56-4 所示的操作。
（5）经过上面的操作，基本完成了滚动布告栏的制作。在 Dreamweaver 中执行【文件】 / 【在浏览器中预览】 / 【 IE 浏览器】命令或者单击键盘上的 F12 键预览网页时，可能会出现不正常显示的情况，这是由于 ScrollableArea 产生的代码中没有设置图层位置的单位。执行如图 56-5 和图 56-6 所示的操作，即可解决这个问题。
（6）执行完如图 56-6 所示的操作后，在图 56-5 中所示的第 3 步再分别选择【＃ divDownControl 】、【＃ divContainer 】和【＃ divContent 】选项，然后再分别执行如图 56-6 所示的操作。给 4 种样式分别加上【像素】单位后测试网页，就可以看到如图
56-7 所示的滚动公告栏了。
（7）将鼠标光标分别移动到【 Scroll up 】和【 Scroll down 】上面，就可以看
到中间的文字上下滚动了。
Dreamweaver 的插件种类繁多，功能强大。善于发现和使用插件，可以制作出一些
Dreamweaver 本身望尘莫及的效果。
更多实例请阅读《Dreamweaver网
点击咨询 