将IE（Internet Explorer）浏览器中的网页导入到Dreamweaver（DW）中，是许多网页开发者和设计师在修改或分析现有网页时常用的操作，这一过程涉及从IE中获取网页源代码或文件，再通过Dreamweaver进行编辑和优化，以下是详细的操作步骤、注意事项及不同场景下的处理方法，帮助用户顺利完成网页导入。
需要明确“导入”的具体含义，这包括两种情况：一种是直接从IE中复制网页内容并粘贴到Dreamweaver中，另一种是将IE中显示的网页完整下载到本地，再通过Dreamweaver打开，两种方法的适用场景不同，操作步骤也有所差异。
通过复制粘贴导入网页内容
这种方法适用于快速获取IE中网页的文本、图片等可见内容，但无法保留网页的完整结构和样式代码，操作步骤如下：
-
打开目标网页：在IE浏览器中输入网址，打开需要导入的网页，确保网页完全加载完毕，特别是图片、视频等多媒体元素。
-
选择并复制内容：
（图片来源网络，侵删）- 复制全部内容：按下键盘快捷键
Ctrl + A选中网页中的所有内容，然后按下Ctrl + C复制，需要注意的是，这种方法可能会复制到IE浏览器自身的导航栏、工具栏等无关元素，后续需要手动删除。 - 复制部分内容：如果只需要导入网页中的特定部分（如某篇文章、某个表格），可以用鼠标拖动选中目标内容，再按
Ctrl + C复制。
- 复制全部内容：按下键盘快捷键
-
在Dreamweaver中粘贴：
- 打开Dreamweaver,创建一个新的HTML文件（通过“文件”>“新建”>“HTML”）。
- 将光标定位在代码视图或设计视图的编辑区域,按下
Ctrl + V粘贴内容。 - 代码视图：粘贴后，Dreamweaver会显示网页的HTML源代码，但可能包含大量冗余代码（如IE的注释、广告脚本等），需要手动清理。
- 设计视图：如果粘贴的是纯文本或简单格式，设计视图会显示格式化后的内容，但复杂的CSS样式和JavaScript效果可能丢失或错乱。
-
清理和优化代码：
- 删除无关的HTML标签和脚本,如
<noscript>、<iframe>（如果不需要嵌入内容）等。 - 检查图片路径：如果网页中的图片使用的是绝对路径（如
http://example.com/images/pic.jpg），且图片未成功显示，需要手动下载图片到本地，并修改路径为相对路径（如images/pic.jpg）。 - 修复CSS样式：粘贴的代码中可能包含内联样式（
<style>标签或style属性），建议将CSS代码提取到外部样式表中，以便后续维护。
- 删除无关的HTML标签和脚本,如
通过保存网页文件导入完整结构
这种方法可以完整保留网页的HTML、CSS、JavaScript及所有资源文件（图片、音频等），适合需要深度修改或分析网页结构的用户，操作步骤如下：
-
在IE中保存网页：
（图片来源网络，侵删）- 打开目标网页后,按下
Ctrl + S或点击IE浏览器右上角的“齿轮”图标>“文件”>“另存为”。 - 在弹出的“保存网页”对话框中，选择保存类型：
- 网页，全部：选择此选项会保存HTML文件以及一个名为“文件名_files”的文件夹，该文件夹包含网页中的所有图片、样式表、脚本等资源，这是最完整的保存方式，推荐使用。
- 网页，仅HTML：仅保存HTML文件，不包含图片和其他资源，适合只查看代码的场景。
- 网页，HTML only：与“仅HTML”类似，但会过滤掉部分代码。
- 选择保存位置,点击“保存”。
- 打开目标网页后,按下
-
在Dreamweaver中打开网页文件：
- 打开Dreamweaver,选择“文件”>“打开”，导航到刚才保存的HTML文件（通常以
.htm或.html。 - 如果保存时选择了“网页，全部”，确保“文件名_files”文件夹与HTML文件在同一目录下，否则图片和资源可能无法正常显示。
- 打开Dreamweaver,选择“文件”>“打开”，导航到刚才保存的HTML文件（通常以
-
检查和修复链接：
- 图片资源：如果图片显示为红色叉号或占位符，可能是路径错误，右键点击图片，选择“属性”，查看“源文件”路径，如果路径指向外部网站或错误的本地路径，需要手动下载图片到本地，并更新路径。
- CSS和JavaScript文件：检查
<head>标签中的<link>（样式表）和<script>（脚本）标签，确保其href和src属性指向正确的文件路径，如果文件未保存，需要从网页中手动下载并放置到对应目录。
-
编辑和优化：
- 代码格式化：使用Dreamweaver的“命令”>“格式化代码”功能，整理HTML、CSS代码的缩进和结构，提高可读性。
- 清理冗余代码：删除注释掉的代码、空的
<div>标签或无用的CSS规则，减少文件体积。 - 响应式设计适配：如果原网页未适配移动设备，可以在Dreamweaver中使用“媒体查询”功能，为不同屏幕尺寸添加样式。
不同场景下的注意事项
- 登录后或动态加载的网页：如果IE中的网页需要登录才能显示，或通过JavaScript动态加载内容（如AJAX请求），直接保存或复制可能无法获取完整数据，可以尝试使用浏览器的“开发者工具”（按
F12）查看网络请求，手动下载所需资源。 - 跨域资源：如果网页中引用了其他域名的图片、字体或脚本，保存到本地后可能因跨域策略无法显示，需要将这些资源下载到本地并替换。
- Flash或Silverlight内容：如果网页包含旧版插件（如Flash），现代浏览器可能已不支持，需考虑用HTML5技术替代。
常见问题与解决方案
在导入过程中,用户可能会遇到以下问题：
-
图片无法显示：
- 原因：资源路径错误、图片文件未保存、或浏览器缓存问题。
- 解决：检查“文件名_files”文件夹是否存在且包含图片文件；手动下载图片到本地，并更新HTML中的路径；在Dreamweaver中刷新视图（
F5）。
-
CSS样式丢失：
- 原因：外部样式表文件未保存、路径错误，或样式被内联代码覆盖。
- 解决：确保样式表文件（如
.css）与HTML文件在同一目录下；检查<head>中的<link>标签；将内联样式提取到外部文件中。
相关问答FAQs
问题1：为什么从IE复制的网页粘贴到Dreamweaver后，格式完全乱了？
解答：这是因为网页的样式依赖于外部CSS文件或内联样式，而复制粘贴时仅保留了HTML结构和部分内联样式，建议使用“方法二”保存完整网页文件，或手动提取CSS样式到Dreamweaver中，可以在Dreamweaver的“设计视图”中使用“实时视图”功能预览效果，并调整CSS规则修复样式。
问题2：保存网页时选择“网页，全部”后，为什么在Dreamweaver中打开图片还是显示不出来？
解答：这通常是因为“文件名_files”文件夹被移动或删除，导致图片路径断裂，请确保“文件名_files”文件夹与HTML文件位于同一目录下，如果问题依旧，右键点击图片，选择“设置图像源”，手动浏览并选择本地图片文件，然后更新路径，检查图片文件名是否包含中文或特殊字符，建议改为英文或数字命名。
