dw网页设计教程库,dw网页设计教程***

div>

4、点击HTML文件下的拆分。在右边的效果栏就可以看到透明的白线。如图所示：

5、按shift键加F2键。就可以弹出框架的显示图窗口。如图所示：

6、选择框架显示图窗口中的框架。右边的显示窗口会有虚线出现，拉动虚线，就可以改变框架的大小。如图所示：

1、在开始菜单打开dreamweaver，打开之后，见到的第一页默认应该是下图所示的这样，我们选择html，就进入网页的编辑窗口了。

2、如何进入框架的编辑呢，如果你的工作区不是“经典”，那就切换过来，在右上角的位置。这样方便找到布局，当然你还可以在“修改”选项中找到框架。我们就以“经典”工作区进行编辑。

3、单击框架右下角的黑色三角形，就出现许多种框架格式，我们选择“顶部和嵌套的左侧框架”，当然你可以根据实际需要选择。这种框架也是比较常用的。

4、选择“顶部和嵌套的左侧框架”后会出现一个对话框，如果没有修改的必要，那就选择默认的就行，单击“确定”，对框架进行编辑。

5、如果在右侧没有显示框架的窗口，那么可以在“窗口”选项中打开框架窗口，这对于我们后来的编辑很有好处，你也可以直接按"shift+f2"快捷键打开。

6、我们可以对框架进行各种编辑，如修改边框颜色和宽度。在刚刚打开的框架窗口里单击需要编辑的那一层的边框，或者直接单击编辑窗口里的框架边框，不过通常前者更加方便和直观。这样做之后，会出现下面的属性。我们就可以进行各种编辑了。

7、因为框架每一个框都是一个独立的网页，所以保存的时候要特别注意，不仅需要保存每个网页文件，还得保存边框的结构。比如说刚刚我建立的哪个框架，需要保存四个文件。

第一、首先在DW软件中创建一个HTML文件。然后点击工具栏上的插入。

第二、然后插入的选项窗口中，选择HTML。再选择框架。

第三、然后框架会弹出一个方向的选项窗口。选择对齐上缘。

第四、然后点击HTML文件下的拆分。在右边的效果栏就可以看到透明的白线。

第五、然后按shift键加F2键。就可以弹出框架的显示图窗口。

第六、然后选择框架显示图窗口中的框架。右边的显示窗口会有虚线出现，拉动虚线，就可以改变框架的大小。

怎么用DW做网页怎么用DW做网页？

使用Dreamweaver来制作网站，可以按照以下步骤进行： 

1. 新建文件：在Dreamwe***er中新建一个文件，将其保存为HTML文件。 

2. 添加内容：在Dreamwe***er中编辑HTML代码，添加网站的内容，如文字、图片等。 

3. 定义样式：使用CSS定义网站的样式，如字体、颜色等。 

4. 添加脚本：使用JavaScript等脚本语言添加网站的功能或交互性。 

5. 测试：检查网站的功能是否正常，修正出现的任何错误。 

6. 发布：将网站发布到Internet上，使其可以访问。

dw如何新建网页？

1.启动dw2019在软件主界面点击中间的【新建】按钮。

2.在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。

3.建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。

4.初学者可以把dw设置为【设计】界面，方便边做边查看效果。然后我们点击【插入】—【image】来插入一张图片。

5.因为是初学者，就不网页切图了。我们直接把设计好的一整张网页设计稿***来，这样就可以看到网页的效果了。但因为是整张图片，要想单独的给某一小块添加链接就要去画热区来实现了。

6.我们需要先调出属性窗口来画热区。点击【窗口】—【属性】。

7.点击后会在软件底部出现一个属性栏，点击方形热区在你想添加链接的地方画出来可点击的范围。

8.然后按照刚才的方法把其他需要添加链接的地方也画上热区。

9.画好后我们点击其中一个热区，在属性栏【[_a***_]】中输入跳转的链接。都添加好链接后，点击【在浏览器中预览】，快捷是F12

10.稍后就可以看到做好的网页用浏览器打开了。朋友们会了么？