dw制作图片
dreamweaver怎么把图片做成背景,要在图片上插入表格
先建一个表格宽100%的选择左下<table>整个表格的表情,然后在属性面板(窗口-属性)你会看到背景图像,浏览到你的背景图片确定,这样这个表格就有了背景。你可以在表格里插入表格,也可以将表格拆分,因为是对<table>进行定义的,所以不会受标签内的表格影响。就能达到你的要求了。大哥, 我按你的方法做了 怎么还是没见到背景图片 那个 的,我的是CS5
抱歉我一直用的Macromedia Dreamweaver MX因为这个废代码少,修改直观。不行你就改代码,在<table>标签里加 background="加路径"
在Dreamweaver里设置图片作为背景如何使图片平铺而不是反复重复?
如果是页面背景,可以选择属性框中的 页面属性—外观—背景图像—重复(可选多种重复、不重复、横向重复、纵向重复)具体效果,一试便知。如图:div+css代码为:body{ background: #000000 url(file:///C|/Users/lenovo/Desktop/01.png) repeat;}repeat为重复,repeat-x为横向平铺,repeat-y为纵向平铺,no-repeat为不重复top为背景位置停靠顶部, left为背景位置停靠左, right为背景位置停靠右, bottom为背景位置停靠底部,可以设置顶部再设置左再设置重复这样效果叠加,但是不能既有左又有右这样矛盾的设置。还可以叠加颜色,#00000000;这个是颜色。具体参考RGB颜色代码。如果是div或者表格,css如第2条所述。HTML代码为:<div class="back_img">你要制作的内容,背景设置见css</div>
怎么使DW做出来的网页图片能够在其他电脑也看到
以后写代码要注意以下几点:1、根目录文件夹可以使用汉字,根目录文件夹里面的内容最好使用英文或者拼音,否则会出现图片无法显示链接无法打开的情况,相同的html文件最好也是用英文或者拼音,不建议使用汉字2、代码不够简练,margin:0;这一句代码等同于你body{}中括号里面的内容3、你的html基本结构都不对 应该是这样的嵌套关系<html><head><title>html标题</title></head><body>这里放置主要内容</body></html>你多了一个</body>标签4、使用DW制作网页最好先新建站点,采用相对路径的方法保存文件,相对路径示范 “../img/logo.png”;绝对路径示范 “E:\tomcat\webapps\wlj\123.jpg” 具体修改意见:去掉<body style="overflow:hidden">专辑封面改成英文或者拼音目录.html改成英文或者拼音采用相对路径的目录索引结构 全部手打 希望采纳
使用dreamweaver做网页时背景图片太小,如何显示在整个页面
这个大致可以分为两种情况第一,如果你的图片是有规律的背景图片,如渐变或者图案,你可以做背景图片平铺至整个页面;如body{background:url(../images/icon.gif) 0 0 repeat;} /* X轴 Y轴都平铺 */body{background:url(../images/icon.gif) 0 0 repeat-x;} /* X轴平铺 */body{background:url(../images/icon.gif) 0 0 repeat-y;} /* Y轴平铺 */第二,如果是一整张图片,类似于照片的这种,你可以采用js将其铺满整个页面;如http://sc.chinaz.com/jiaobendemo.aspx?downloadid=8201530418207这个就是背景平铺固定代码,可做参考!
如何用Dreamweaver制作网页动态展示的图片?
dw中可以用组图轮播的方式实现动态展示图片。参考:在DW中插入一个图片,然后回车重复步骤1直到所有图片添加完成选择所有图片,格式菜单-〉列表-〉项目列表,制作一个图片列表然后再插入一个div,id命名为“LunBoNum”,在div内写入代码如下:<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一个新id为“LunBo”的div,并包含如上全部内容,代码如下:<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在网页的<head></head>代码间加入jQuery框架链接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>编写JS代码如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 当前图片总数var CurrentIndex;// 当前鼠标点击图片索引var ToDisplayPicNumber = 0;// 自动播放时的图片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 测试是父亲的第几个儿子CurrentIndex = $(this).index();// 删除所有同级兄弟的类属性$(this).parent().children().removeClass("CurrentNum")// 为当前元素添加类$(this).addClass("CurrentNum");// 隐藏全部图片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 显示指定图片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>链接CSS文件,文件内容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;
Dreamweaver制作图片切换(轮播)
打开Adobe Dreamweaver,新建一个网页。然后在</head>以上改为以下代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dreamweaver如何进行图片局部超链接?
Dreamweaver中对图片进行局部超链接,可以使用热点工具。操作步骤如下:1.插入图片2.选择热点工具3.将热点工具放到图中合适位置4.设置链接地址和打开方式
如何在Dreamweaver中用图片做提交按钮
方法如下:推荐第二种<button></button>在Button的style里插入背景图片,background-image,设置repeat为不重复<input type="button" src="图片地址" id="button1" onclick="" style="width:20px;height:20px"/>加上个标签,宽高自己调,onlick中登录函数