一起玩联盟 » 『图览天下』 » 《音画时尚》 » 欢迎您！启步学代码。

游子 发表于 2008-11-26 18:44

欢迎您！启步学代码。

[i=s] 本帖最后由 5572899 于 2009-11-23 15:14 编辑 [/i]

<P align=center>
<TABLE id=table1 borderColor=#808000 height=385 cellPadding=15 width=600 bgColor=#ffffff border=15>
<TBODY>
<TR>
<TD>
<CENTER>
<DIV style="FILTER: shadow(color=#000000, strength=5); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#00ff00>欢迎您！启步学代码。</FONT></DIV><BR><BR><FONT face=黑体 color=#000666 size=4>（原创制作:游子。 供初学HTML代码的朋友参考）<CENTE>
<HR align=center width=400 color=#ff0000 SIZE=3>
</CENTE>
<P align=left>　　为了做到“老有所学，老有所为，老有所乐”，因此，玩电脑上网学习代码贴图成为我晚年生活的一个主要内容。 2005年11月起我把从黑马,白云等老师学习到的一些HTNL知识,编写成"欢迎您!启步学代码。”的学习心得,并在古曲论坛、影画世界、中年人生和智慧之家等网站发表，另外还有一些网友在四十多个网站（论坛和个人主页）上转载，受到许多代码初学者喜爱和好评。我的文化水平较低，又不懂英文，编写这些东西是个人自学心得,不是教材，错误之处在所难免，请大家批评指正</P><CENTE><FONT face=黑体 color=#000666 size=5>汇编目录</FONT>
<HR align=center width=150 color=#ff0000 SIZE=3>
<CENTE>
<TABLE id=table4 height=300 cellSpacing=0 cellPadding=10 width=450 border=0>
<TBODY>
<TR>
<TD>
<P align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 23pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=red><B>◆01:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112718522348969.txt" target=_blank><FONT color=#0000ff size=5>认识一下HTML代码</FONT></A><BR>◆02:<A href="http://www.53199.com/bbs/UploadFile/2008-11/200811271854222492.txt" target=_blank><FONT color=#0000ff size=5>文字设制代码</FONT></A><BR>◆03:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112718545956889.txt" target=_blank><FONT color=#0000ff size=5>学习表格设置 打好做贴基础</FONT></A><BR>◆04:<A href="http://www.53199.com/bbs/UploadFile/2008-11/200811271856515385.txt" target=_blank><FONT color=#0000ff size=5>学习表格标签做颜色背景图框</FONT></A><BR>◆05:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719101115807.txt" target=_blank><FONT color=#0000ff size=5>学做图片背景的图框</FONT></A><BR>◆06:<A href="http://www.53199.com/bbs/UploadFile/2008-11/200811271911279404.txt" target=_blank><FONT color=#0000ff size=5>贴图标签的基本代码</FONT></A><BR>◆07:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719115534030.txt" target=_blank><FONT color=#0000ff size=5>用代码制作图片羽化效果</FONT></A><BR>◆08:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719123941860.txt" target=_blank><FONT color=#0000ff size=5>趣味的移动标签</FONT></A><BR>◆09:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719163838684.txt" target=_blank><FONT color=#0000ff size=5>贴FLASH-动画图片的方法</FONT></A><BR>◆10:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719171141835.txt" target=_blank><FONT color=#0000ff size=5>网页插入音乐的方法</FONT></A><BR>◆11:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719175913586.txt" target=_blank><FONT color=#0000ff size=5>学习HTML代码做音画贴</FONT></A><BR>◆12:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719192416627.txt" target=_blank><FONT color=#0000ff size=5>定位插入的各种代码</FONT></A><BR>◆13:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719245035000.txt" target=_blank><FONT color=#0000ff size=5>如何使用绝对定位加叠法</FONT></A><BR>◆14:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719253323926.txt" target=_blank><FONT color=#0000ff size=5>调用CSS语句修饰图片边框</FONT></A><BR>◆15:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719261166514.txt" target=_blank><FONT color=#0000ff size=5>如何用代码编辑特效文字</FONT></A><BR>◆16:<A href="http://www.53199.com/bbs/UploadFile/2008-11/200811271927762114.txt" target=_blank><FONT color=#0000ff size=5>如何编辑竖排文字</FONT></A><BR>◆17:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719304085874.txt" target=_blank><FONT color=#0000ff size=5>如何使用三合一图框</FONT></A><BR>◆18:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719313039050.txt" target=_blank><FONT color=#0000ff size=5>用代码为相片加相框的方法</FONT></A><BR>◆19:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719321610274.txt" target=_blank><FONT color=#0000ff size=5>如何做空间贴和超链接</FONT></A><BR>◆20:<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719325754494.txt" target=_blank><FONT color=#0000ff size=5>音画贴编辑小平台</FONT></A><BR></B></FONT></P></TD></TR></TBODY></TABLE></CENTER><BR>
<CENTER>◇<A href="http://www.53199.com/bbs/UploadFile/2008-11/20081195282430382.txt" target=_blank><FONT color=#0000ff size=5> 击点打开html代码浏览器</FONT></A>◇<BR>
<CENTER><IMG src="http://bbs.gw.com.cn/UploadFile/2008-9/2008919516673537.gif"></CENTER>　　原创编辑：游子<BR>2005年10月试编2006年06月改编<BR>2007年04月改编 2008年11月改编<BR></CENTER><BR>
<P align=left>（为了让更多网友学用html代码制作音画贴，欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）</P></FONT></B></FONT></TD></TR></TBODY></TABLE><BR><BR><BR>
<DIV></DIV>
<P></P>[<I> 本帖最后由 游子 于 2008-11-28 06:44 编辑 </I>]

游子 发表于 2008-11-26 18:45

[i=s] 本帖最后由 5572899 于 2009-11-26 20:07 编辑 [/i]

<br><br>
<DIV style="FILTER: shadow(color=#000000, strength=5); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#A6A600>
欢迎新朋友。<br>
</FONT></DIV>

游子 发表于 2008-11-26 18:47

[i=s] 本帖最后由 5572899 于 2009-11-26 20:05 编辑 [/i]

<DIV align=center>
<DIV style="FILTER: shadow(color=#000666, strength=4); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#00ff00>欢迎您！启步学代码。</FONT></DIV></DIV>



<br><br>
<DIV style="FILTER: shadow(color=#0000ff, strength=8); WIDTH: 600px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#00ff00>
<br>
很漂亮的特效字 </b></FONT></DIV><br>

游子 发表于 2008-11-26 18:50

[i=s] 本帖最后由 5572899 于 2009-11-26 20:04 编辑 [/i]

<TABLE id=table1 style="LEFT: -220px; WIDTH: 900px; POSITION: relative; TOP: 20px" borderColor=#660000 height=200 width=780 background=http://7wind.net/wysc/beijing/image/b089.gif border=22>
<TBODY>
<TR>
<TD>
<CENTER><FONT style="FILTER: shadow color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>这里贴标题文字</FONT> <INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=400 src="http://sucai.heima.com/sucai/news/xhtp/24.jpg" INPUT> <BR><FONT face=黑体 color=#0000ff size=5>下面插入各种内容． </FONT><BR><BR>/TD></CENTER></TD></TR></TBODY></TABLE><BR><BR>

游子 发表于 2008-11-26 18:52

[i=s] 本帖最后由 5572899 于 2009-11-26 20:05 编辑 [/i]

<br><br>
<DIV id=table1 style="LEFT: -220px; WIDTH: 900px; POSITION: relative; TOP: 10px">
<table border="15" width="900" cellspacing="5" cellpadding="5" bgcolor="#FFFF00" bordercolor="#800000" id="table1" height="330">
<tr>
<td style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff0000', endColorStr='#ffffff', gradientType='1')"> 　
</td></tr></table>
</DIV><br><br><br>

游子 发表于 2008-11-26 18:55

[i=s] 本帖最后由 5572899 于 2009-11-26 20:05 编辑 [/i]

<BR><BR>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=920 borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1>
<TBODY><TR><TD>
。。。。。。<BR>
<P align=center><font style=font:30pt face=华文行楷 color=ffff00>
在此开始插入内容
</FONT></p>
。。。。。。<BR>
<BR><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<BR><BR>

游子 发表于 2008-11-26 18:59

[i=s] 本帖最后由 游子 于 2010-1-31 10:55 编辑 [/i]

<TABLE id=table1 style="LEFT: -10px; WIDTH: 940px; POSITION: relative; TOP: 10px" cellSpacing=10 align=center background=http://bbs.muwen.com/fileuploaddir/4B398368667.jpg WIDTH: 940px height=480  border=0>
<TBODY>
<TR>
<TD align=center valign=top><BR><FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>【秋水伊人】</B></FONT>
</DIV>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 173px; WIDTH: 20px; POSITION: absolute; TOP: 40px; HEIGHT: 20px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=00ff00>望穿秋水 不见伊人</FONT></DIV><BR>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 700px; WIDTH: 20px; POSITION: absolute; TOP: 40px; HEIGHT: 20px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=00ff00>梦魂无所寄空有泪</FONT></DIV>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 100px; WIDTH: 850px; POSITION: absolute; TOP: -10px; HEIGHT: 60px">
<EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=850 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;>
</DIV>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 60px; WIDTH: 780px; POSITION: absolute; TOP: 60px; HEIGHT: 50px">
<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="http://www.nmg.xinhuanet.com/xwzx/2006-11/14/xin_381103141622703191698.jpg" type=image width=180>
</DIV>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 60px; WIDTH: 780px; POSITION: absolute; TOP: 330px; HEIGHT: 50px">
<MARQUEE scrollAmount=3><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=00ffff>秋水伊人   望穿秋水不见伊人的倩影 羹残楼静孤燕两三声 往日的温情只换得眼前的凄情  梦魂无所寄空有泪满襟 几时归来呦伊人呦 几时你会走过那边地丛林 亭上的踏印点点地压真 依旧是当年的情景  只有你的女儿呦 已长的活泼天真 只有你留下的女儿呦 来安慰我这破碎的心  望断云山不见妈妈的慈颜  楼静羹残难耐襟寝寒 往日的欢乐只引出眼前的孤单 梦魂无所依空有泪难干 几时归来呦妈妈呦  几时你会回到故乡的家园 这里边的橱具 弃的落叶 依旧是当年的庭院 只有你的女儿呦 以堕入绝望的深渊  只有你背弃的女儿呦 在忍受无尽的摧残 </FONT></MARQUEE></FONT>
</DIV>
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 60px; WIDTH: 780px; POSITION: absolute; TOP: 360px; HEIGHT: 50px">
<EMBED src=http://www.gydh.net/MTV/qsyr.mp3 width=500 height=50 type=audio/x-pn-realaudio-plugin controls="controlpanel,statusbar" autostart="true" loop="true"> </CENTER><BR><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文新魏 color=#fff000>图文：网络/编辑：游子-绝对定位挂贴练习</FONT></CENTER><BR><BR>
</TD></TR></TBODY></TABLE><BR>

</DIV>

游子 发表于 2008-11-26 19:02

[i=s] 本帖最后由 5572899 于 2009-11-26 20:06 编辑 [/i]

<center>
<img src="http://bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" width=450 style="border:22px #fbd44c ridge" )>
</CENTER>

游子 发表于 2008-12-10 15:12

[i=s] 本帖最后由 5572899 于 2009-11-26 20:07 编辑 [/i]

一周学会用代码做音画贴
<P align=center>
<DIV id=table1 style="LEFT: -120px; WIDTH: 840px; POSITION: relative; TOP: 0px">
<TABLE id=table1 borderColor=#808000 height=385 cellPadding=15 width=700 bgColor=#ffffff border=15><TBODY><TR><TD><TABLE id=table1 borderColor=#808000 height=185 cellPadding=1 width=650 bgColor=#ffffff border=0><TR><TD>
<CENTER><font face=隶书  size=7 color=red><b>欢迎您！启步学代码。</b></font><BR><FONT face=黑体 color=#000666 size=4>（原创制作:游子。 供初学HTML代码的朋友参考）</CENTE><HR align=center width=400 color=#ff0000 SIZE=3><CENTE><font size=6 face=华文行楷 color=#ff0000><b>一周学会用代码做音画贴</b></FONT></CENTE><BR><P align=left>　　现在大部份论坛、个人主页和博客等媒体都允许发表音画贴．做音画贴的方法有：用HTML代码编辑，网页软件制作，图像处理软件做大图后用代码发表．我在此抛砖引玉，试编一个简便的方法，让没有学过HTML代码的初学者，一周学会做简单代码音画贴．<BR>　　学习方法是：在代码编辑浏览框中依样画葫芦，修改代码标签属性内容的属值参数，做成你的作品．比如要编辑文字作品，就把代码框中的字体、字号和颜色等和文字内容，用鼠标将要修改的内容刷黑删除（按键盘方向键左上方的【Dalete】），粘贴或输入别的字体、字号和颜色等和文字内容．要做图框就修改＂图片地址＂即可．<BR>　　代码中如果要输入数字，一定要注意用英文输入法．<BR><BR>几项准备:学习工具和各种资料．<BR>　①在电脑D区新建一个文件夹，命名为＂学习代码＂．<BR>　②在文件夹中新建若干本空白记事本，存放HTML代码模式（HTML标签），备用．<BR>　③安装网页制作软件：Microsoft frontpage 2003．<BR>　　◆<a HREF="http://www.05sun.com/down/5296.html"target=_blank><font size=4 color=#0000ff> 【软件下载地址】</FONT></a>存放在学习代码文件夹中，用来编辑代码音画贴．<br>　　◆如果无时间下载安装，也可先击点打开：<a HREF="http://www.53199.com/bbs/UploadFile/2008-11/20081195282430382.txt"target=_blank><font size=4 color=#0000ff> 【html代码浏览器】</FONT></a>　存放在学习代码文件夹中，用作编辑和浏览代码效果．<br>　　◆还可以直接在下面各种代码框中编辑做代码贴．</b><br>　　◆更多的代码编辑内容可参考：  <a HREF="http://www.53199.com/bbs/UploadFile/2008-11/2008112719325754494.txt"target=_blank><font size=5 color=#0000ff>【音画贴编辑小平台】</FONT></a></TD></TR></TABLE><BR><P align=center><TABLE id=table1 borderColor=#808000 height=185 cellPadding=1 width=650 bgColor=#ffffff border=0><TR><TD><P align=left><FONT color=#ff0000 size=5><b>【第一天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713534666167.txt" target=_blank><FONT color=#0000ff size=5>　进入→学习表格标签做图框．</FONT></A><BR>【第二天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713541534251.txt" target=_blank><FONT color=#0000ff size=5>　进入→学习文字标签贴文字．</FONT></A><BR>【第三天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713544387074.txt" target=_blank><FONT color=#0000ff size=5>　进入→学习各种贴图代码．</FONT></A><BR>【第四天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713551064662.txt" target=_blank><FONT color=#0000ff size=5>　进入→学习趣味的移动标签．</FONT></A><BR>【第五天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713554735740.txt" target=_blank><FONT color=#0000ff size=5>　进入→学习贴Flash.和歌曲．</FONT></A><BR>【第六天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/200812713562493469.txt" target=_blank><FONT color=#0000ff size=5>　进入→学做一张完整的音画贴．</FONT></A><BR>【第七天】<A href="http://www.53199.com/bbs/UploadFile/2008-12/20081271357423239.txt" target=_blank><FONT color=#0000ff size=5>　进入→学做空间贴和超链接．</FONT></A><BR>
</B></FONT></P><FONT color=#008800 size=4><B><CENTER><IMG alt="" src="http://bbs.gw.com.cn/UploadFile/2008-9/2008919516673537.gif"><BR>　　原创编辑：游子<BR>2008年12月试编<BR></CENTER><BR><P align=left>（为了让更多网友学用html代码制作音画贴，欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）</P></B></FONT></TD></TR></TABLE></P></TD></TR></TABLE><BR><BR><BR></P>
</P></DIV>

5572899 发表于 2009-11-26 20:08

::01

查看完整版本: 欢迎您！启步学代码。