网页设计之功能实现（下）

本次以一个真实的校园网站为实例向大家展示网页的更多功能实现。...





本网站的大部分分网页都是采用的框架式布局页面。特点在于侧边栏可以保持不动，仅右侧网页内容更改。



不同子网页侧边栏都是一致的





框架由两个主要部分组成——框架集和单个框架。



1



点击新建框架集，点击“左侧固定”框架结构的图标，此时在页上插入左右两个框架，将整个页面分割成了2部分。





2



点击菜单中的文件/保存全部。这时首先保存框架集文件，可以自己修改名字，如kuangjia.htm。然后将分别保存框架集中的其他页面

在保存对应的页面的时候，该部分会以虚线框起来，这样可将左边部分保存为zuo.htm。右边部分保存为you.htm。框架是由这些页面组成的，所以用框架会降低一点用户浏览的速度。



3



点击窗口/其他/框架，打开框架的面板。在这里单击某个框架，即可选中该框架。

当框架被选中时，编辑窗口中对应的框架出现虚线。 同样选中中间框架和下面框架，也可以分别设置它们的属性。



4



在左边框架插入/表格，插入一个n行1列，边框边距都为0的表格。在表格中填入不变的选项文字5



另外做好三个页面，作为左边选项所要链接的页面。

选中左边选项的某一项，在属性中为它设置好要链接的页面。右边框架命名为“1”，左边框架设置好连接后，“目标”填写“1”，页面就会在右边出现了。登录表单的设置



1



插入→表单→文本域

出现下图，不需要设置，之间点击取消。



2



可以在下方属性栏中进行设置。



同理可以设置出多个填写信息的表单。





下集预告：

如何让网页更加好看？至少便于使用？接下来将和大家一起讨论关于美化的那些事儿~

E.T  时  代


社交APP

随时随地的学习

本就如此简单

刘依婷丨胡燕平丨彭致君丨王子纯

    关注 ET时代