1、首先打开dw,点击设计;
创新互联建站主要从事成都做网站、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务凭祥,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575
2、然后用鼠标点击你想要加热点的图片,点击选中以后,用鼠标点击左下角划热点的一种矩形工具;
3、选择工具以后就可以在要加热点的图片上划热点了;
4、划上热点以后在左下角添加上链接。
在html中显示如下:
body
img src="images/loginfoot.jpg" border="0" usemap="#Map1" name="foot" width="100" height="100"/
map name="Map1"
area shape="rect" coords="50,50,100,100" style="cursor:hand" href="login.jsp" /
area shape="rect" coords="0,0,50,50" style="cursor:hand" href="main.jsp"/
/map
/body
1.你是要背景图片100%铺满body;
2.还是body 100%整个网页;
3.还是body是框架集里面的一个页面,你想它的高100%页面;
你的问题使我想到这些问题,不过我想你问的因该是第3个;我就给第3个写个答案吧,如果不是请把问题描述详细写;
在页面的head/head标签中间加上
style type="text/css"
body,html{height:100%}
/style
1.的解决办法
body style=" margin:0;background:url(../images/leftbg.jpg) repeat"
body上的样式这样写就可以了
这个需要两组图片来做,分别是当前选中状态和未选中状态。
一种做法是将一张未选中背景和一装选中背景图片,上面的文字在div里面实现,这样可以用的图片比较少。
另外一种是将上面四个菜单文字带背景分别切两种状态的图片,图片会比较多,但是文字效果会跟设计图更一致,因为图片中文字是黑体的,html中对宋体字的显示效果最好。
图片切换需要要js去实现,用jquery会比较容易~
这种情况用table比较合适,例如
table width="200" border="0" cellspacing="0" cellpadding="0" height="200"
tr
td align="center" valign="middle" bgcolor="#CCCCCC"img src="" width="100" height="70" //td
/tr
/table
主要不清楚你的图片是定宽还是定高的。。
style type="text/css"
.outter{border:1px solid #ccc;padding:15px;width:500px;margin:0 auto;text-align:center;position:relative;}
.inner{border:30px solid #fff;width:470px;position:absolute;top:0;left:0;height:70px;}
.imgBox,li{list-style:none;margin:0;padding:0;}
.imgBox li{display:table-cell;text-align:center;vertical-align:middle;border-left:20px #fff solid;width:100px;height:100px;overflow:hidden;}
.imgBox span{display:inline-block;background-color:#ccc;max-width:100px;}
.imgSize1{width:120px;height:100px;}
.imgSize2{width:50px;height:100px;}
.imgSize3{width:100px;height:50px;}
.imgSize4{width:50px;height:50px;}
/style
div class="outter"
ul class="imgBox"
lia href="#"span class="imgSize1"/span/a/li
lia href="#"span class="imgSize2"/span/a/li
lia href="#"span class="imgSize3"/span/a/li
lia href="#"span class="imgSize4"/span/a/li
/ul
div class="inner"/div
/div
方法和详细的操作步骤如下:
1、第一步,打开html编辑器并创建一个新的html文件,具体见下面的图示,进入到下一步骤中。
2、第二步,新建完一个新的html文件后,在index.html的style标签中,输入如下所示的CSS代码,具体见下面的图示,进入到下一步骤中。
3、第三步,输入完CSS代码之后,接下来运行index.html页面。
可以发现,本地图片通过背景图片中的本地路径成功调用为了背景图片,具体见下面的图示。这样,图片就成功加入了。