网络框架设计

框架是网页设计过程中,用户在浏览器窗口中规定的某一特定区域,它能够显示指定的HTML文档,而不论窗口中其他区城显示什么内容。一个浏览器窗口可以包含多个框架,即多个窗口,这些框架组合在一起称之为框架集。框架集也是一个HTML文档,专门用来定义网页中一系列框架的属性、大小、位置等布局方式,同时还要指定页面中每个框架最初显示的HTML页面的URL地址。框架集文件本身并不包含要显示在浏览器中的页面内容,它只是简单的提供关于浏览器如何显示页面中的各个框架以及各框架将显示哪些文档的页面信息。要在浏览器中显示框架内容,就需要输入框架集文件的URL地址,这样浏览器就可以在框架中打开相应的网页文件了。网站制作中的框架集文件一般都命名为" index.htm ",这样浏览者在访问网站时就不需要输入指定的文件名,而只需在浏览器地址栏中输入网站地址即可。 一、在Dreamweaver 8中用户可以使用以下方法创建网页框架集 (1)在当前设计好的页面基础上创建框架集,可以首先单击主菜单栏下方【插入】面板组中的“布局”选项卡,然后单击“框架”图标选择框架模板。这样当前网页面就会显示在其中一个框架区域中。2)需要创建空白的新框架集时,可以选择【文件】【新建】菜单命令或使用组合健Ctrl+N打开“新建文档”对话框,在左侧“类别”栏中选择“框架集”类别,在右侧框架模板中选择框架形式.最后单击“创建”按钮,即可创建一个空白的框架集文件。(3)用户创建了框架集文件后,就可以使用相应的【属性】集的格式。如是否出现滚动条、设置固定的宽度和高度、面板设置所有框架及框架每个框架的名称等。网站设计中使用框架的主要目的是为了放置网站导航条,会包含一个导航条框架以及其他用于显示网站主要内容的框架会比较复杂,很多时候不使用框架也能实现使用框架的效果。那么用户既可以使用框架来放里导航条,在所有的框架页面中通常有。当然使用框架来设计网站,例如:要在页面上部显示都放着导航条。同内容的普通网站主页面,也可以在网站的每个普通HTML页面上相同。 二、网站设计中使用框架结构的优点 (1)浏览器不需要在打开每个页面时都显示相关的导航条图片等内容。(2)如果框架中包含的内容超出显示器屏幕,浏览者能够很容易地滚动各个框架的内容。例如,每个框架都可以有自己的滚动条,这样打开一个包含很长内容的页面。当浏览到页面底部时,如果使用了框架就可以直接单击位于其他框架中的导肮条即可。 三、网站设计中使用框架结构的缺点 (1)要对齐位于不同框架中的页面元素如图像、文字等会比较困难。(2)需要经常测试并修改导航条。在设计框架集文件时,要时刻记住每个框架显示的是不同的HTML文档,即使文档是空的,也必须首先将这些文档分别保存之后才能在浏览器中预览效果。因为只有框架集文件包含了每个框架所要显示的HTML文档的URL地址,它才能正确显示。  四、使用框架结构的注意事项 为了确保用框架结构设计的网站能够在浏览器中正确显示,应该注意以下几点:(1)创建了框架集后,要为每个框架指定所显示的文档。(2)一定要分别保存这些要在框架中显示的文档。时刻记住每个框架要实现单独的HTML页面文件,而且每个文档以及每个框架集文件都要首先进行保存。(3)设置好框架集和框架的属性。包括为每个框架命名,设置是否显示滚动条等(4)确认每个链接都能在框架中正确显示。
返回新闻列表