主页 > 网页设计 > 如何制作一个左右框架的网页

如何制作一个左右框架的网页

2024-01-14 18:37来源:m.sf1369.com作者:宇宇

一、如何制作一个左右框架的网页

若要制作一个站点,这个站点是左右的框架结构,左侧框架显示导航页面,右侧框架显示主内容,需要做的是将这两个页面合成一个左右框架结构的页面。

步骤一:使用前面介绍的方法,首先将一个新建的空白页面分割成左右结构的框架。

步骤二:选中“框架”面板中的左框架,单击属性面板中“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择左页面。

步骤三:同理,选中“框架”面板中的右框架,单击属性面板中个“源文件”文本框右侧的“浏览文件”按钮,在弹出的对话框中选择右页面。

步骤四:这时,框架的左右两侧就将已经制作好的页面显示出来了。

步骤五:选中“框架”面板中的总框架集,然后执行“文件--保存框架页”命令,将其保存。

步骤六:选择“框架”面板中的总框架集,在属性面板中设置“边框”为“否”,边框宽度为“0”,选择缩略图中的左框架,设置其宽度为“130像素”,然后选择右框架,设置其宽度为“相对”。

步骤七:选择“框架”面板中的左框架,在属性面板中,设置“滚动”为“否”,即指定在左侧框架中不显示滚动条。选中“不能调整大小”复选框,令访问者无法通过拖动框架边框调整框架大小。将“边框”设置为“否”,在浏览器中将隐藏当前框架的边框。

步骤八:选择“框架”面板的右框架,在属性面板中设置:“滚动”为“自动”,当浏览器窗口中没有足够的空间来显示当前框架的完整内容时才显示滚动条。选中“不能调整大小”复选框,将边框设置为“否”。

二、如何用dreamweaver制作网页框架

步骤如下: 在开始菜单打开dreamweaver,打开之后,选择html,就进入网页的编辑窗口; 进入框架编辑,切换过来工作区为“经典”; 击框架右下角的黑色三角形,就出现许多种框架格式,选择“顶部和嵌套的左侧架”,当然你可以根据实际需要选择,这种...

三、怎样建力框架网页?

利用frontpage2003新建网页---空白网页---上面就有提示了!

四、求在专业层面上讲设计得不错网页(希望是框架网页)?

六、设计框架网页

6.1 框架页和导航按钮

在FrontPage中,除了可以设计一般的网页外,还可以设计一种称为“框架网页”的特殊网页。简单的说,就是把一个浏览器窗口分成几个栏,每个栏中可以显示一个页面。

在一个好的网站中经常会用一些导航按钮,所谓“导航按钮”就是作者定义的、设置了超链接的对象,如:文字、图片等。这些按钮可以引导浏览者进入相关链接。导航按钮通常显示在框架页的某一个分栏中,且在载入该框架页后始终可见。点击导航按钮,它链接的页面可以在框架页的其它位置显示。

6.2 创建框架

创建框架页是通过菜单中的新建网页命令来实现的。

任务十 创建一个分左右两栏的框架

1.单击菜单中的“文件”→“新建”→“网页”项,弹出“新建”对话框;

2.单击“新建”对话框中的“框架网页”标签,出现如图19所示的选项卡,选择其中的“目录”框架模版,确定, 就创建了一个如图20所示框架页。

图19

图20

在图20所示的框架页中,左框架和右框架各有两个按钮,分别为“设置初始网页”和“新建网页”。单击“设置初始网页”按钮,可以设置超链接,让这个框架页载入时显示你指定的、已存在的一个网页;单击“新建网页”按钮,可以创建一页新的网页,显示在该框架中。

3.在左框架中单击“新建网页”,在新网页中输入一些内容;在右框架中单击“设置初始网页”按钮,链接一个已存在的网页IndexR.htm,作为右框架的初始页,并把框架页保存,就建立好了一个完整的框架页,如图21所示。

图21

任务十一 在左框架中设置一些链接,让链接文件显示在右框架中。

1.选定要加入超链接的对象,单击 “超链接”按钮,弹出“创建超链接”对话框,从中选一个htm文件;

2.打开“可选”项中“目标框架”栏右的按钮,弹出如图22所示对话框(比照前面的图18,我们会发现,在“当前框架网页”一栏,显示出了我们在建立框架页时所选的框架类型缩略图);

图22

3.把鼠标移到“当前框架网页”栏中显示的缩略图里,在你想显示链接的那个位置,单击鼠标,确定。

保存之后,你就可以在浏览器中预览一下实战效果了。

6.3 修改框架

如果你对建立的框架不太满意,也可以修改它。

1.修改各页的比例

把鼠标放在框架的分隔线上,当鼠标变为双向箭头形状时,拖动鼠标,分隔线两边框架页的大小会跟着你的鼠标改变的。

2.拆分和删除框架

拆分框架是指将一个框架分为两个框架。方法:用鼠标单击要拆分的框架,使该框架四周出现蓝色选定指示;打开菜单中的“框架”→“拆分框架”命令,在弹出的对话框中选取一种模式,即完成了拆分。

框架可以拆分,当然也允许删除。方法更简单:用鼠标单击要删除的框架,单击菜单中的“框架”→“删除框架”命令即可完成。

*3.如果要对框架作进一步的修改,可以通过设置框架属性来实现。在框架中单击右键,在弹出的菜单中可以找到“框架属性”一项,有兴趣的同学可以自己去试一下。

应用与练习

建立一个框架页,使你制作好的网页可以通过导航按钮随时载入

相关推荐

怎样把几张照片拼成一个长图

网页设计 2024-01-17

网页图片设计要点有哪些?

网页设计 2023-12-22

如何建立一个学校的表白墙?

网页设计 2023-11-23