用DW如何编辑网站模板

用DW如何编辑网站模板,第1张

编辑区域只能在模板文件中添加。为了让大家更好的理解“可编辑区域”,我们先用此模板生成一个htm文件:点FileàNew

From

Template,d出Select

Template窗口,在emplates中选择body,再点击右上角的Select即可生成一个新的htm文件。我们将此新建页面改名为body2htm。现在我们用DW将bodyhtm与body2htm两文件都打开,比较一下有什么不同。你会发现在body2htm页面的右上角写着“Template:body”几个字。同时你会惊讶的发现body2htm文件竟然不可以编辑。对了,这就是由于在bodydwt模板文件中没有定义“可编辑区域”的结果,使得生成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。下面是添加可编辑区域的步骤:

1)

打开bodydwt模板文件,我们希望中间的表格可以编辑。但是要在bodydwt文件中,而不是bodyhtm),所以要在此处添加可编辑区域。

2)

将鼠标光标放入A处表格里,点击鼠标右键,选择New

Editable

Region,

d出New

Editable

Region窗口,要求填入此可编辑区域的名称。我们填入Region01,点击ok关闭此窗口完成当前可编辑区域标记的编辑。

说明此处有一个标记为Region01的可编辑区域。

到此为止我们定义了一个可编辑区域,如果有多个编辑区域,同样可以如法炮制。

和制普通网页是一样的。

不样,保存的时候,另存为模板,这时候是dwt文件。

也可以新建模板。

要应用模板也很简单,新建一个空的网页,打开文件面板,资源选项卡,模板,找到已存在的模板,右键,应用就行了。

个人认为DW的模板功能会增加大量的无效代码,使页面体积增大,所以从来不用。跟做网页一样,保存时(选保存为模板。

你还可以选择(可编缉区域,做好的网页另存为模版

使用的时候新建页面然后修改模版套用就行了1、保存时:另存为模板,是dwt文件

2、应用时:打开文件面板,资源选项卡,模板,找到已存在的模板,右键应用即可。

3、详细联系:先做好你想作为模板的那张网页文件-“另存为模板”要用的时候文件-新建-模板这时你的模板还不可以编辑在模板那张网页在你以后要编辑的地方画好框点框-插入-模板对象-可编辑区域如果想改编辑区域就要吧原来的可编辑区域去掉点原来的可编辑区域右键-模板—删除模板标记

和做网页一样

做完后保存的时候选择为“保存为模版”

玩了再在模版上设置可编辑区你在制作网页的时候和正常的一样,但最好保留需要在所有网页里的部分,比如导航条,其余的都删掉,保存时选择“另存为模板”,就OK了

DW软件下载安装的具体步骤如下:

需要准备的材料分别是:电脑、百度浏览器。

1、首先打开百度浏览器,搜索打开一个DW软件下载网页。

2、然后在d出来的窗口中点击打开“立即下载”,等待下载完成。

3、然后在d出来的窗口中点击打开安装程序。

4、然后在d出来的窗口中点击打开“下一步”。

5、然后在d出来的窗口中点击“忽略”。

6、然后点击打开“登录”。

7、然后选择点击“接受”。

8、然后选择点击“安装”。

9、等待安装完成就可以了。

把你想要导航之类不变的内容做好后,另存为模板文件,并且在今后需要修改的地方插入可修改区域,然后保存。新建文件的时候from这个模板,这样只有可修改区域可以写入内容,做好后保存。今后只要修改那个模板文件,其他从这个模板文件新建的页面都会自动保存。如果要上传到网络上,需要将模板文件和更新后的页面都上传。

Dreamweaver中最大的好处就是多处理方式
下载了模板,直接建站点,然后把文件拷到根目录下,双击就可以打开了!
你要看单个页面的话,直接把模板拖到Dreamweaver中就行了
如果是psd模板的话,你要用ps切割后生成html才行的

photoshop打开,这就可以看到了。
然后用切片工具,切好后,点击:文件---保存为web所用格式--存储,选对路径就可以了。你存好后你那个路径下有两个东西:一个是htm文件,是表态文本文件,可以用IE打开,也可以用dreamweaver打开,编辑,这就是做网页啦~
另一个文件是images文件夹,里面是你切片后形成的。这两个东西有联系,通过html语言img标签定义到html的文件里,这就是网页的原形啦~偶是做网站地~

一般的模板都有个放的文件夹,images或img之类的。在里面找到你要改的文件,记住它的文件名。把你的按它的它的横、宽裁好,替换!

主页模板在PHP程序中:header是网页顶部模板,footer是底部的,主页的话一般叫index,样式表一般是css或style,可以在里面找到关于的位置样式等相关源码。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/10551324.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-09
下一篇2023-05-09

发表评论

登录后才能评论

评论列表(0条)

    保存