Dreamweaver8教案

Dreamweaver8教案 第一课时Inter概述 1、inter是互相连接的计算机网络所组成的一个大系统，这个系统覆盖全球，是当前信息高速公路的主体。 Inter是全球信息基础设施，它提供了非常丰富的信息资源和最先进的信息交流手段。 2、inter的产生和发展inter最初是作为军事通信工具而开发的，20世纪50年代末，美国为了在高科技领域和军事领域处于世界第一，成立了高级研究计划署（简称ARPA），它承担了为美国军方开发一个不易遭破坏的试验型计算机网格系统的任务，这个网络被叫做ARPANET，1969年，ARPA的专家把美国的所有大学的计算机连在了一起，到20世纪70年代末，ARPANET开发了一种新的网络协议，NCP（work controlprogram），此协议包括远程登录以及远程文件传输和电子邮件的协议，从而形成了ARPANETR的基本服务。 同时，ARPANET中的关键技术是用一种新方法使不同的计算机系统互联，成为互联网，即inter-work，这就是inter的起源。 20世纪80年代开发了TCP/IP协议，这个协议成为ARPANET标准协议。 1993年，（万维网）的出现，增强了处理数据、图文、声像、超文本对象能力，使inter具备了支持多媒体应用的功能。 3、我国inter的发展1987年，北京计算机应用研究所率先开通到德国的X。 25线路，此后，中国科学院、清华大学、北京大学纷纷建立自己的校园网并实现与inter的连接。 4、inter接入技术基本要求需要电脑设备；需要通信设备与通信线路；需要提供接入服务的服务商服务商（inter serviceprovider）ISP的缩写，意思是国际互联网服务提供商，也就是为用户提供inter接入服务的公司。 常见的ISP有，中国电信，中国联通，中国网通等。 5、inter接入方式拨号上网ISDN专线ADSL宽带。 6、inter协议TCP/IP传输控制协议和网际协议。 FTP文件传输服务，是一种实时的联机服务，支持任何类型的文件。 （world wideweb）。 万维网或环球信息网，常简称web。 Web服务器利用传递html文件。 已经成为信息交换的一种有效方式。 正是由于的出现，我们才可以浏览各种信息资源。 并且通过各种超链接能够很容易地从一种信息转到另一种信息。 Web只是inter提供的众多服务中的一种，但它是最常用，最受欢迎的一种服务。 Web技术web是建立在客户机/服务器模型之上，以html语言和协议为基础，能够提供面向各种inter服务的、一致的用户界面的信息游览系统。 超文本传输协议。 IP地址是区别Inter上所有计算机的惟一标志，IP地址由4组用圆点隔开的32位二进制数组成。 在实际应用中，IP地址是分级进行的。 IANA是负责全球inter上IP地址的分配的机构，中国互联网信息中心（NIC）负责我国IP地址的分配。 IP地址共分为ABC三类，目前我国大部分企业都用的是C类。 地址范围从192.1.1-223.254.254. 7、域名IP地址由数字构成，难以记忆，也难以理解。 因此，在实际应用中通常采用域名来标识一个主机，一个IP地址对应一个域名。 顶级域名的含义.ac科研机构。 .商业组织教育机构政府组织第1页共19页.mil军事部门.主要网络支持中心非盈利性组织.int国际组织国家代码如.代表中国,jp代表日本，美国的主机一般没有国家代码表示。 8、Web技术结构基于TCP/IP Web服务器超文本内容或数据库Web客户机的网络 9、Web浏览器我们在屏幕上看到的网页是浏览器对HTML文档的翻译。 10、什么是网页网页分为静态网页和动态网页。 静态网页是标准的HTML文件，它是采用HTML编写的，通过协议在服务器和客户端之间传输的纯文本文件，扩展名为.html或.htm；而动态网页在许多方面与静态网页是一致的，它采用ASP或JSP技术,PHP，主要针对交互性要求而不断发展的，扩展名为.asp或.jsp。 网页制作软件dreamweaver或frontpage。 第二课时站点的管理 1、Draemweaver的安装及工作环境介绍A、标题显示栏启动Macromedia Dreamweave8后，标题栏将显示文字Macromedia Dreamweave8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。 B、菜单栏Dreamweave8的菜单共有10个，即文件、视图、插入、修改、文本、命令、站点、窗口和帮助。 其中，菜单里提供了对Dreamweaver菜单中首选参数的访问。 文件用来管理文件。 例如新建，打开，保存，另存为，导入，输出打印等。 用来文本。 例如剪切，复制，粘贴，查找，替换和参数设置等。 查看用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。 插入用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。 修改具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。 文本用来对文本操作，例如设置文本格式等。 命令所有的附加命令项站点用来创建和管理站点窗口用来显示和隐藏控制面板以及切换文档窗口帮助联机帮助功能。 例如按下F1键，就会打开电子帮助文本插入面板组插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。 插入面板组其实就是图像化了的插入指令，通过一个个的按钮，可以很容易的加入图像、声音、多媒体动画、表格。 图层、框架、表单、Flash和ActiveX等网页元素。 C、文档工具栏“文档”工具栏包含各种按钮，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。 第2页共19页D、标准工具栏“标准”工具栏包含“文件”和“”菜单中的一般操作的按钮“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。 E、文档窗口当我们打开或创建一个项目，进入文档窗口，我们可以在文档区域中进行输入文字、插入表格和图片等操作。 “文档”窗口显示当前文档。 可以选择下列任一视图“设计”视图是一个用于可视化页面布局、可视化和快速应用程序开发的设计环境。 在该视图中，Dreamweaver显示文档的完全可的可视化表示形式，类似于在浏览器中查看页面时看到的内容。 “代码”视图是一个用于编写和HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。 “代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。 F、状态栏“文档”窗口底部的状态栏提供与你正创建的文档有关的其它信息。 标签选择器显示环绕当前选定内容的标签的层次结构。 单击该层次结构中的任何标签以选择该标签及其全部内容。 单击可以选择文档的整个正文。 G、属性面板属性面板并不是将所有的属性加载在面板上，而是根据我们选择的对象来动态显示对象的属性属性面板的状态完全是随当前在文档中选择的对象来确定的。 例如，当前选择了一幅图像，那么属性面板上就出现该图像的相关属性；如果选择了表格，那么属性面板会相应的变化成表格的相关属性。 H、浮动面板其它面板可以同称为浮动面板，这些面板都浮动于窗口之外。 在初次使用Dreamweave8的时候，这些面板根据功能被分成了若干组。 在窗口菜单中，选择不同的命令可以打开基本面板组、设计面板组、代码面板组、应用程序面板组、资源面板组和其它面板组。 要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web服务器上。 放置在本地磁盘上的网站被称为本地站点，位于互联网web服务器里的网站被称为远程站点。 Dreamweaver8提供了对本地站点和远程站点强大的管理功能。 2、工作区的布局 3、规划站点结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。 为了达到最佳效果，在创建任何Web站点页面之前，要对站点的结构进行设计和规划。 决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 第3页共19页 4、创建站点站点新建站点或管理站点搭建站点结构建立各种类型文件夹 5、文件的操作新建打开保存复制重命名删除主页的名称一般为index,default快捷键F12在浏览器中浏览网页 6、页面的总体设置A、设置页面的头内容头内容再浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。 单击“插入工具栏”-“HTML”项，出现“文件头”按钮，点开下拉菜单，就可以进行头内容的设置了。 B、设置标题，网页标题可以是中文、英文或符号，显示在浏览器的标题栏中。 我们直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的了。 C、插入关键字，关键字用来协助网络上的搜索引擎寻找网页。 要想让更多的人看见你的网站，这项要好好填哦_单击上图所示的“关键字”项，弹出“关键字”对话框，填入关键字即可。 D、插入META，META标记用于记录当前网页的相关信息，如编码，作者，版权等，也可以用来给服务器提供信息。 单击上图所示的“META”项，弹出“META”对话框，在“属性”栏选择“名称”属性，在“值”文本框中输入相应的值，可以定义相应的信息。 author作者信息，copyright版权声明，generator网页器。 E、设置页面属性ctrl+J设置外观，“外观”是设置页面的一些基本属性。 我们可以定义页面中的默认文本字体、文本字号、文本颜色、背景颜色和背景图像等。 我们设置页面的所有边距为0。 设置链接，“链接”选项内是一些与页面的链接效果有关的设置。 “链接颜色”定义超链接文本默认状态下的字体颜色，“变换图像链接”定义鼠标放在链接上时文本的颜色，“已访问链接”定义访问过的链接的颜色，“活动链接”定义活动链接的颜色。 “下划线样式”可以定义链接的下划线样式。 设置标题，“标题”用来设置标题字体的一些属性。 如下图所示，在左侧“分类”列表中选择“标题”，这里的标题指的并不是页面的标题内容，而是可以应用在具体文章中各级不同标题上的一种标题字体样式。 我们可以定义“标题字体”及6种预定义的标题字体样式，包括粗体、斜体、大小和颜色。 按自己的喜欢的风格设置吧。 第三课时文本的与基本操作 1、网页的组成元素A、文字文字是网页的主体，负责传达信息。 文字的设置标题、尺寸、层次和段落、样式、颜色B、图形网页中常用图形文件的格式为JPG、GIF、BMP、PNG(adobe fireworks)在网页中图形的应用范围标题、背景、主图、链接按钮C、超级链接站内链接和站外链接链接的类型如果按链接目标分类，可以将超级链接分为以下几种类型*内部链接同一网站文档之间的链接。 *外部链接不同网站文档之间的链接。 *锚点链接同一网页或不同网页中指定位置的链接。 命名锚记ctrl+alt+A第4页共19页链接到锚记#锚记名称如果在栏中直接输入#表示链接到当前文档的顶端*E-mail链接发送电子邮件的链接。 mailto:电子邮件地址（用户名服务器名hao163.）关于链接路径绝对路径，为文件提供完全的路径，包括适用的协议，例如、ftp，rtsp等。 .ddvip. /相对路径，相对路径最适合网站的内部链接。 如果链接到同一目录下，则只需要输入要链接文件的名称。 要链接到下一级目录中的文件，只需要输入目录名。 然后输入“/“，再输入文件名。 如链接到上一级目录中的文件，则先输入”./“再输入目录名，文件名。 根路径是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如，/fy/maodian.html就是站点根文件夹下的fy子文件夹中的一个文件（maodian.html）的根路径。 2、网页的设计要素不同浏览器的显示效果（IE/Firefox）不同的浏览器对网页的解析效果可能不一样.因此在设计网页时,电脑必须要安装几种不同的浏览器对网页进行测试。 网络的传输速度对网站的内容优化。 （代码要简洁，图像容量要比较小。 ）屏幕的分辩率要考虑到宽屏显示器的显示效果。 颜色的搭配网页中的色彩不要过于花俏，最好选择同一种色系中的不同的颜色进行搭配。 3、文本的输入直接输入或使用剪贴板功能文本换行，按Enter键换行的行距较大（在代码区生成 文本空格，我们选择/首选参数，在弹出得对话框中左侧的分类列表中选择“常规”项，然后在右边选“允许多个连续的空格”项，我们就可以直接按“空格”键给文本添加空格了。 4、插入水平线水平线使页面的段落区分更加鲜明修改水平线的属性宽度width/高度size/对齐方式align/颜色color（在代码视图中修改） 5、插入特珠字符和符号 6、插入电子邮件和日期 7、插入注释内容注释内容是对网页代码的解释说明，在浏览器中是看不到的。 在代码视图中注释文字是灰色的。 8、插入列表列表分为两种，有序列表和无序列表，无序列表没有顺序，每一项前边都以同样的符号显示，有序列表前边的每一项有序号引导。 在文档窗口中选中需要设置的文本，在属性面板中单击成无序列表，单击则被设置成有序列表。 ，则选中的文本被设置 9、查找与替换的使用 10、历史记录面板主要用于撤消和恢复操作。 首选参数ctrl+U第四课时网页中的图像和链接 1、在网页中插入图像GIF和JPG是万维网上最常用的图片文件格式。 它们有一些共同的特点，都属于压缩文件格式，文件信息量很小，适用于网络传输。 JPGBmpGIFPNG GIF和png这两各种图像支持透明的背景 2、使用外部图像器-首选参数第5页共19页 3、控制图像属性图像大小、源文件、链接、对齐、替代、垂直和水平边距、边框、地图、目标_blank将链接文件载入到新的未命名浏览器中。 _parent将链接文件载入到父框架集或包含该链接的框架窗口中。 _self将链接文件作为链接载入同一框架或窗口中。 本目标是默认的。 所以通常无须指定。 _top将链接文件载入到整个浏览器窗口并删除所有框架。 4、创建鼠标指针经过图像 5、图像映射的使用图像映射就是把图像划分为几部分，或者说是热点，不同的热点对应不同的超级链接。 6、加入导航条导航条可以使网站的结构更加层次分明。 7、跳转菜单跳转菜单是一个下拉菜单，其中的每一项都是一个超级链接，即可以创建网站内的链接，也可以创建网站外的链接。 第五课时表格的操作 1、创建表格注插入表格对话框保留了最近一次插入的表格的数值。 2、表格嵌套表格嵌套是把一个新的表格插入到已有的单元格中，嵌套的表格宽度将受所在单元格大小的限制。 3、在表格中添加内容利用TAB键进行切换 4、选定表格元素直接拖动选择或利用窗口左下角的标签选择。 4、扩展表格模式临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使操作更加容易。 5、导入表格数据EXCEL或txt文本文件 6、格式化表格设置表格属性填充以像素为单位设置单元格的内容与单元格边界之间的空间。 间距以像素为单位设置单元格与单元格之间的空间。 设置行、列与单元格属性格式化表格“命令”菜单下的“格式化表格”命令。 7、复制及粘贴单元格 8、增加、删除行或列；拆分、合并单元格 9、表格排序包含合并的单元格是不能进行排序的。 10、导出表格“文件”-“导出”-“表格” 11、利用表格构造网页整体框架第六课时布局模式布局设计是网页制作中一项很重要的工作，它涉及到网页在浏览者的浏览器中所显示的外观（如菜单或者图片放在那里），所以它往往决定着网页设计的成败。 1、创建布局表格和布局单元格布局单元格不能脱离布局表格独立存在，每一个布局单元格都有一个容纳它的布局表格。 2、布局表格和布局单元格的调整第6页共19页按下ctrl键在布局单元格里单击，选中布局单元格，可以调整其大小和位置的变化。 3、设置布局表格和布局单元格 4、设置布局宽度自动伸展宽度设置指定宽度使用间隔图间隔图是透明图，在浏览器里是看不见的，但它可以用来控制自动伸展表格的间隔.第七课时框架在网页设计中，框架可以将窗口分割成几个不同的小窗口，各个窗口包含不同的网页，并且在替换窗口中的网页文件时不会影响到其他窗口中的网页。 框架最普通的用处就是将页面划分为一个导航区和一个内容区。 框架集是一个使用框架定义网页的文件，框架集中保存关于页面中的框架尺寸、位置及每个框架中作为内容载入的所有文件名的信息。 1、创建框架集按下ALT键，然后向文档窗口内拖动框架边框，则可将页面水平或垂直分成两个框架。 2、使用预定义的框架集 3、创建嵌套的框架集 4、选定框架或框架集按下alt键在窗口中单击选中一个框架，要选中一个框架集，则单击文档窗口中的框架边框。 shfit+F2打开框架面板 5、保存框架和框架集文件 6、创建框架链接 7、创建浮动框架:代码:Width:宽度Height:高度Name:框架名称-链接打开的目标Src:框架默认状态对应的html源文件Scrolling:是否显示滚动条第八课时层的应用Dreamweaver中的层同ps中的层不是同一个概念，DW中的层相当于一个容器，可以包含所有在HTML文件中出现的对象。 用户可以随便将这个容器放置在页面的任何位置，从而简单而又精确地定位页面对象。 另外层还可以结合时间线制作层动画。 1、创建层在DW中，可以使用两种格式的层定位页面内容CSS层和Netscape层。 CSS层使用DIV和SPAN标签定位页面对象，Netscape层使用LAYER和ILAYER标签定位页面对象。 在默认情况下DW使用DIV标签创建层。 技巧如果要绘制多个层，则按住ctrl键不放，就可以继续绘制新的层。 2、层面板F 23、创建嵌套层在一个层中创建另一个层，嵌套层会随其父层移动并继承其可见性。 方法将光标定位在一个层内。 单击“插入”“布局对象”“层”。 或在层面板中按下c trl键拖动要嵌套的层到已有的层中。 4、层的属性设置第7页共19页 5、层的操作选定层、调整层的大小、层的移动与对齐、层与网格的对齐、改变层的堆栈顺序 6、层与表格的互相转换 7、时间轴把图层添加至时间轴上的方法方法一直接拖动图层到时间轴上方法二选中图层，点鼠标右键，选择“添加到时间轴”动画原理通过设置关键帧，并改变图层的位置，创建时间轴动画按下ctrl单击时间轨道上的帧格可以添加一个关键帧。 FPS:帧频率,每秒钟播放多少帧.通过鼠标移动自动记录图层运动的路径来创建时间轴动画选中图层，点右键选择“记录路径”，然后移动鼠标来记录路径。 第九课时插入多媒体对象 1、插入Flash按钮 2、插入flash文本 3、设置flash对象的属性针对背景是纯色的flash文件,可以在属性中加入参数:wmode=transparent,可以使背景透明. 4、添加shockwave对象shockwave是macromedia公司为网页中的可交互多媒体所制定的标准，是一种被压缩的文件，可用macromedia公司的director来创建。 5、添加activeX控件ActiveX控件是一些有特定功能的软件。 在网页中加上一些不同功能的activeX控件，就可以以播放avi图像文件、显示试算表内容等。 6、添加插件MP3等 7、添加java Applet小程序java是一种程序语言，而java Applet则是用java语言开发出来的一种特殊程序。 8、添加flash元素flash图像查看器。 注Flash Paper可以将一些主流的文档格式转换成SWF格式.便于在网络上浏览和打印.Shockwave是由Macromedia（开发Flash技术的公司）开发的多媒体播放器系列。 可以通过Shockwave播放和收看文件，并且效率更高，效果更好。 同Flash一样，Shockwave也需要插件支持。 Adobe ShockwavePlayer是专门播放使用Director ShockwaveStudio制作的网页的外挂软件，像是在网页上看到的互动游戏、电影短片等等，亦包括Macromedia FlashPlayer，也可以观看Flash所制作的网页。 flash video(flv格式)。 插入背景音乐（选择body标签单击行为面板）。 插入avi文件,插入-插件（在属性栏中设置视频插件大小,添加参数autostart=1）。 插入rm文件,插入-ActiveX（设置视频大小,添加参数autostart=1,src=视频文件路径）。 图像查看器参数参数说明bgColor指定背景颜色。 frameColor指定图像边框的颜色。 将frameShow参数设置为“Yes”可显示边框。 frameShow指示每个图像四周是否显示边框。 frameThickness指定每个图像四周边框的宽度，以像素为单位。 captionColor指定imageCaptions中包含的图像题注的颜色。 captionSize指示imageCaptions中包含的图像题注的点数。 imageCaptions包含imageURLs中指定的每个图像的题注。 题注可用于部分或所有图像，或者不用于第8页共19页任何图像。 imageLinks包含在imageURLs中指定的每个图像的URL。 LinkURLs可用于部分或所有图像，或者不用于任何图像。 imageURLs包含在图像查看器中显示的图像的位置。 只能使用非渐进式的JPEG或SWF文件。 imgLinkTarget指定浏览器窗口，将在其中加载在linkURLs中指定的URL。 可以将此参数设置为_blank、_self、_top或_parent。 showControls指示在用户播放Flash元素时是否出现图像查看器控件。 slideAutoPlay确定是否以幻灯片放映形式播放图像。 如果设置为true，则在第一幅图像加载完毕后，图像就开始以幻灯片形式播放。 slideDelay指示在按下“播放”按钮或启用autoPlay时，每两个图像之间等待的时间长度（以秒为单位）。 如果图像需要更长的时间进行加载，则图像的更改频率可以小于此参数指定的时间。 slideLoop指定图像幻灯片放映以连续循环方式进行播放。 title指定在图像查看器顶部显示的标题。 titleColor指定title中包含的标题的颜色。 titleFont指定title中包含的图像查看器标题的字体。 titleSize指示title中包含的图像查看器标题的点数。 transitionsType指示图像在图像查看器中的显示方式。 可从几种加载选项中进行选择。 captionFont指定imageCaptions中包含的图像题注的字体。 第十课时HTML标记语言 (一) 1、HTML简介全写HyperText Mark-up Language译名超文件注标式语言（译名之一）简释一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 2、标记写法1.任何标记皆由所围住，如 2.标记名与小于号之间不能留有空白字符。 3.某些标记要加上参数，某些则不必。 如Hello4.参数只可加于起始标记中。 5.在起始标记之标记名前加上符号/便是其终结标记，如6.标记字母大小写皆可。 标准HTML文件的基本架构文件开始文件头开始 页面的标题 文件头结束文件正文开始正文文件正文结束文件结束第9页共19页 3、围堵标记与空标记标记按型态分为围堵标记与空标记围堵标记顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。 例如HTML SourceCreation ofWebpageis my favourite.显示成Creation ofWebpage ismyfavourite.其中便称为围堵标记。 它以起始标记及终结标记标示文字Creation ofwebpage，令它显示成粗体，两者失其一都会发生错误显示。 空标记是指标记单独出现，只有起始标记没有终结标记。 例如HTML SourceI loveCreation ofWebpage. Its awonderful place.显示成I loveCreation ofWebpage.Its awonderful place.其中换行标记 便属空标记。 它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对HTML没有影响。 文件标记； ；排版标记；:段落Align:段落的对齐方式ID:段落的ID样式Class:段落的类样式Style:段落的行内样式:换行符:水平线align:对齐方式noshade:水平线是否纯色显示size:hr元素的高度（厚度）width:hr元素的宽度(可以用像素或百分比表示):对其所包括的文本进行水平居中。:可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。:是一个块级元素。这意味着它的内容自动地开始一个新行，标签可以把文档分割为独立的、不同的部分。通常配合id或class样式使用效果更好。第10页共19页:标签被用来组合文档中的行内元素。字体标记:文字标记属性包括:大小:颜色:字体:对字体加粗显示:对字体倾斜显示:下划线:删除线:上标:下标-:标题1-6级别清单标记:有序列表1. :列表项:无序列表格式: 列表内容1 列表内容2 列表内容3:自定义列表:用以标示定义条目:用以标示定义内容表格标记:表格的一行:表格的标题:表格的边框:表格的边框颜色:单元格间距:单元格内边距第十一课时HTML标记语言(二)第11页共19页表单标记INPUT的种类Text,Radio,Checkbox,Password,Submit/Reset,Image,File,Hidden,Button。图形标记:图像的URL,图像的路径:替换文本:宽度:高度边框对齐链接标记链接的目标文件在何处打开链接目标排版标记:框架集:框架:框架所对应的HTML文件:框架名称:是否显示滚动条:框架边框:为那些不支持框架的浏览器显示文本:浮动框架Width:宽度Height:高度Name:框架名称-链接打开的目标Src:框架默认状态对应的html源文件Scrolling:是否显示滚动条多媒体标记:网页背景音乐(MP3,MID格式):声音文件的路径:循环播放声音:插入各种多媒体(wav格式)其他标记:滚动文字效果:方向(left,right,up,down):背景:文字滚动速度:决定文字的卷动方式，可选值为SCROLL一般卷动，是内定值。SLIDE如幻灯片，一格格的，效果是文字一接触左边便全部消失。ALTERNATE文字向左右两边撞来撞去。第12页共19页:闪烁文字效果(IE不支持,FF和NC支持):有关页面的元信息,位于标签中:标签定义文档与外部资源的关系,最常用的就是链接外部样式表文件:脚本代码,常见有vbscript和javascript.:类型:脚本文件路径:脚本语言调色原理HTML的颜色表示可分两种以命名方式定义常用的颜色