网站设计利用模板创建网页十二步骤详解_博纳网络深圳网站建设公司

发布时间：2019-04-25

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

网站设计利用模板创建网页十二步骤详解，模板创建好以后，就可以将其应用到网页中，深圳网站设计公司整理具体操作步骤如下。我们希望本站相关网站建设以及前端设计知识方面的文章，能给您的网站前期规划以及后期管理工作有所帮助。

❶选择菜单中的【文件】|【新建】命令，弹出【新建文档】对话框，在对话框中选择【网站模板】选项，选择【站点9.5.2】选项中的【moban】，如图9-82所示。

❷单击【创建】按钮，创建一个网页文档，如图9-83所示。

❸选择菜单中的【文件】|【保存】命令，弹出【另存为】对话框，将文件保存为index1，如图9-84所示。

❹单击【确定】按钮，保存文档，将光标置于可编辑区中，插入1行1列的表格，如图9-85所示。

❺将光标置于表格的单元格中，打开代码视图，在代码中输入背景图像代码background=images/bg_5.jpg，如图9-86所示。

❻返回设计视图，可以看到插入的背景图像，如图9-87所示。

❼将光标置于背景图像上，选择菜单中的【插入】|【图像】命令，插入图像文件“images/l_1_1.jpg”，如图9-88所示。

❽将光标置于表格的右边，选择菜单中的【插入】|【表格】命令，插入1行1列的表格，如图9-89所示。

❾将光标置于表格的单元格中，输入相应的文字，如图9-90所示。

❿将光标置于文字中，选择菜单中的【插入】|【图像】命令，插入图像，如图9-91所示。

⓫选中插入的图像，单击鼠标右键，在弹出菜单中选择【对齐】|【右对齐】选项，如图9-92所示。

⓬保存模板文档，按F12键即可在浏览器中预览效果，如图9-93所示。

好了，网站设计公司本文关于“网站设计利用模板创建网页十二步骤详解”知识就分享到这里，谢谢关注，博纳网络编辑整理。

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

上一篇：使用Dreamweaver设计网站如何从模板中分离下一篇：网站设计关于CSS布局理念与position定位方法

返回列表

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

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