dw网站源代码（网页源代码div什么意思）

博文纲领：

在本地文件夹E：MyWeb下面的空白处，按右键选“新建文件夹”，这样建立了一个文件夹，用它来放图片，可以改名为tu或pic或images都可以。用菜单“窗口/对象”打开对象面板，点击“插入图像”，在对话框里选要插入的图片。

首先打开Dreamweaver软件，新建站点和html文件，并保存。然后打开想要借鉴的网站首页，比如“香奈儿中国官网”，然后右击网页选择”查看源“，查看网站主页的源代码。然后切换Dreamweaver到代码页面，复制“香奈儿”主页想要套用的代码，粘贴到代码页。

第一步：打开dw，点击dw左上角的文件按钮。第二步：在文件按钮弹出的菜单中选择新建。第三步：在弹出的对话框中选择要新建的内容，新建网页就是html的。第四步：在选择新建类型后，点击创建按钮。第五步：新建完成后会看到网页的源代码，然后我们在body标签中填写内容。

通过访问网站源代码，我们可以将页面上的内容、样式层、JS脚本及图片等元素逐一提取。具体操作时，可以将这些内容复制到Dreamweaver（简称DW）中，然后调整相应的链接地址，从而完成页面的迁移。

也就是网页的打开方式，这样你打开他就成为了网页了。但是需要注意的是网页内部代码的图片是地址的，也就是说你打开网页时，代码里的图片是在原来的网站里下载下来的，如果你断开网络连接打开那个网页就会发现图片不见了。打开网络图片就会回来。

打开一个浏览器，我使用的是搜狗浏览器，还有ie浏览器，360等等，随便打开一个页面，选择自己喜欢的感觉炫酷的网页。（在寻找觉得有价值的页面时一定要注意不是视频类或隐藏类的网页）然后左键单击工具栏的“查看”按钮。查看按钮下有个子目录”源代码“，左键移动到上面单击，单击查看源代码。

dw保存之后可以看到代码的操作步骤在DW中打开需要保存的网页文件。在DW菜单栏中选择“文件”-“另存为”。在弹出的“另存为”对话框中，选择保存的路径和文件名，并勾选“保存源代码”选项。单击“保存”按钮，即可将网页文件及其源代码保存到指定路径。

此外，还可以通过浏览器的开发者工具来查看网页代码。大多数现代浏览器都内置了开发者工具，用户可以通过右键点击页面，选择“检查”或“审查元素”来打开。在开发者工具中，可以查看到HTML代码、CSS样式以及JavaScript代码，这为调试和修改网页内容提供了极大的便利。

打开方法：1，打开dw后，新建一个HTML。或者打开现有页面。2，在点击菜单中的“文件--在浏览器中预览--编辑浏览器列表”。3，在出来的“首选参数”中，可以看到我这里现在有3个浏览器。我们点击选中其中的一个，在默认中，勾选主浏览器，可以看到后面预览的快捷键是F12。

启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。

第一步，打开dw软件并创建一个新文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，单击“常用”选项，选择“布局”按钮，然后绘制一个图层，见下图，转到下面的步骤。

用Dreamweaver套用网站源代码制作网页方法：定义站点在任意一个根目录下创建好一个文件夹(我们这里假设为E盘)，如取名为MyWeb。备注：网站中所用的文件都要用英文名。打开Dreamweaver，选择“站点—新建站点”，打开对话框。