用DW编辑网站模板的一些技巧
来源: | 作者:szhuhang | 发布时间: 2237天前 | 3132 次浏览 | 分享到:
  选择完标准模板,也许大家希望能够自定义一个漂亮的模板,加入自己的背景图等。做网站建设下面就来看看如何自定义模板。具体操作如下:
1、在管理页面右上角“系统管理”的下拉列表框中选择“模板自定义”。
2、进入显示当前模板代码的页面。
要在代码模式下编辑模板,需要读者掌握一定的HTML和CSS知识。首先,在代码编辑窗口下方为大家做出了一些注释。
博客里除了这些代码外,剩余的都是HTML和CSS代码了,读者可以参考代码说明,对模板进行修改。天涯博客提供了可视化自定义博客页面的功能,单击“切换到HTML图文编辑器”的链接。
在可视化编辑状态下,可以对模板内的内容进行删除、移动等操作。但是如果希望替换图片,这种方法就不是很好用了。在这里还有一个更为方便的可视化编辑模板的方式,就是使用Dreamweaver.这部分内容将在后面作更详致的介绍,现在只做一个简单的操作,使读者掌握基本操作方法。
1、打开Dreamweaver,新建一个文件,将刚才那段代码视图粘贴进去。
2、切换到Dreamweaver的设计视图下,这时就可以看到可视化的效果了。
在可视化模式下,可以对表格的内的图片、文字等内容进行编辑。如果需要发动的内容较多,可以先制作一个静态的页面,然后根据这个静态页面进行修改。在这里只使用手写代码的方式作简单地改动。以前面选定的模板为基础,进行风格及图片的修改。将光标放在左边的单元格内,单击Dreamweaver窗口上方的“拆分”按钮,将视图改变为上面的是代码,下面是设计视图的模式。
分部分对代码进行修改。将上面的单元格与表格结构进行调整。调整方法是使用手写代码的方式。具体操作步骤如下:
1、打开自定模板的窗口,复制模板代码到Dreamweaver内进行编辑。
2、打开设计视图,删除多余的图片、表格背景图等内容,制作出一个非常简洁的博客页面。
3、打开代码视图,对模板进行进一步调整。首先找到本页中定义的CSS样式表内容。CSS样式表的内容在页面最上面,找到之后,调整页面背景效果,调整方法是找到"body{"后面的内容,对其进行修改,例如本例中,具体代码如下