×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

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

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

 网站设计如何创建二级模板页面?在网页中使用模板可以统一整个站点的页面风格,使用库项目可以对页面的局部统一风格,在制作网页时使用库和模板可以节省大量的工作时间,并且为日后的升级带来很大的方便。深圳网站设计公司下面通过实例讲述模板的创建和应用。创建二级模板页面的具体操作步骤如下。
❶选择菜单中的【文件】|【新建】命令,如图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所示。
好了,网站设计公司本文关于“
网站设计如何创建二级模板页面?”的建站设计知识就分享到这里,谢谢关注,博纳网络,编辑整理。
 
 

当前文章链接:https://www.198bona.com/construction/design/2779.html
如果您觉得案例还不错请帮忙分享:

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