搜索
网页三剑客之一DreamweaverMX模板、框架与Assets面板教学目标：模板的新建与应用教学重点：框架的使用主要内容：1生成模板和模板的页面属性设置。2管理模板3创建框架4框架属性1用模板和库可以创建具有统一结构和外观的网站。2只要对相应的模板文件夹和库项目稍做修改即可应用模板和库对整个网站进行快速更新3模板:是一种文件，可以用它作为其他文件的基础.1生成模板：a已经存在的文件中生成模板B空白的HTML文件生成一个模板2定义模板的可编辑区：a每个模板都包含可编辑区(EditableRegion)和不可编辑区(lockedRegion)b不可编辑区是指在所有页面中不做改变的内容，它的内容只能在模板中编辑C可编辑区是指一个页面中可以更改的部分Modify—Templates菜单3Insert—TemplatObjects(定义模板)-EditableRegion(Ctrl+Alt+v)可编辑区域注：要命名可编辑区域时，不能使用某些特殊字符，如双引号、单引号、小于号等1可以将整个表格标记为可编辑区域，但是如希望为单元格标记编辑区域，则只能将每个单元格分别标记，而不能将多个单元格标记为一个可编辑区域。2分层和分层中的内容是不一样的。如果标记内容，则只能修改内容。Assets(资源面板):1所谓资源：实际上就是站点中可以重用的元素这些内容可在站点中的多个页面，或多个站点之间被子重复使用。2资源面板，就是对所有的站点资源进行统一管理3资源面板提供两种管理资源的方法：a利用站点列表进行管理（对整个站点）b利用收藏列表进行管理。（对感兴趣的资源）4不是所有的资源都可以被资源面板管理，它包括：a图像：包括GIF、JPEG和PNG格式。b颜色：被文档和样式单所使用的颜色，包括文本、背景和链接颜色等。c链接：站点文档里指向外部的URL地址，包括ftp链接、HTTP、javascript、E-mail等。注：在站点内部的链接，包括相对链接和基于站点根目录的链接都不被作为资源dflash:各种版本的Flash电影文件eShockwave:各种版本的Shockave电影文件。f电影：管理普通的视频，主要是：MPEG和QuickTimej脚本：管理站点中所使用的Javascript和Vbscript脚本，不过只有以文件形式的脚本才可以显示，如果你的脚本写在HTML文件中，就无法管理了H模板：可以批量生成具有相似风格的页面I库：它可实现站点中元素的重复使用。注：只有激活站点缓存特性，才能够使用资源面板。资源面板的介绍：1site-recreatesiteCache(重建站点缓存)2LocateinSite(在站点中定位)：主要能帮你在站点中找到资源文件。而不能帮你找到所以使用了该资源的文档。3CopytoSite(在多个站点中共享资源)：在将资源复制到目标站点后，则也同时添加到目标站点的资源面板中的收藏列表中。收藏列表的应用1编辑2新建库的应用1所谓库：可看作是网页上能够被重复使用的无素。可以将单独的文档内容（图像、一段文字）定义成库项目。2可以说，模板控制了文档的整体风格，而库则可以实现文档中局部内容的维护。•3库也是资源的一部分，扩展名：lbi•4创建库时，会自动在站点目标中添加一新名为Library(库)目录。注：不要移动，也不要在该文件夹中放置普通的非库文件。•框架:主要用于在一个浏览器中显示多个HTML文档1框架有两个主要部分：一个框架集和个别框架a框架集页面定义了一个文件中框架的结构b框架集定定义的内容包括一页中显示的框架数目、框架的大小、框架的源文件等属性。2框架：就是在框架集中被组织和显示的文档。3框架作用：将浏览器窗口划分成几个部分，每个部分可以各自独立地显示在窗口中，每个部分的页面也可以相互控制。使用框架可以使页面的结构更加合理。4框架文件和框架集a框架文件：各框架内的文件。b框架集：是一组框架的集合，利用它可将不同类别的内容放到同一页面中。c框架集文件：所要打开的文件为框架集文件。•创建框架：1首先将框架的力框显示特性激活：view\Visual,出现框架边框。方法一：用鼠标拖动框架边框。方法二：modify\Franeset插入。2如删除：只需要拖动框架边框到外面•存储框架和框架集文件1存储框架集：File\\Saveframeset2存储框架文档：File\\Saveframe3存储所有：File\\saveall2创建框架集。a选择Modify\Frameset命令。b按住Alt健拖动框架边框。可将页面水平或垂直分成两个框架3创建Noframeset:如果浏览器不支持框架，就无法显示框架内容，所以应该创建一个提示信息onframeset/onframeset非框架内容。1modify\\Frameset\\Editnoframescontent(编辑非框架内容)命令。5框架及框架集的属性：框架属性：1Src：指定框架的源文件。也可选择File\openinFrame命令打开一个文件。2Scroll(滚动条)指定是否显示滚动条3NoResize(禁止改变大小)4Borders(边框)6框架面板的介绍•使用服务器端引用1指的是在当前文件中引用位于服务器上的文件2insert-/scriptObject-SercerSideInclude3