随着互联网的普及,很多人已经不满足于只是上网,而是想深度参与。如今,拥有自己的网站已经成为一种趋势。虽然做一个简单的网页不难,但是做一个不平凡的网站就没那么容易了。

因此,我们特别为最新的网站设计软件Dreamweaver MX 2004准备了一系列教程,希望对你有所帮助。通常一个网站中会有几十个甚至上百个风格相似的页面。

每次都要重新设置网页的结构以及同一列下的导航栏和各种图标,非常麻烦,但是我们可以利用Dreamweaver MX 2004的模板功能来简化操作。其实模板的作用就是把网页的布局和内容分开。

版面设计完成后,存储为模板,通过模板可以创建相同版面的页面,大大提高了工作效率。

首先,制作一个模板

制作模板和制作普通页面完全一样,只是不需要制作页面的所有部分,只需要制作导航栏、标题栏等每个页面的公共部分,用页面的具体内容填充中间区域即可。

dreamweaver如何制作网页(dreamweaver网站模板)

第一步:首先在Dreamweaver MX 2004中运行“文件新建”命令,然后在图1所示的窗口中选择“模板页面HTML模板”选项。

单击“创建”按钮创建模板文件。

第二步:在页面设计视图(图2)中插入页面框架、导航栏、Flash标题等所有页面的常用元素,然后运行“文件保存”命令保存此模板。

dreamweaver如何制作网页(dreamweaver网站模板)

提示:可以先下载一个喜欢的网页,然后在Dreamweaver MX 2004中打开,只保留框架等元素后,通过“文件另存为模板”保存为模板。

这样可以节省很多制作模板的时间。

为了避免编辑时误操作造成模板中元素的改变,模板中的内容默认是不可编辑的,只有在某个区域或某段文字设置为可编辑状态后,才能在模板创建的文档中改变这个区域。

用鼠标选中一个区域(即每页内容不同的区域),然后运行“修改模板新建可编辑区域”命令,在弹出的对话框中为这个区域设置一个名称。

这就完成了编辑区域的设置。

好了,这就是边肖带给你的关于Dreamweaver网页制作技巧。更多信息请关注我们的系统世界!