dw网页制作模板（DW网站模板）

本篇文章给大家谈谈dw网页制作模板，以及DW网站模板对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何用dw制作模板
• 2、如何使用dreamweaver制作网页
• 3、DW怎么把首页设为模板，子网页用模板设计
• 4、用DW如何编辑网站模板
• 5、如何用DW制作模板？
• 6、DW批量做网页的方法

如何用dw制作模板

用dw制作模板的方法：

品牌型号：华硕。

系统版本：UX30K723A。

软件版本：win7，Dreamweaver 8，百度浏览器1.22.1.1。

1、以百度经验首页头部举例，将页面分为两大块。

2、第一大块内容又可以分为两小块，左边为一块，右边为一块。

3、第一大块内容所有样式，如下图。

4、第一大块样式预览，如下图。

5、第二大块中分为两个小块，左边为百度经验图片，右边为input框和按钮。

6、第二块元素的样式如下图。

7、最终代码和效果图如下。

如何使用dreamweaver制作网页

工具/原料

Dreamweaver CS6

方法/步骤

1、新建一个ASP网页并且保存。如图所示

2、连接好数据库，见笔者之前分享的经验。

3、在网页中插入模板的内容，并添加好各个超链接

4、页面设计好后把网页另存为模板。操作如图所示。

5、接着在需要编辑的部分插入“可编辑区域”，操作如图所示。

6、保存后，我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。

DW怎么把首页设为模板，子网页用模板设计

刚进入dreamweaver点击新建下方的更多，然后选择空白页，页面类型选择html模板，布局选无就行了。

插入一个表格（菜单栏中选择插入，再找到表格），表格里的布局自己根据需要设置，在这里我设置为行数为5，列为1，表格宽度为1000像素。插入表格后，选中整个表格，选中后表框会加黑加粗，在下方设置为居中对齐。

在表格第一行插入图像（菜单栏中选择插入，再找到图像），第二行加入滚动字幕。第三行插入表格（方法同上），1行4列，表格宽度为百分之一百。插入表格之后，再选中第三行的表格，选中后表格边框会加黑加粗，在下方设置表格为居中对齐，宽度为20%。

第三行中选入一些文字，如首页，李白，杜甫，白居易。新建一个css文件，再建一个css，设置好类型中的颜色和背景中的颜色，加以区分。选中第三行，使用刚才新建的css，再新建一个css，表格的边框使用该css。

在第四行插入可编辑区域。点击确定，可编辑区域中的文字即EditRegion3可以去掉，换行可以扩大可编辑区域的面积。

在第五行插入可编辑区域，我还插入了一条水平线，并加上了版权。最后保存。此时模板已经建好。

新建，模板中的页，找到新建的模板，创建，保存为index.html（即网站的主页）,再重新打开新建的模板，在可编辑区预报输入李白的资料，保存为libai.com，此时你会发现只有在可编辑区域才能输入内容，其他区域都是不可操作的，这就是模板的特点。同理，在新建两个作为杜甫和白居易的网页。

现在就差用超链接把上面做的几个网页连接起来了。在模板中选中首页，在下方html中的链接中输入首页的名称，即index.html，同理，选中李白，杜甫，白居易将他们连起来。超链接做好后在文字下方会多出一条横线。

做完了之后在index.html中打开可以看看做出的效果，点击图中的小地球图标就可进行查看。

用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的可编辑区域。

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

如何用DW制作模板？

用DW制作模板步骤如下：

1、首先是必须建立好一个页的基本框架，把固定的元素先确定下来，留出一些空白的编辑区域给一些变动元素。

2、在菜单栏上依次打开【插入】——【模板对象】——【创建模板】。

3、重新命名你的网页模板。创建网页模板必须先建立网站站点。

4、将鼠标光标定位到需要插入编辑区域的地方，然后在菜单栏中打开【插入】——【模板对象】——【可编辑区域】。

5、建立好的可编辑区域后以后可以直接在这里面输入相应的内容，大多数需要不断更新的。然后就可以直接CTRL+S保存这个模板了，网页模板的格式是.dwt。

6、使用网页模板，可以在菜单栏中打开【文件】——【新建】——【模板中的页】，选定刚刚重命名的制作好的模板就可以直接引用了。

DW批量做网页的方法

DW批量做网页的方法

DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。下面是Y JBYS我整理的DW批量做网页的方法，希望对你有帮助!

一、建立模板

1、创建模板页面

最简单的办法是将一个网页另存为模板文件，通过执行命令：File→Save as Template，DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板。当然，也可以新建一个模板：Window→Templates，会出现的Templates面板，单击右下角的New Template按钮，输入文件名，就建立了一个空模板;再单击Open Template按钮打开该模板，保存后自动存放于网站模板文件夹Templates中。新建、打开的模板页面和普通的网页没什么两样，同样可以加入表格、层、图片、动画、脚本，设置页面属性等。

举例：这里以制作一个模板为例来说明。在该页面中，我们希望左侧的网站标识图和底部的导航图出现在每个页面中。其中标识图由两幅图片叠加而成，导航图上的文字“最近更新”、“在线阅读”、“打包下载”等划分成几个热区分别链接到不同的文件，它们在每个页面中都不变。右上部的主页面区和左下角弹出式选单按钮下面的页面说明则各不相同。为了保持页面整洁，我们用表格来布置这些元素。准确地说它只是一个没有可编辑区域的“准模板”，下面再设定可编辑区域。

2、设定可编辑区域

设定模板可编辑区域，一般来说有两种方法。

新建可编辑区域：选择命令：Modify→Template→New Editable Region。在某一空白区域中单击后执行该命令即可将该区域变为可编辑区域。

标记某一区域为可编辑区域：选择命令：Modify→Template→Mark Selectin as Editable Region。如果某区域已经有一些文字，并且希望在以后新建的超文本文件中部分保留其内容，先选中该区域再执行标记命令即可。

取消可编辑状态：选择命令：Modify→Template→Unmark Editable Region。执行该命令后会弹出一个对话框，其中有当前已有的可编辑区域列表，选中要取消的.区域名称，确认即可。

举例：在大片空白区中随便单击一下，执行Modify→Template→New Editable Region命令，在弹出对话框中输入名称：Main;选中左下角本页说明下面的文字，执行Modify→Template→Mark Selectin as Editable Region命令，输入名称：exp。可以看到可编辑区显示为浅蓝色，保存即完成模板制作。

二、使用模板

1、根据模板新建页面

命令：File→New From Template。弹出对话框，从模板列表中选取模板，出现的新页面中除可编辑区外均有淡黄色背景，是不能进行修改的部分。空白的Main编辑区可直接进行插入表格、文字、图片等操作，Exp编辑区保留有原来的文字，修改或重新编辑均可。2、对一个已经有内容的页面应用模板

命令：Modify→Template→Apply Template to Page。选择模板后还会弹出一个对话框，让您选择现有的孤立内容保存到哪个可编辑区域(Choose Editable Region for Orphaned Content)。要是不想保留则可以选择“(none)”。

举例：我们先新建一个普通页面，输入：“CIW电脑工作室”，执行Modify→Template→Apply Template to Page命令，选择模板test，现有内容保存区域选择Main，确认后可看到页面自动变成了模板页的形式，而“CIW电脑工作室”这一行字就出现在主编辑窗口中。

3、更新模板以全面更新站点

基于某一模板建立了一些页面后，对模板进行修改后保存时，就会自动弹出一个对话框，列出所有使用了该模板的页面，询问是否要更新。

另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages对话框中选择一个站点或站点的某一种模板(同一站点中可以使用多个模板)，单击右侧的Start按钮，软件会自动搜索与模板相关联的网页并进行更新。非常方便!

举例：Test模板左侧图形中的“读书破万站”图片是用一个图层叠加在另一幅图片之上的，现在不想要它，同时还想将所有页面中的该图片均删除。就可以打开模板test.dwt，删除该图层，保存模板，单击右侧的“Update”按钮即可。

;

dw网页制作模板的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于DW网站模板、dw网页制作模板的信息别忘了在本站进行查找喔。