春天没来老师的代码知识 2014-2-6 17:01:22

莲友1972 2014-02-07

展开全文

春天没来 2014-2-6 17:01:22

朋友：

你好！

你发送过来的网页我认真地看过了。你能应用scc的定位代码制作网页，真是可喜可贺啊！尽管网页中还存在不少的问题，但是总的效果还是不错的！（应用scc的定位代码制作网页，是难度较大的制作技巧。）

下面我给你比较详细地讲解一下应用scc的定位代码制作网页的方法：

首先，在表格标签中要设置相对定位的样式：style="left: 0px; top: 0px; width: 870px; height: 270px; position: relative;" 只有设置了这个样式，表格才能够放置到正常的位置上。

然后，在表格的单元格（就是这两个标签之间：<td></td>）中放入你要放入的基本内容，文字、图片、动画图片等等内容均可。

接着，在下面放入你要添加的动画图片标签。每个动画图片标签中都要设置绝对定位样式：style="left: 150px; top: 850px; width: 600px; position: absolute;"

这个绝对定位样式里的居左值（left: 150px）与居上值（top: 850px），是调整添加的动画图片在网页中的位置的；宽度值：width: 600px与定位样式后面的高度值：height="400"是调整添加的动画图片的显示大小的。

添加的动画图片结束以后，才可以用表格的一套尾标签收尾。

你把我给你修改的网页代码认认真真地看几次，想必你会理解的。

你的网页中多余的代码挺多，我基本上给你都删除了。你选择的动画图片，我只给你保留了三个，其余的没有使用。保留的三个动画图片中，有两个我应用了多次，我觉得，这种效果就挺不错了。

这里，我还要说明的一点是：360图书馆中的服务器真令人头痛。应用定位代码制作的网页，往往在通过审核以后，存在移位现象，也就是说，审核以后，添加的动画图片很可能不在我们添加的位置上了。

下面是我给你修改的网页代码：

<div align="center"><img style="margin: 0px; width: 700px; height: 1045px;" alt="爱莲说（古文音画）莲友1972书馆欢迎您" src="

http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_3.jpg"></div><br>
<div align="center"><img style="margin: 0px; width: 700px; height: 1045px;" alt="爱莲说（古文音画）莲友1972书馆欢迎您" src="http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_6.jpg"></div>
<div align="center"> </div>
<div align="center"><img style="margin: 0px; width: 700px; height: 1019px;" alt="爱莲说（古文音画）莲友1972书馆欢迎您" src="http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_5.jpg"></div>
<div align="center"> </div>
<div align="center"><img style="width: 755px; height: 1042px;" alt="" src="http://userimage3.360doc.com/13/0528/23/7243692_201305282359110853.jpg" width="800" height="1198"></div>
<div align="center"> </div>
<div align="center"><img style="width: 765px; height: 621px;" class="imgZoomOut" src="http://image68.360doc.com/DownloadImg/2014/02/0419/38758451_5" wldth="551" helght="448"></div>
<div align="center"> </div>
<div align="center"><font color="#ccffff" size="5">这是我第一次试做添加特效的作品，虽然做的不好，却废了我不少脑细胞，<font style="font-size: 29px;"><font style="font-size: 24px;">希望朋友们能喜欢，并请多多指教。春天来了，祝福各位朋友春日快乐！ </font></font></font><font style="font-size: 29px;"><font style="font-size: 24px;" color="#ccffff">-----莲友1972</font></font></div>
<marquee style="width: 98.05%; height: 110px; color: rgb(250, 0, 0); line-height: 150%; font-family: 华文行楷; font-size: 35pt;" behavior="alternate" scrollAmount="3"><strong>莲友1972祝您欣赏快乐</strong></marquee>
<embed style="left: 380px; top: 600px; width: 0px; position: absolute;" height="0" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="0" src="http://b.bst.126.net/common/spirit.swf?version=1.0.13&t=20100719" wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="always" flashvars="loop=true&autoPlay=true&url=http://www./DownloadFlash/music/d1.MP3&title=将军令&artist=中国民乐古筝" <h3="">

</td></tr></tbody></table>

推荐欣赏：【莲友习作】美女美乐送给你 莲友1972