前期在PS里面制作平面设计的图已经就很多高手有过很好的教程了,在这里我就不多说了,不过如果各位亲们有难题也可以和我共同探讨的哈!
下面我的重点就来讲讲制作PS平面图完成之后的一些切片以及在DREAMWEAVER里面设置动态代码的一些方法及代码。下面我们来看一张图:

然后会生成一个IMAGES的文件夹和一个HTML的文件,IMAGES里面的图片就是我们刚才在PS里面切的图片,而双击HTML就可以看到刚才在PS中一样的画面。
然后我们右键点击HTML文件,然后单击使用DREAMWEAVER打开:
然后我们将会看到在DREAMWEAVER里面的操作界面:








到此,已经生成了我们要的结果,下面我把代码告诉大家:
文字向上滚动:
<marquee direction="up" scrollamount="3" width="313" height="153" style="text-align:center"><P align=center><FONT face=黑体 color=#ff6666 size=3>asdasdasdsadasdasdasd
图片向右滚动:
<MARQUEE direction=right scrollamount=5 width=556 height=127> <a href="#"><img src="images/公告_16.jpg" height=100 width="127" border="0" /></a> <a href="#"><img src="images/公告_16.jpg" height=100 width="127" border="0" /></a> <a href="#"><img src="images/公告_16.jpg" height=100 width="127" border="0" /></a> <a href="#"><img src="images/公告_16.jpg" height=100 width="127" border="0" /></a> </MARQUEE>
OK,到此,淘宝唯一一篇关于代码的教程完工出炉了哈!
|