dw个人网站制作模板（dw怎么制作个人网站）

本文目录一览：

• 1、怎样用Dreamweaver制作一个个人虚拟网站？
• 2、如何用DW制作模板？
• 3、用DW如何编辑网站模板
• 4、dreamweaver如何制作网页？
• 5、如何用Dreamweaver制作网页模板

怎样用Dreamweaver制作一个个人虚拟网站？

利用Dreamweaver制作一个个人虚拟网站的步骤如下：

1、打开DW，DW界面如图

2、分析所制作的网页的需求，明确目标

3、明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。

4、新建站点弹出来的窗口。在这里以“新闻网页”来举例，放在Dreamwaver CS6文件夹下的新闻网页文件夹

5、在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片

6、新建HTML，选择“创建”

7、在“标题”中输入“新闻网页首页”，转换到“设计”界面

8、根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置

9、插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”

10、在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”

11、插入图像，不知道怎么填的话就一直选择“确定”即可

12、插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图

13、选中第二行，点击鼠标右键，选择“表格”，“合并单元格”

14、在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

15、点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际

16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步

如何用DW制作模板？

用DW制作模板步骤如下：

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

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

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

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

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

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

用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如何制作网页？

在dw中点击“文件-新建-常规-基本页-HTML”，这样就可以轻松的建好了一个网页。英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。

下载了网页模板程序后，用dreamweaver修改的具体操作步骤：

在标题空格那里输入网页的名称，点击—页面属性，打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像，超级链接颜色，其他都保持默认值就可以了。

这个时候光标在左上角，你可以输入一句话，如“欢迎大家来到我的主页”，用文字，用菜单“窗口/属性”打开属性面板，取文字的大小，再把文字设置为居中，然后在文字的前面敲几下回车就位于页面中间了。

要选取字体，即选择字体中的最后一项：即编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体，点击中间的按钮就可以加入了。

如何用Dreamweaver制作网页模板

真不知那些站长，是如何制作网页模板的。隔三岔五将网站来个大更新，不知道他们是怎么忙过来的。 告诉你这个秘密吧，其实是这样的，他们很多都是在“批发”网页，并且你的服务器中也有这样的“批发站”!这个东西就是——模板。常见的网页制作工具FrontPage和DreamWeaver中都有这项功能。如用DreamWeaver 3.0 制作网站的时候，使用模板就能减少大量的重复工作。 如何制作网页模板第一步、建立模板 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。执行命令后会弹出一个对话框，其中有当前已有的可编辑的区域列表，选中要取消的区域名称，点击确认即可。 如何制作网页模板第二步、使用模板 1、根据模板来新建页面 弹出该对话框，从模板列表中选取一个模板，出现的新页面中除了可编辑的区外均有背景，这个是不能进行修改的部分。空白处的Main编辑区就可一直接进行插入表格、文字或者图片等操作，Exp编辑区要保留有原来的文字，修改或重新编辑也都可以。 2、对一个已有内容的页面应用模板 选择模板之后还会弹出一个对话框，让您选择现有的孤的立内容保存到那个可编辑的区域。要是不想保留就直接选择“(none)”。 3、以全面更新站点更新模板 基于某一个模板建立了一些页面之后，对模板进行修改保存的时候，就自动弹出了一个对话框，列出所有的使用了该模板的页面，询问是不是要更新。 还有另外一种方法是执行Modify→Template→Update Pages命令。从Update Pages的对话框中选择一个站点或站点的某一种模板，单击右变的Start按钮，软件会自动搜索与该模板相关联的网页并对其进行更新。也是非常方便的!

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