Question

我目前正在使用Dreamweaver开展网页设计项目。所以我已经设置了我的网站home.html。我还在项目根目录的images文件夹中添加了必要的图像。

问题在于：当我从资源面板拖动图像并将其放入设计中时，图像不会显示，但我看到一个灰色框和一个图标。现在，当我看到实时视图时，我可以看到图像。

如何在设计视图中查看图像，以便按比例调整其大小？

Working image

Broken image

这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home</title>
</head>

<body>
<img src="images/webDes.jpg" alt="" width="280" height="226" longdesc="images/webDes.jpg" />
</body>
</html>

Answer 1

好的，我遇到了问题。图像是在Illustrator中制作的，当我以.JPEG格式导出时，我选择了CMYK。这是一个错误的举动，我后来再次出口，但选择了RGB，它工作了！

Answer 2

您的代码中存在错误，可能归因于Dreamweaver未显示图像。您的Web浏览器可能忽略了错误，但Dreamweaver却没有。 HTML不需要冒号，你有两个冒号。这是清理过的代码。

稍微清理你的代码 - 试试这个。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>home</title> 
</head> 
<body> <img src="images/webDes.jpg" alt="" width="280" height="226" longdesc="images/webDes.jpg" /> 
</body> 
</html>

图像没有出现在Dreamweaver设计中，但在现场显示

2 个答案: