框架网页的创建流程

作者:吴嘉玲
日期:2013/4/19 13:18:50

框架网页的一种创建流程如下:
一、 先将制作网页所需要的图片准备好
二、 打开软件Macromdia Dreamweaver 8 开始制作
1、在菜单栏上点“文件→新建”,然后弹出了一个“新建文档”的窗口,在常规选“框架集”中的“上方固定,左侧嵌套”,然后点击创建。
2、接着弹出一个框架标签辅助功能属性,接着按“确定”
三、下面开始设计:
1、top frame 的设计
(1)点击top frame ,再在菜单栏点“修改→框架页→拆分上框架”,则把top frame 分成两部分
(2)在点击top frame的上半部分,然后在菜单栏中选“插入→图像”,则弹出“选择图像源文件”的窗口,即选好要用的图片按“确定”即可,再适当地调整图片的大小位置;
(3)点击top frame的下半部分,然后在菜单栏中选“插入→图像对象→导航条”,则出现“插入导航条”的窗口,开始填写。若要设置的导航条元件不止一个,即在每设置好一个导航条元件后再按一下“添加项”即可进行下一个导航条元件的设置,全设置好了再按“确定”键。再适当地调整图片的大小位置;
(注意:在“项目名称”输入中只能输入包含字母和数字并且不能以数字开头的名称;在“按下时,前往的URL”可先不选填,而在其的属性中再进行设置,即“属性→链接”,把要链接到的网址复制粘贴过去即可。)
2、left frame 的设计
(1)在菜单栏中点“插入→表格”,即出现“表格”的窗口进行设计,设置行数、列数、度、表框粗细等等,按“确定”即在框架left frame中出现了该表格。
然后选定第一行,右键选“表格→合并单元格”,合并后便可以在该单元格里输入文字;
(2)设置好上表格,如果想在该表格后插入一条水平线,即操作为“插入→HTML→水平线”
3、right frame 的设计
插入一个表格,并在表格的第一列分别插进不同的图片,在第2列输入相对应的文字
四、 选择“文件→保存全部”,把所有的框架和网页都保存起来。
更多交流,请点击《《《

分享