栏目分类

热点资讯

再用点力很快就出来了

你的位置:韩国无码精品一区二区电影 > 再用点力很快就出来了 >

代码初学教程(16)

发布日期:2022-06-19 03:51    点击次数:82

代码初学教程(16)

图片

图片

图片

图片

第 二 章 标 签 应 用第十七节 迁徙图片(9)

图片

本节络续学习迁徙图片。藏书楼首页,是藏书楼的门面。把它装饰得漂漂亮亮的,会诱骗更多的至好来探询你的藏书楼。而藏书楼首页的顶图,是一个不可或缺的装饰内容。在网罗中相互流传的很多顶图,其实只可算个顶图素材,因为莫得建立定位代码,是以根底摈弃不到首页的顶栏中去。本节耕作藏书楼中的三种迁徙顶图代码,要久了贯穿代码中的内容,学会利用这些代码制作顶图,把你的藏书楼门面装饰得漂漂亮亮的。代码1:(平时图片顶图代码)<DIV class=divBorderStyle style="LEFT: 0px; POSITION:absolute; TOP: 24px"><MARQUEE style="LEFT: 0px; WIDTH: 1345px"scrollAmount=3 behavior=alternate height=270><TABLE style="WIDTH: 1340px" height=280 cellSpacing=0cellPadding=0 border=0><TBODY><TR><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址1" width=345 border=0> </TD><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址2" width=345 border=0> </TD><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址3" width=345 border=0> </TD><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址4" width=345 border=0> </TD><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址5" width=345 border=0> </TD><TD> <IMG height=280 src="http://www.360doc.cn/article/图片地址6" width=345 border=0> </TD></TR></TBODY></TABLE></MARQUEE></DIV>成果例如:http://www.360doc.com/content/12/0515/15/4127803_211190560.shtml代码知道:1、先建立一套表格代码(上头代码中的红色部分)。表格中单位格个数的建立,要看各个单位格中图片的宽度之和必须大于迁徙屏幕的宽度。表格的单位格中各摈弃一个图片标签。2、在这一套表格标签的上头添加一个块区标签、一个迁徙标签,底下添加块区标签、迁徙标签的尾标签。3、块区标签是对顶图图片的定位。4、在网罗中寻找上你宠爱的图片,复制其地址,替换到“图片地址”处。图片地址处,不错替换为“吞并个图片”的地址,也不错替换为“不同的图片”地址。

图片

代码2:(翻转图片顶图代码)<div style="left: 0px; top: 24px; position: absolute;"class="divBorderStyle"><marquee style="left: 0px; width: 1350px;" height="275"behavior="alternate" scrollAmount="3"><table style="width: 1350px;" border="0" cellSpacing="0"cellPadding="0" height="280"><tbody><tr><td><img style="border-width: 0px; margin: 0px; width: 450px;height: 275px;" border="0" alt=""src=http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gifwidth="450" height="275"><img style="border-width: 0px; margin: 0px;width: 450px; height: 275px; filter: FlipH;" alt=""src="http://www.360doc.cn/article/http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gif"><imgstyle="border-width: 0px; margin: 0px; width: 450px; height: 275px;" border="0" alt=""src=http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gifwidth="450" height="275"><img style="border-width: 0px; margin: 0px; width: 450px;height: 275px; filter: FlipH;" alt=""src="http://www.360doc.cn/article/http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gif"><imgstyle="border-width: 0px; margin: 0px; width: 450px; height: 275px;" border="0"alt="" src=http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gifwidth="450" height="275"><img style="border-width:0px; margin: 0px; width: 450px;height: 275px; filter: FlipH;" alt=""src="http://www.360doc.cn/article/http://image40.360doc.com/DownloadImg/2011/10/2309/18691916_4.gif"></td></tr></tbody></table></marquee></div>成果例如:http://www.360doc.com/content/12/0517/21/4127803_211755207.shtml代码知道:1、先建立一套表格标签(上头代码中的红色部分),表格的单位格中摈弃了六个图片标签。相邻的两个图片标签中,有一个图片标签添加了“傍边翻转”图片代码filter: FlipH;" 。2、在这一套表格标签的上头添加一个迁徙标签和一个块区标签,底下添加了迁徙标签和块区标签的尾标签。3、块区标签是对顶图图片的定位。4、用上头的代码1制作的顶图,两个图片的承接处有不太彰着的承接脚迹。代码2添加了“傍边翻转”图片代码,制作的顶图就排场多了。5、在网罗中寻找上你宠爱的图片,复制其地址,替换到“图片地址”处,即可制作出漂亮的迁徙顶图。

图片

代码3:(动绘制片顶图代码)<div style="left: 0px; top: 24px; position: absolute;"class="divBorderStyle"><marquee style="left: 0px; width: 1350px;" height="280"behavior="alternate" scrollAmount="4"><table style="width: 1350px;" border="0" cellSpacing="0"cellPadding="0" height="280"><tbody><tr><td><embed height="280" type="application/x-shockwave-flash"width="350"src=http://home.invil.org/kkj941/editorImage/12284722444050871.swfwmode="transparent"><embed style="filter: fliph;" height="280"type="application/x-shockwave-flash"width="350"src=http://home.invil.org/kkj941/editorImage/12284722444050871.swfwmode="transparent"><embedheight="280" type="application/x-shockwave-flash" width="350"src="http://www.360doc.cn/article/http://home.invil.org/kkj941/editorImage/12284722444050871.swf"wmode="transparent"><embed style="filter: fliph;" height="280"type="application/x-shockwave-flash" width="350"src="http://www.360doc.cn/article/http://home.invil.org/kkj941/editorImage/12284722444050871.swf"wmode="transparent"><embed height="280" type="application/x-shockwave-flash"width="350" src=http://home.invil.org/kkj941/editorImage/12284722444050871.swfwmode="transparent"><embed style="filter: fliph;" height="280"type="application/x-shockwave-flash" width="350"src=http://home.invil.org/kkj941/editorImage/12284722444050871.swfwmode="transparent"></td></tr></tbody></table></marquee></div>成果例如:http://www.360doc.com/content/12/0527/18/4127803_214083954.shtml代码知道:1、先建立一套表格标签(上头代码中的红色部分),表格的单位格中摈弃了六个动绘制片标签。相邻的两个动绘制片标签中,有一个图片标签添加了“傍边翻转”图片代码filter: FlipH;" 。2、在这一套表格标签的上头添加一个迁徙标签和一个块区标签,底下添加了迁徙标签和块区标签的尾标签。3、块区标签是对顶图图片的定位。4、动绘制片标签中,要用embed代码,而不可用平时图片的img代码。5、动绘制片是网罗中流行的一种图片,亦然巨匠都宠爱的一种图片。用动绘制片制作的迁徙顶图,其成果要比用平时图片制作的顶图漂亮多了。

图片

功课:替换图片,制作几幅迁徙顶图。替换图片以后,要修改上头图片标签中的宽度。宽度值的细则,最好是看你使用的图片高度变为280px以后减弱了若干倍,然后把宽度也减弱调换的倍数,求出其宽度值。高度一般不作太大幅度的修改。如若想修改高度值,请参阅我撰写的《个人藏书楼中的数据(原创) 》 一文。因为顶图的高度与你所使用的360藏书楼提供的首页皮肤关系。代码初学教程(1)代码初学教程(2)代码初学教程(3)代码初学教程(4)代码初学教程(5)代码初学教程(6)代码初学教程(7)代码初学教程(8)代码初学教程(9)代码初学教程(10)代码初学教程(11)代码初学教程(12)代码初学教程(13)代码初学教程(14)代码初学教程(15)

图片

2012年11月11日于北京

图片

第 二 章 标 签 应 用第十八节 迁徙图片(10)

图片

本节络续学习迁徙图片。底下耕作通盘这个词著述页面的迁徙代码。代码:<marquee direction="up" height="350" width="980"scrollAmount="1"><table id="table93407659" border="1" cellSpacing="20"borderColor="#990000" borderColorDark="#ffff00"cellPadding="0" width="665" background="http://userimage3.360doc.com/12/1001/06/4127803_201210010652090930.jpg"><tbody><tr><td width="98%"><table id="table93407660" border="0" cellSpacing="1"cellPadding="0" width="100" background="http://image38.360doc.com/DownloadImg/2011/10/0517/18251042_13.jpg"><tbody><tr><td width="89%"><table id="table93407661" border="1" cellSpacing="1"borderColor="#990000" borderColorDark="#ffff00"cellPadding="0" width="289" background="http://image38.360doc.com/DownloadImg/2011/10/0517/18251042_3.jpg"><tbody><tr><td width="50%"><a href="http://tongenguoji.blog.163.com/edit/"><table id="table93407662" border="1" cellSpacing="15"borderColor="#039902" width="36%" background="image38.360doc.com/DownloadImg/2011/10/0517/18251042_12.jpg"><tbody><tr><td vAlign="middle"><table id="table93407663" border="1" cellSpacing="1"borderColorLight="#202020" borderColorDark="#000000"cellPadding="8" width="68" background="http://image38.360doc.com/DownloadImg/2011/10/0517/18251042_10.jpg"><tbody><tr><td><table id="table93407664" border="1" cellSpacing="1"borderColor="#990000" borderColorDark="#ffff00"cellPadding="0" width="567" background="image38.360doc.com/DownloadImg/2011/10/0517/18251042_3.jpg"><tbody><tr><td width="97%"><div align="center"><table style="width: 570px; height: 48px;" border="0"cellSpacing="10" borderColorLight="#2954d6"borderColorDark="#2954d6" cellPadding="0" width="570"background="http://image45.360doc.com/DownloadImg/2011/12/0117/19707544_4.gif" align="center"><tbody><tr><td><table style="width: 636px; height: 500px;" border="0"cellSpacing="2" borderColor="#cccccc" cellPadding="2"width="636" background="http://image50.360doc.com/DownloadImg/2012/03/2001/22449761_9.jpg"align="right"><tbody><tr><td><table style="width: 629px; height: 500px; text-align: left;"border="0" cellSpacing="2" borderColor="#cccccc"cellPadding="2" width="629" background="http://image50.360doc.com/DownloadImg/2012/03/2001/22449761_11.jpg"align="right"><tbody><tr><td><font style="font-size: 29px;" color="#00ffff"><p align="center"><font style="font-size: 32px;"color="#00ffff"><strong>代码初学教程</strong></font></p><p align="center"><font style="font-size: 29px;"color="#00ffff"><strong>序言</strong></font></p><div align="left">  我是一个年已花甲的退休教会,一不懂代码,二不会英语。昨年,女儿给我买了一个条记本电脑,刚开动玩的时间,连“关机”也不会,看个电子书、玩个游戏,都十分勤恳。其后,又给我注册了360doc个人藏书楼,更找不着“北”了。干预彀罗以后,页面中的内容姹紫嫣红,这儿精明,那儿进取,笔墨内容,五颜六色,真不知该点击什么场地了!可是,便是在这个藏书楼中,我学到了不少的学问。当今, 日本高清无卡码一区二区三区我不但大略浏览他人的著述、储藏他人的著述,况且还学会了我方撰写著述,裁剪图片,使用边框,在实施操作的经过中,我露出了那些姹紫嫣红的绚丽网页,都是用代码制作的。于是,我对代码产生了兴味,开动学习代码、辩论代码。经过一段时辰的努力学习、刻苦钻研,终于迈进了代码的门槛。我照旧撰写了几十篇对于360doc藏书楼的学问和操作体式的著述,制作了几百个个人藏书楼的顶图,还有一些底图、藏书楼首页的模块等作品,初局势尝到了学习代码的甜头。在实施的经过中,我意志到,代码并不是什么机要的天书,也不是难望项背的山岳,不懂英语,莫得学过系统的电脑学问,照样不错学会代码,用代码制作我方可爱的各式漂亮的网页。<br>  在这里,我把我方学习代码的体会撰写成这些著述,裁剪成小册子,不时发表,提供给群众,用以匡助舒坦学习代码而又不知从那处动手的至好们,但愿我的这些著述大略对这些馆友们有所匡助,再用点力很快就出来了带领你们步入代码的门槛。<br>  我的这些著述,讲话不一定十分模范,见解不一定相称准确。我本着这么一条原则,勤苦喜闻乐见,耕作具体,大略操作,使群众大略看昭彰,会操作,竟然起到带领初学的作用。<br>  由于自己的水平有限,著述中一定存在不少猖獗和失实之处,但愿群众月旦指正。在此我事先向给我提倡珍视意见的至好们暗示感谢。</div><div align="center"></div><div align="center"><nobr><marquee height="90" behavior="alternate" width="170"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://www.360doc.cn/article/http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee direction="up" height="120" behavior="alternate"width="90"><img title="春天没来迎接您" alt="春天没来迎接您"src="http://www.360doc.cn/article/http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_10.jpg" height="90"></marquee><marquee height="90" behavior="alternate" width="170"><imgtitle="春天没来迎接您" alt="春天没来迎接您" src="http://www.360doc.cn/article/http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg"height="100"></marquee><marquee direction="up" height="120" behavior="alternate"width="90"><img title="春天没来迎接您" alt="春天没来迎接您"src="http://www.360doc.cn/article/http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_10.jpg" height="90"></marquee><marquee height="90" behavior="alternate" width="170"><imgtitle="春天没来迎接您" alt="春天没来迎接您" src="http://www.360doc.cn/article/http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg"height="100"></marquee></nobr><nobr></nobr></div><nobr><div align="center"></div></nobr><div align="center"></div><div align="right">&nbsp;</div><div align="right"><a href="http://www.360doc.com/userhome/4127803" target="_blank"><img src="http://www.360doc.cn/article/http://userimage2.360doc.com/12/0710/06/4127803_201207100648100037.jpg"></a></div><div align="right"><font style="font-size: 29px;" color="#00ffff"><strong></strong></font>&nbsp;</div><div align="right"><font style="font-size: 29px;" color="#00ffff"><strong>2012年10月2日于北京</strong></font></div><div align="center"><strong></strong>&nbsp;</div><div align="center"><strong><img border="0"alt="紧密的分割线——“春天没来”迎接您" src="http://www.360doc.cn/article/http://image36.360doc.com/DownloadImg/2011/09/0521/17098424_91.jpg" __1315228007266__="ev_5058300886"><img border="0"alt="紧密的分割线——“春天没来”迎接您" src="http://www.360doc.cn/article/http://image36.360doc.com/DownloadImg/2011/09/0521/17098424_91.jpg" __1315228007266__="ev_5058300886"></strong></div><div align="right"><strong></strong>&nbsp;</div><div align="left">&nbsp;</div><div align="center"><font style="font-size: 34px;"color="#00ffff"><strong>第一章 代码基础学问</strong></font></div><div align="center"><strong></strong>&nbsp;</div><div align="center"><font style="font-size: 29px;"color="#00ffff">第一节 意志撰写著述处的两种页面</font></div><div align="center">&nbsp;</div><div align="left">  学习代码,离不开实施活动。而实施活动,离不开裁剪器。因此,咱们有必要先来意志一下360doc个人藏书楼中裁剪器的页面,也便是撰写著述处的页面。</div><div align="left">  “撰写著述”处有两种页面,一种是“笔墨图片”裁剪页面,另一种是“代码裁剪”页面。</div><div align="left">  在你的藏书楼首页点击“撰写”按钮,干预的页面是“笔墨图片”裁剪页面(见图1);你再点击一下此页面下方的“代码裁剪”,干预的是“代码”裁剪页面(见图2)</div><div align="left"></div><div align="left"><font color="#00ffff"><font style="font-size: 24px;"><strong>图1:</strong>“笔墨图片”裁剪页面<font style="background-color: rgb(51, 102, 255);"><font style="background-color: rgb(0, 255, 0);"></font></font></font></font></div><div align="left"><font style="background-color:rgb(51, 102, 255);"><font style="font-size: 24px;background-color: rgb(0, 255, 0);" color="#00ffff"></font></font></div><font style="background-color: rgb(51, 102, 255);"><font style="background-color: rgb(0, 255, 0);"><div align="left"><img style="border-width: 0px; margin: 0px;width: 787px; height: 420px;" src="http://www.360doc.cn/article/http://userimage3.360doc.com/12/0928/09/4127803_201209280908330362.jpg">&nbsp;<font style="font-size: 24px;" size="3"><font style="background-color: rgb(255, 0, 0);"><strong>图2<font style="font-size: 24px;">:</font></strong><font style="font-size: 24px;" size="3">“代码”裁剪页面</font></font></font></div></font><div align="left"></div></font><div align="left">&nbsp;</div><div align="left"><img style="border-width: 0px; margin: 0px;width: 798px; height: 425px;" src="http://www.360doc.cn/article/http://userimage3.360doc.com/12/0928/09/4127803_201209280908310065.jpg"></div><div align="left"></div><div align="left">  “笔墨图片”裁剪页面是用来撰写著述、裁剪图片使用的页面;而“代码裁剪”页面是用于裁剪代码、粘贴代码使用的页面。</div><div align="left"></div><div align="left">  “撰写”著述页面下方的“代码裁剪”按钮,便是特意用于切换这两种页面的按钮。在“笔墨图片”裁剪页面点击一下“代码裁剪”按钮,就不错切换到“代码裁剪”页面;在“代码裁剪”页面点击一下“代码裁剪”按钮,就不错切换到“笔墨图片”裁剪页面中。</div><div align="left"></div><div align="left">  在“代码裁剪”页面,你不错使用代码制作网页,修改网页代码、粘贴网页代码。而这个“预览”按钮,便是让你观测网页制作的实质成果的按钮。你独一丝击一下这个按钮,就不错看到实质成果了。在这里我要施展的是,点击“预览按钮”以后看到的成果,与“发表”以后看到的成果未必是不一致的,不要过于依赖这个页面,点击“发表”按钮观测实质成果才是最可靠的体式。</div><div align="left"></div><div align="left">  我还要施展的少许是:你在“代码裁剪”页面裁剪了你要制作的网页代码以后,当你再一次点击“代码裁剪”按钮或者点击“发表”按钮以后,你蓝本编写的代码,可能有部分场地照旧有所窜改。这是系统自动给你修改的。</div><div align="left"></div><div align="left">  要检察系统给你修改了哪些代码,不错这么检察:</div><div align="left"></div><div align="left">  </div><div align="left">  将你点击“发表”按钮以后发表的著述,点击一下“修改”按钮,然后在干预的“著述修改页面”的下方,点击一下“代码裁剪”按钮,就可看到系统为你修改以后的代码了。把这份代码和你蓝本的代码比拟一下,就不错查出系统给你修改了哪些代码了。</div><div align="left"></div><div align="left">&nbsp;</div><div align="center"><table style="border-color: rgb(87, 193, 0); width: 600px;height: 100px; text-align: left; border-collapse: collapse;background-color: rgb(204, 249, 249);" border="0"cellSpacing="0" cellPadding="2" width="500"><tbody><tr style="text-align: left;"><td><marquee width="120" scrollAmount="2" scrollDelay="100"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://image21.360doc.com/DownloadImg/2010/12/2204/7861744_1.gif" width="100" height="100" real_src="http://userimage2.360doc.com/12/0317/19/7747867_201203171904280062.jpg"></marquee></td><td><marquee width="120" scrollAmount="2" scrollDelay="100"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://image4.360doc.com/DownloadImg/2009/8/31/159348_5434897_108.gif" width="100" height="100" real_src="http://www.360doc.cn/article/http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_3"></marquee></td><td><marquee width="120" scrollAmount="2" scrollDelay="100"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://image4.360doc.com/DownloadImg/2009/8/31/159348_5434897_12.gif" width="100" height="100" real_src="http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_4"></marquee></td><td><marquee width="120" scrollAmount="2" scrollDelay="100"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://image4.360doc.com/DownloadImg/2009/8/31/159348_5434897_5.gif" width="100" height="100" real_src="http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_5"></marquee></td><td style="text-align: left;"><div align="center"><marquee width="120" scrollAmount="2" scrollDelay="100"><img title="春天没来迎接您" alt="春天没来迎接您" src="http://image4.360doc.com/DownloadImg/2009/8/31/159348_5434897_34.gif" width="100" height="100" real_src="http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_6"></marquee></div></td></tr></tbody></table></div><div align="center"></div><div align="left">  功课:</div><div align="left"><strong><font color="#ff0000"></font></strong>1、意志一下<font style="font-size: 29px;"color="#00ffff" size="3">“笔墨图片”裁剪页面,试着撰写一段著述或者粘贴几个图片。</font></div><div align="left">  2、意志一下<font style="font-size: 29px;"color="#00ffff" size="3">“代码裁剪”裁剪页面,望望与“笔墨图片”裁剪页面有什么不同。</font></div><div align="left">  3、我方自便寻找一篇著述,复制、粘贴到“笔墨图片”裁剪页面,然后点击一下页面下方的“代码裁剪”按钮,得回其代码,意志一下代码。</div><div align="right"><a href="http://www.360doc.com/userhome/4127803" target="_blank"><img src="http://www.360doc.cn/article/http://userimage2.360doc.com/12/0710/06/4127803_201207100648100037.jpg"></a></div><div align="right"><font style="font-size: 32px;" color="#00ffff"><strong></strong></font>&nbsp;</div><div align="right"><font style="font-size: 32px;" color="#00ffff"><strong>2012年10月2日于北京</strong></font></div></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody><div></div></table></div></td></tr></tbody></table></td></tr></tbody></table>< /td></tr></tbody></table></a></td></tr></tbody></table></a></td></tr></tbody></table></td></tr></tbody></table></marquee>代码知道:1、上头的代码不错修改为傍边“来往走”的迁徙代码, 或者修改为“向右”迁徙,还不错修改为“向左”迁徙的迁徙代码。但是,成果都不如“朝上”迁徙的好。2、通盘这个词网页的迁徙代码比拟浅易,独一把你的某篇著述的代码粘贴到迁徙标签与它的尾标签之间就不错了。迁徙标签中,迁徙标的最好是“朝上”,迁徙速率的值最好是“1”。

图片

功课:我方制作一篇通盘这个词网页迁徙的著述。细苦衷项:1、所选著述的代码不消修改;2、迁徙速率最好收受为“1”或者“2”,不要太大,迁徙速率太大了成果不好。(因为著述是供他人浏览的,迁徙速率大了他人无法浏览。)3、“迁徙屏幕的宽度和高度”要凭据我方收受的著述自满的页面规格情况进行修改,以成果最好为原则。是以必须追究明察你制作的作品的自满成果,反复修改,直至成果最好气象收敛。

图片

图片

图片

2012年11月11日于北京 本站是提供个人学问处分的网罗存储空间,通盘内容均由用户发布,不代表本站见地。请细心甄别内容中的关系姿首、开荒购买等信息,小心骗取。如发现存害或侵权内容,请点击一键举报。

Powered by 韩国无码精品一区二区电影 @2013-2022 RSS地图 HTML地图