怎样用dreamweaver制作只有几张图片的网页

如题所述

Dreamweaver本身就是一种网站编辑软件,如果你要在其制作几张图片的网页,那你只能用PS或FW来制作处理图片,然后在DW里插入图片就行。

当然你要切出网页里的图片的话,你可以用PS或FW中用切片工具将其导出就可以,然后在DW里插入相应位置的图片就可以了。在DW插入图片的方法可以用2种方法:

1、直接在DW里插入图:插入——图像,找到你那张图确定就可以。


2、用代码模式用标签img输入

<img src="输入图片的相对地址或网络地址" />


请注意一定要在DW的代码模式下进行。


希望我的回答能令你满意

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-04-26
1,打开dreamweaver,新建一个html文件
2,复制这段代码
<!DOCTYPE HTML>
<html>
<body>

<img src="图片地址" name="img1">
<img src="图片地址" name="img2">
<img src="图片地址" name="img3">
</body>
</html>

3,点击html文件,然后用浏览器打开就可以
第2个回答  2017-02-02
1,打开dw软件,创建一个空的网页。
2,然后在网页代码界面上添加img标签
例如 <img src="xxx.jpg" width="xxxpx" height="xxxpx">
3,或者在预览界面添加图片,然后设置图片的宽高就行了。
4,最后保存。
第3个回答  2016-08-06
<!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>图片网页</title>
</head>
<style type="text/css"><!--样式代码-->
ul{overflow:hidden;zoom:1}
li{float:left;list-style-type:none;}
img{ border:none; width:600px; height:600px;}
</style>
<body>
<div><!--html代码-->
     <ul>
    <li><img src="http://a.hiphotos.bdimg.com/imgad/pic/item/50da81cb39dbb6fd729a66f80c24ab18962b372e.jpg" alt="刘涛" /></li>
<li><img src="https://gss0.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/image/pic/item/0824ab18972bd407734a70107e899e510eb30949.jpg" alt="刘涛" /></li>
<li><img src="http://i9.qhimg.com/t01ebbacb7c6215bdfd.jpg" alt="刘涛" /></li>
<li><img src="https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/image/pic/item/b7fd5266d0160924e94100f6d10735fae7cd34f2.jpg" alt="刘涛" /></li>
</ul>
</div>
</body>
</html>

请将以上代码复制到html文件里,打开即可看到四张图片的网页。该代码很简单。

第4个回答  2017-04-01
新建html页面,代码如下(在双引号后引用图片的地址):
<html>
<body>

<img src="" />

</body>
</html>