用html做一个通用的页面菜单栏

html-css06

用html做一个通用的页面菜单栏,第1张

要实现这个功能其实非常简单,下面的思路希望对你有用。步骤如下:

一般WEB开发把页面分成3个模块:header.tpl content.tpl footer.tpl。head和footer一般都是固定不变的,唯一变化的部分是content。你说的菜单应该是header部分的导航部分。例如主页的代码可以这样写:

<html>

<head></head>

<body>

{include file="head.tpl"} <!-- 导航部分 -->

{include file="content.tpl"} <!-- 变化内容 -->

{include file="footer.tpl"} <!-- 版权内容 -->

</body>

</html>

简明步骤:打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。

详细:

(1).打开示例站点中已经建好的index.htm文件,打开“文件”,点击“另存为模板”。

(2).选择模板存放的站点,在“另存为模板”对话框中为模板输入一个独一的名称,单击保留按钮。

(3).在“插入栏”选择“模板”,然后单击“可编辑区域”。

(4).频频这个过程。可以再做一些“可编辑区域”。

(5).打开“文件”菜单,单击“保留”。一个模板就做好了。