网站制作资讯

当前位置：

网站制作资讯

网站设计如何创建二级模板页面？

网站设计如何创建二级模板页面？

发布时间：2019-05-23

文章编辑：网站建设文章来源：网站设计浏览量：次

网站设计如何创建二级模板页面？在网页中使用模板可以统一整个站点的页面风格，使用库项目可以对页面的局部统一风格，在制作网页时使用库和模板可以节省大量的工作时间，并且为日后的升级带来很大的方便。深圳网站设计公司下面通过实例讲述模板的创建和应用。创建二级模板页面的具体操作步骤如下。

❶选择菜单中的【文件】|【新建】命令，如图19-40所示。

❷弹出【新建文档】对话框，在对话框中选择【空白页】|【HTML模板】|【无】选项，如图19-41所示。

❸单击【创建】按钮，即可创建一空白模板文档。选择菜单中的【文件】|【另存为模板】命令，弹出Dreamweaver提示框，如图19-42所示。

❹单击【确定】按钮，弹出【另存模板】对话框，在该对话框将【名称】设置为moban.dwt，如图19-43所示。

❺单击【保存】按钮，保存文档，如图19-44所示。

❻选择菜单中的【修改】|【页面属性】命令，弹出【页面属性】对话框，在该对话框中将【页面字体】设置为宋体，【大小】设置为12，【文本颜色】设置为#CCCCCC，【字体颜色】设置为#96816c，【右边距】、【左边距】、【上边距】、【下边距】设置为0，如图19-45所示。

❼单击【确定】按钮，设置页面属性，如图19-46所示。

❽将光标放置在页面中，选择菜单中的【插入】|【表格】命令，弹出【表格】对话框，在对话框中将【行数】设置为3，【列数】设置为1，【表格宽度】设置为1000像素，如图19-47所示。

❾单击【确定】按钮，插入表格。在【属性】面板中将【对齐】设置为【居中对齐】，如图19-48所示。

❿将光标放置在第1行单元格中，选择菜单中的【插入】|【图像】|【图像】命令，弹出【选择图像源文件】对话框，如图19-49所示。

⓫在对话框中选择图像“images/zhuye_01.jpg”，单击【确定】按钮，插入图像，如图19-50所示。

⓬在第2行和第3行单元格中分别插入相应的图像，如图19-51所示。

⓭在表格的右边选择【插入】|【表格】命令，插入一个1行2列的表格，将【对齐】设置为【居中对齐】，如图19-52所示。

⓮将光标放置在第1列单元格中，在【属性】面板中将【背景颜色】设置为#993300，将第2列单元格【背景颜色】设置为#FFFFFF，如图19-53所示。

⓯将光标放置在第1列单元格中，插入一个9行1列的表格，如图19-54所示。

⓰将光标放置在第1行单元格中，选择菜单中选择【插入】|【图像】|【图像】命令，插入图像文件“Channel_3.gif”，如图19-55所示。

⓱在第2～6行单元格中输入相应的导航文本，如图19-56所示。

⓲在第7～8行单元格中分别插入相应的图像文件“left_01.jpg”和“index_03.gif”，如图19-57所示。

⓳将光标置于第9行单元格中，输入文本。在表格的右边插入一个1行1列的表格，将【对齐】设置为【居中对齐】，如图19-58所示。

⓴在表格中插入图像文件“images/zhuye_08.gif”，如图19-59所示。

将光标置于上面表格的第2列单元格中，选择菜单中的【插入】|【模板对象】|【可编辑区】命令，弹出【新建可编辑区域】对话框，如图19-60所示。

单击【确定】按钮，创建可编辑区域，如图19-61所示。

好了，网站设计公司本文关于“网站设计如何创建二级模板页面？”的建站设计知识就分享到这里，谢谢关注，博纳网络，编辑整理。

当前文章链接：/construction/design/2779.html

上一篇：米黄色主色调企业网站设计实操案例下一篇：网页设计中如何清除网页中不必要的HTML代码？

返回列表

如果您觉得案例还不错请帮忙分享：

[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。

相关案例推荐

资讯分类

最新发布

相关资讯

热门搜索