dw8网页设计教程（dw8怎么插入图片后使两张图片自动轮播）

本文目录

• dw8怎么插入图片后使两张图片自动轮播
• dw8如何设置地区的列表/菜单
• DW8如何让表格内的背景图片居中显示
• dw8制作网页怎么自适应手机屏幕
• 网页设计，DW8急求救！！！！
• 用dw8制作网页怎么从这个页面跳转到另一个页面
• 如何用DW8.0制作网页写文字时调节设置间距和行距

dw8怎么插入图片后使两张图片自动轮播

• 打开dw软件后，新建一个网页工程文件。

  请点击输入图片描述

• 或者还能直接新建html文件，即可创建图片自动轮播。

  请点击输入图片描述

• 这时就有在这里有一些简单的网页代码，可以在Body添加图片自动轮播效果。

  请点击输入图片描述

• 想要制作图片轮播效果，需要用到JScript代码，因此需要加入。

  请点击输入图片描述

• 这时定义一些变量，以及图片自动轮播的间隔时间。

  请点击输入图片描述

• 此时便可在这里进行图片路径的载入到数组之中。

  请点击输入图片描述

• 因此，编写如下迭代代码，即可实现dw图片自动轮播的效果了。

  请点击输入图片描述

dw8如何设置地区的列表/菜单

鼠标左键选择新建HTML。
1、打开Dreamweaver软件，鼠标左键选择新建HTML，在代码窗口上，修改网页title标签。
2、在设计的窗口中，鼠标左键单击菜单插入下的表单。
3、在设计的窗口中，鼠标左键单击菜单插入下的表单。
4、在弹出的列表与菜单设置窗口上，设置菜单名称的参数。
5、在设计窗口中，可以看到表单添加列表菜单的效果。
6、在菜单的属性工具面板中，鼠标左键单击列表值按钮，在弹出的窗口上，可以输入菜单名称。
7、在弹出的窗口上输入列表菜单中的名称和数值。
8、鼠标左键单击实时视图窗口，可以看到制作好的添加菜单选项的表单，可以通过鼠标左键选择菜单选项，查看显示效果。
列表。以表格为容器，装载着文字或图表的一种形式，叫列表。

DW8如何让表格内的背景图片居中显示

DW8让表格内的背景图片居中显示方法：
方法一、再建一表格，将图片与表格分别放入两个单元格中。
即：
《talbe》
《tr》
《td》
《!-- IMAGE --》
《/td》
《td style="text-align:center"》
《!-- TABLE --》
《/td》
《/tr》
《/table》
方法二、在图片外套一个DIV标签，再在表格外套一个DIV，然后设置DIV属性。
即：
《style》
.content{text-align:center;border:4px solid #99CC00;width:40%;}
.content #left{height:200px;float:left;border:4px solid #BB0000;width:40%;}
.content #right{height:200px;float:left;border:4px solid #009999;width:60%;text-align:center;} 《!-- float还是left --》
.content img{width:100%;height:192px;}
.content .t1{width:80%;margin-top:2px;}
.content .t1 td{height:80px;border:3px dotted #990099;width:50%;text-align:center;}
《/style》
《div class="content"》

《div id="left"》《img alt="LEFT" title="IMAGE" /》《/div》
《div id="right"》RIGHT《table cellpadding="0" cellspacing="0"
class="t1"》《tr》《td》R11《/td》《td》R12《/td》《/tr》《tr》《td》R21《/td》《td》R22《/td》《/tr》《/table》《/div》
《/div》
方法三、如果什么都不相加也可以，只是不太好。
即：
《style》
.img{left:20px;position:absolute;border:5px solid #AA0000;width:150px;height:200px}
.table{width:30%;height:200px;text-align:center;font-family:"楷体";color=#992211;font-size:2em;}
td{border:3px solid #00AA00;}
《/style》
《center》
《img class="img" alt="LEFT"/》
《table class="table" cellpadding="0" cellspacing="0"》
《tr》
《td》
RIGHT1
《/td》
《tr》
《tr》
《td》
RIGHT2
《/td》
《tr》
《/talbe》
《/center》

dw8制作网页怎么自适应手机屏幕

　　这位网友你好，首先要在网页头部写上下面这句话：

《meta name="viewport" content="width=device-width, initial-scale=1.0"》

　　其次就是你的网页中的宽度要用百分比，再就是用媒体查询（@media）。

网页设计，DW8急求救！！！！

你可以在框架那个地方直接设置宽高，这个看你需要多大的。例如：《Iframe src="URL" width="x" height="x" scrolling="" frameborder="x"》《/iframe》

用dw8制作网页怎么从这个页面跳转到另一个页面

一般来说，有两种方法：
1、页面中使用a标签，href中写另一个页面的路径地址，比如A页面中用一个《a href="./b.html"》此链接到B页面《/a》；
2、使用JS，在JS中把A页面中的一个标签绑定一个事件，事件中用window.open("./b.html")即可
这两种方法中的地址可以是绝对地址也可以是相对地址

如何用DW8.0制作网页写文字时调节设置间距和行距

1、行距在写文字的《TD》里加上style="line-height:25px" （25是像素，根据需要自己设置）
如《TD style="line-height:25px"》
间距把 line-height:25px 改为 letter-spacing:25px
2、分区最常用的就是TABLE 现在很多门户网用DIV+CSS 不过简单的网页用TABLE就可以可，DIV+CSS的话 说起来一两页纸都说不完， TABLE就相对的简单一些
TR是行 TD是列
比如
《table》
《tr》
《td》 《/td》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《td》 《/td》
《/tr》
《/table》
这个是两行两列，一个 《tr》《/tr》 是一行 里面包含《td《/td》 就是列
3、网页上传图片自动添加水印版权可以用PHP实现，这个是写在前台页面的代码，和后台程序连接起来！
《form action="《?=$_SERVER?》" method="post" enctype="multipart/form-data" name="form1" id="form1"》
《table width="486" border="0" align="center" cellpadding="0" cellspacing="0"》
《tr》
《td width="498" height="28" background="image/top.gif"》《div align="center" class="style2"》上传图片《/div》《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》
《tr》
《td》《div align="right"》
《table width="426" border="0" align="center" cellpadding="0" cellspacing="0"》
《tr》
《td width="50" height="32" nowrap="nowrap"》路径：《/td》
《td width="362"》《input name="upfile" type="file" id="upfile" size="40" /》《/td》
《/tr》

《tr》
《td height="27" colspan="2"》《div align="center"》
《input type="submit" name="Submit" value="提交" /》
  
《input type="reset" name="Submit" value="重置" /》
《/div》《/td》
《/tr》
《/table》
《/div》
《div align="center"》《/div》《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》《INPUT TYPE="hidden" name=’action’ value=’doup’》
《tr》
《td height="28" background="image/top.gif"》 《/td》
《/tr》
《tr》
《td》 《/td》
《/tr》
《/table》
《/form》
《br》
***隐藏网址***
《?
if($_POST==’doup’)
{
$uptypes=array(’image/jpg’,’image/jpeg’,’image/pjpeg’,’image/gif’);//上传图片文件类型列表
$wFile=$_FILES;//取得文件路径
$waterimg="water.gif";//水印图片路径
//print_r($wFile);
if(in_array($wFile, $uptypes))
{//检查文件类型，若上传的文件为jpg或gif图片则加水印
if(strstr($wFile,"jp"))
{ //若上传图片类型为jpg,pjpeg,jpeg，则用imagecreatefromjpeg读取目标文件
$im = imageCreatefromjpeg($wFile);
$wfilew=imagesx($im);//取得图片的宽
$wfileh=imagesy($im);//取得图片的高
}
else
{//否则若上传图片类型为gif，则用imagecreatefromgif读取目标文件
$im = imageCreatefromgif($wFile);
$wfilew=imagesx($im);//取得图片的宽
$wfileh=imagesy($im);//取得图片的高
}
//设定混合模式
imagealphablending($im, true);
//读取水印文件
$im2 = imagecreatefrompng($waterimg);//若水印图片为jpg，则此去可改为$im2 = imagecreatefromjpeg($waterimg)
//$white = imagecolorallocate($im2, 255, 255, 255);
// imagecolortransparent($im2,$white); //设透明色，这两句可不要
$waterw=imagesx($im2);//取得水印图片的宽
$waterh=imagesy($im2);//取得水印图片的高
//随机放水印到图片中
$randval = rand(0,9);//在0-9之间产生随机数
if($randval==0||$randval==3||$randval==2||$randval==8||$randval==7){//此处还可完善放更多位置
$wimgx=5;$wimgy=5;//放左上角
}else{
$wimgx=$wfilew-5-$waterw;$wimgy=$wfileh-5-$waterh;//放右上角
}
//拷贝水印到目标文件
imagecopy($im, $im2, $wimgx, $wimgy, 0, 0, $waterw,$waterh);

//输出图片
if(strstr($wFile,"jp")){ //同上
imagejpeg($im,$wFile);
}else{
imagegif($im,$wFile);
}
imagedestroy($im);
imagedestroy($im2);
copy($wFile); //上传
}
else echo "图片不符合！！";
}
?》