dw网站建设制作（dw制作一个简单的网站）

本文目录一览：

• 1、怎样用dreamweaver制作网页
• 2、如何用dw软件制作网页的小网站
• 3、DW制作网页的基本步骤
• 4、如何用DW制作模板？

怎样用dreamweaver制作网页

一、工具;Dreamweaver CS6

二、操作 步骤：

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

【2】连接好数据库，

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

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

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

【6】保存后，就可以在网站根目录下的“Templates”文件夹下看见刚刚新建的模板了。

如何用dw软件制作网页的小网站

打开DW，DW界面如图

2

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

3

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

4

新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹

5

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

6

新建HTML，选择“创建”

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

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

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

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

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

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

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

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

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

步骤阅读

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

DW制作网页的基本步骤

01

在网上下载dw的软件，点击打开软件。

02

点击文件，找到新建，开始进行下一个步骤。

03

创建一个html，然后确定文档类型，然后点击确定。

04

在代码中的body/body中加入我们的代码内容。

05

填写好你想写的代码内容后，点击保存，点击F12，预览效果，简单网页内容就写好了。

如何用DW制作模板？

用DW制作模板步骤如下：

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

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

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

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

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

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

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