dw网页模板?dw网页素材
大家好,dw网页模板相信很多的网友都不是很明白,包括dw网页素材也是一样,不过没有关系,接下来就来为大家分享关于dw网页模板和dw网页素材的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
用DW如何编辑网站模板
可编辑区域只能在模板文件中添加。为了让大家更好的理解“可编辑区域”,我们先用此模板生成一个htm文件:点FileàNew
From
Template,弹出Select
Template窗口,在emplates中选择body,再点击右上角的Select即可生成一个新的htm文件。我们将此新建页面改名为body2.htm。现在我们用DW将body.htm与body2.htm两文件都打开,比较一下有什么不同。你会发现在body2.htm页面的右上角写着“Template:body”几个字。同时你会惊讶的发现body2.htm文件竟然不可以编辑。对了,这就是由于在body.dwt模板文件中没有定义“可编辑区域”的结果,使得生成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。下面是添加可编辑区域的步骤:
1)
打开body.dwt模板文件,我们希望中间的表格可以编辑。但是要在body.dwt文件中,而不是body.htm),所以要在此处添加可编辑区域。
2)
将鼠标光标放入A处表格里,点击鼠标右键,选择New
Editable
Region,
弹出New
Editable
Region窗口,要求填入此可编辑区域的名称。我们填入Region01,点击ok关闭此窗口完成当前可编辑区域标记的编辑。
说明此处有一个标记为Region01的可编辑区域。
到此为止我们定义了一个可编辑区域,如果有多个编辑区域,同样可以如法炮制。
怎样在dreamweaver中添加模板
1.编辑页面
打开DW,新建一个站点,我们就取名为“蜘蛛网”。
新建一个空白页面作为内页(通常一个网站只有一个首页,所以对首页我们可以不做成模板),取名为body.htm。
编辑这个页面,完成如图1。
图1,编辑完成后的body.htm页面,注意A处,此处将作为可编辑区域,下文会针对提及。
2.生成模板
编辑完成后,我们将此页保存为模板(注意不是保存为普通的htm网页)。通过DW中的FileàSave As Template可以存为模板,执行此命令后会弹出Save As Template窗口,如图2。
图2,Save As Template窗口。
图2中的B处为选择站点,我们选择“蜘蛛网”,C处为我们要存为的模板文件名,我们填入body。按右上角的Save保存。
这时我们按F8调出site(站点管理器),在Templates文件夹中可以看到body.dwt(当有模板文件时,DW会自动生成Templates文件夹,dwt为模板类型文件)
3.编辑模板
在Site中打开body.dwt模板文件,将会发现跟body.htm页面好像没什么分别,但其实是不一样的,在body.htm中是无法添加可编辑区域的。可编辑区域只能在模板文件中添加。
为了让大家更好的理解“可编辑区域”,我们先用此模板生成一个htm文件:点FileàNew From Template,弹出Select Template窗口,在emplates中选择body,再点击右上角的Select即可生成一个新的htm文件。我们将此新建页面改名为body2.htm。现在我们用DW将body.htm与body2.htm两文件都打开,比较一下有什么不同。你会发现在body2.htm页面的右上角写着“Template:body”几个字。(说明此页是由body.dwt模板文件生成)同时你会惊讶的发现body2.htm文件竟然不可以编辑(body.htm可以编辑)。对了,这就是由于在body.dwt模板文件中没有定义“可编辑区域”的结果,使得生成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。下面是添加可编辑区域的步骤:
1)打开body.dwt模板文件,我们希望中间的表格可以编辑(也就是图1中的A处)。但是要在body.dwt文件中,而不是body.htm),所以要在此处添加可编辑区域。
2)将鼠标光标放入A处表格里,点击鼠标右键,选择New Editable Region…,弹出New Editable Region窗口,要求填入此可编辑区域的名称(我们通常称为可编辑区域标记)。我们填入Region01,点击ok关闭此窗口完成当前可编辑区域标记的编辑。此时可以看到在表格中有如图3的显示。
图3,New Editable Region窗口。
说明此处有一个标记为Region01的可编辑区域。
到此为止我们定义了一个可编辑区域,如果有多个编辑区域,同样可以如法炮制。
※还可以通过ModifyàTemplatesàNew Editable Region…生成新的可编辑区域,如果想删除可编辑区域,可通过ModifyàTemplatesàRemove Editable Region…,然后按提示操作即可。
4.用模板生成页面
其实我们前面也提及过用模板生成页面的步骤,就是通过FileàNew From Template。请参考第三步的有关步骤。现在我们用模板生成一个名为body3.htm的页面。这时你会发现,在body3.htm页面中除了可编辑区域Region01可以编辑外,别的地方鼠标都成了限制状态。我们在此可编辑区域中添加我们需要的内容,比如我们随便写入一篇文章。这样就可以根据我们的需要,利用模板生成页面。
5.修改模板内容与更新站点文件
打开body.dwt模板文件,将我们需要修改的地方进行修改,比如我们把logo图片换掉或修改任何非可编辑区域,甚至添加或删除可编辑区域等。
下面就用换logo来说明模板是如何更新文件的。
我们把logo图片换成另外我们喜欢的图片,完成后保存body.dwt文件,这时DW会弹出窗口询问是否需要更新文件,选择Update,DW就会自动的将所有用此模板生成的页面都更新,更新时DW会弹出Update Pages窗口,完成后,在Update Pages窗口中会给出更新日志。
※如果选择了don’t Update,DW直接保持模板文件,暂时不更新页面,但我们可以手动更新页面,只要选择ModifyàTemplatesàUpdate Pages…即可。
这时我们打开任意一个用body.dwt生成的页面,如body3.htm。会发现logo图片已经改变。
不难发现,利用这个功能,我们可以轻松的解决站点更新问题,模板的功能十分强大,此文只起到抛砖引玉的作用,很多功能由于篇幅问题未能提及,自己要多尝试,这样才能充分领略DW的模板风采。
在DW中,还有一项称为库的功能,跟模板可以有机的配合,这样会使模板的功能更加强大,如果读者反应有兴趣的话,我愿意为大家献上这一份礼物。
DW怎么把首页设为模板,子网页用模板设计
刚进入dreamweaver点击新建下方的更多,然后选择空白页,页面类型选择html模板,布局选无就行了。
插入一个表格(菜单栏中选择插入,再找到表格),表格里的布局自己根据需要设置,在这里我设置为行数为5,列为1,表格宽度为1000像素。插入表格后,选中整个表格,选中后表框会加黑加粗,在下方设置为居中对齐。
在表格第一行插入图像(菜单栏中选择插入,再找到图像),第二行加入滚动字幕。第三行插入表格(方法同上),1行4列,表格宽度为百分之一百。插入表格之后,再选中第三行的表格,选中后表格边框会加黑加粗,在下方设置表格为居中对齐,宽度为20%。
第三行中选入一些文字,如首页,李白,杜甫,白居易。新建一个css文件,再建一个css,设置好类型中的颜色和背景中的颜色,加以区分。选中第三行,使用刚才新建的css,再新建一个css,表格的边框使用该css。
在第四行插入可编辑区域。点击确定,可编辑区域中的文字即EditRegion3可以去掉,换行可以扩大可编辑区域的面积。
在第五行插入可编辑区域,我还插入了一条水平线,并加上了版权。最后保存。此时模板已经建好。
新建,模板中的页,找到新建的模板,创建,保存为index.html(即网站的主页),再重新打开新建的模板,在可编辑区预报输入李白的资料,保存为libai.com,此时你会发现只有在可编辑区域才能输入内容,其他区域都是不可操作的,这就是模板的特点。同理,在新建两个作为杜甫和白居易的网页。
现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页,在下方html中的链接中输入首页的名称,即index.html,同理,选中李白,杜甫,白居易将他们连起来。超链接做好后在文字下方会多出一条横线。
做完了之后在index.html中打开可以看看做出的效果,点击图中的小地球图标就可进行查看。
OK,关于dw网页模板和dw网页素材的内容到此结束了,希望对大家有所帮助。