• 当前位置:首页 > 网页教程 >>
  • 长春网站开发培训为您介绍DW完成网页框架结构的制作过程

    [阅读次数: 次]  
  •   

    网页框架是指网页前台或后台页面的固定的框架结构,就像人们的骨骼一样,每个人都有差不多的骨骼结构支撑,然后在去填充眼睛、鼻子、耳朵。网页也是一样整理有固定统一风格的框架结构,然后通过结果去变化和衍生新的内容页。

     

     

     

    下面为大家介绍一下如何完成一个网页框架结果的制作,主要由三个网页文件组成的。首先外部的框架是一个文件,图中我们用index.htm命名。框架中左边命名为A,指向的是一个网页A.htm。右边命名为B,指向的是一个网页B.htm。

     

     

    框架制作步骤如下:

     

    1、点“文件”菜单>新建,弹出“新建文档”对话框或在插入栏>布局>选"框架:左框架"。

     

    2、选择「窗口」菜单>“框架”,弹出“框架”面板。从框架面板可知,系统对左右框架生成命名。左框架名为:leftFrame,右框架名为:mainFrame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。创建超级链接时,要依据它正确控制指向的页面。


     

    3、保存框架。选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯例都命名为index.htm。


     

    4、下面我们要实现按左边的超级链接,对应的页面出现在右边。在左边的页面中做上超级链接。指向一个已经存在的页面。注意做好链接以后,要在目标栏中设置为mainFrame。

     

    5、设置完毕,保存全部,按F12预览网页。链接指向的页面出现在右边框架中。

     

    6、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。

     

     

     

    上述步骤您可以在Dreamweaver中制作完成,通过简单的设置即可实现,长春网站开发培训建议大家可以把这部分知识应用到后台程序管理页面上,对于前台页面的设计这种结构不是很好,且对后期发展和扩展也不利。

  • 长春网站开发培训为您介绍DW完成网页框架结构的制作过程

培训内容:网页设计软件|网页前台美工培训|div css样式|网店培训班|php程序开发|网站运营维护|网络营销|电子商务专业

学校地址:长春市绿园区新竹路与青浦路交汇(北京华联,火车站) 咨询电话:0431-81661151 / 15104316336 (来校请您提前致电了解开课安排)

乘车路线:22路,322路,231路,229路,64路,364路,224路,137路,139路,145路,226路,253路,284路,289路等

吉林省优秀网页设计师培训速成/就业首选品牌学校 小班教学/精讲班