您好!欢迎您光临如何快速制作图片网页_雄鹰翱翔! 聊天室 I 论坛 I 免费电影 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>教学版块>>>其他教材>>>如何快速制作图片网页
如何快速制作图片网页
发表日期:2011/10/23 10:27:00 出处:雄鹰 作者:未知 发布人:yfxy20 已被访问 757

人生路上与你相伴
我的温柔是你的港湾
我的臂膀
是你依偎的高山

人生路上与你相伴
当你忧郁欲哭的时候
惟愿我身上的衣衫
揩拭你的盈眶热泪

人生的路上与你相伴
幸福的路上与你搀扶
让我甜蜜温馨的欢笑
沁满你寂廖的心房

人生路上与你相伴
我有何所求
如果你乐意
我愿时时刻刻
与你共享人间欢乐

人生路上与你相伴
在清晨把热吻送到你额前
愿你醒来第一缕呼吸
就闻到我那淡淡的清香

我们幸福的走到一起
愿你我永远的携手
愿你我永远的依偎
愿你我相互的扶搀

与我相伴的你
永远陪我一起走过
......

 


 

雄鹰等你与我相伴  编辑/雄鹰

 

  

HTML语言基础

快速制作图片网页

编辑:雄鹰

    很多朋友都觉得图片制作的网页让人赏心悦目,但不知道怎么去制作.其实这很简单,哪怕你不会代码也可以去制作.只要你懂复制和粘贴就可以做出你喜欢的图片网页.我们还是用"照猫画虎"的方法来学习制作.准备好你所喜欢的图片和音乐就可以了。现在我们就开始制作。

    首先,我们可以到网站找到你喜欢的制作模式.然后把它复制粘贴好就可以了.登陆到你的后台做好编辑的准备.

准备的资料如下   

图片地址:http://www.52hzy.com/cxg/图片/tpwybj.jpg

音乐地址: http://datamusic.ewuhai.com/music/chenghuiling/3/1.wma

FLASH地址: http://imgfree.21cn.com/free/flash/59.swf

            http://imgfree.21cn.com/free/flash/1.swf

 

文章:  永远的珍藏

无论你身在何方
我的祝福永远的陪伴你
无论我身在何处
我的心永远的牵挂着你
这样的人间美景
永远是那样的妙不可言
我会让你在我的心中
永远的珍藏

    快速制作:

    一、将找到的编辑模式复制到你的后台。在 查看HTML源代码里打上钩,就可以看到在代码编辑模式里了。把下面的这组代码全部复制粘贴到你的后台里。

注意:下面的代码是本文是上面那幅图片网页的代码,您在复制代码的过程中一定要全部选中不能漏掉一点哦。制作代码如下:

 

<TABLE id=table1 style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 align=center border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE style="WIDTH: 1000px; BORDER-COLLAPSE: collapse; HEIGHT: 600px" borderColor=#111111 cellSpacing=8 cellPadding=0 width=1000 background=http://www.52hzy.com/cxg/图片/uyhj87.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<DIV align=center></DIV>
<DIV align=center>
<TABLE id=table style="BORDER-RIGHT: #808080 10px ridge; BORDER-TOP: #808080 10px ridge; LEFT: 0px; BORDER-LEFT: #808080 10px ridge; WIDTH: 940px; BORDER-BOTTOM: #808080 10px ridge; POSITION: relative; TOP: 0px; HEIGHT: 540px" cellSpacing=0 cellPadding=0 align=center background=#0000ff border=0>
<TBODY>
<TR>
<TD>
<P><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 960px; POSITION: absolute; TOP: 0px; HEIGHT: 620px" align=center src=此处插入FLASH地址 6 width=960 height=620 type=application/x-shockwave- flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash">
<EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 960px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=center src=此处插入FLASH地址 width=960 height=550 type=application/x-shockwave- tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" flash>
<DIV style="LEFT: 0px; WIDTH: 511px; POSITION: absolute; TOP: 40px; HEIGHT: 16px">
<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ffff66)">
<P>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=900 height=320>
<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: #faebd7; LINE-HEIGHT: 130%; FONT-FAMILY: 楷体_GB2312"><B>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>......<BR><BR>&nbsp;<BR><BR></FONT></STRONG></P></FONT></MARQUEE><FONT size=4><STRONG><FONT face=楷体_GB2312 color=#da70d6><FONT color=#f0ffff><BR>&nbsp;</P></FONT><FONT style="FONT-SIZE: 50pt; FILTER: glow(color=gray,strength=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">
<P align=center><B><FONT color=#ff33ff>文章标题&nbsp;&nbsp;</FONT><FONT color=#ffff00 size=5>文/编:签名</FONT></B></P></FONT>
<P>&nbsp;</P><FONT size=5></FONT>
<P></P><FONT color=#00ffff size=4><STRONG>&nbsp;&nbsp;<FONT face=楷体_GB2312 color=#da70d6> </FONT></STRONG></FONT></FONT></STRONG></FONT></TD></TR>
<TBODY>
<TR>
<TD>
<DIV></DIV></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></EMBED></FONT></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<P></P></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE><EMBED src=http://data1.flash.qq.com/0/0/45/461-1167714888.swf hidden=true type=audio/x-ms-wma AUTOSTART="TRUE" loop="10"></EMBED></FONT></MARQUEE></TD></TR></TBODY></TABLE>
<P><BGSOUND balance=0 src="此处插入音乐地址" volume=-240 loop=infinite>

    二、现在我们要做的就是开始替换图片和文字了。在这里只有一张图片的地址,我们找到自己需要替换的图片地址把它复制好,然后在原来的图片地址上进行替换。换好以后在 查看HTML源代码的地方去掉钩,回到展示区后就可以看见你的新图片已经换好了。

    三、换好图片以后根据图片的颜色再来把边框的颜色进行修改。找到你需要更换的颜色代码,然后把它复制粘贴到原来的颜色地址上,这样边框就会就改变了以前的颜色。在根据你的喜欢调整边框的宽和窄,直到你满意就可以了。

    四、将准备好的flash地址替换掉原来的flash动画地址。

    五、现在进行文章内容的替换。把你自己的文章内容依次替换到“加入文字”的地方。如果插入好文章还有多的,你可以把多余的那些给删掉。如果插入时不够用你可以再复制增加。

    六、把已经准备好的音乐地址复制好粘贴在原来的音乐地址上。这样你的图片网页作品就基本上做好了。

    七、 查看HTML源代码的地方去掉钩,在展示区你可以看到整个作品的制作情况和风格了。如果还有觉得不满意的地方,你可以重新回到代码编辑模式里进行修改。当你觉得满意了就可以添加发表了。

    主要修改可供参数:

BORDER-RIGHT: #a52a2a 6px  右边框颜色及宽度 

BORDER-TOP: #a52a2a 6px    上边框颜色及宽度

BORDER-LEFT: #a52a2a 6px   左边框颜色及宽度

BORDER-BOTTOM:#a52a2a 6px  下边框颜色及宽度

WIDTH: 900px               边框及图片展示宽度

height=600                 边框及图片展示高度        

FONT-SIZE:50pt             字体的大小

MARQUEE scrollAmount=1     字体移动的速度

FONT face=楷体_GB2312      字体

LEFT: -100px               边框左右调整

FONT color=#ffebcd         字体颜色

     注意事项:

    1、图片的宽和高一定要和边框展示的宽和高相吻合。

    2、图片要选择和文章内容比较适合的。

    这样你做出的图片网页就可以让人赏心悦目了。朋友们多动手、多动脑、相信自己你一定是最棒的。预祝你们一定可以成功的。

 

 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:如何制作边框

下篇文章:音乐的应用

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

雄鹰翱翔(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:392676988 联系人:雄鹰 Email:huanggege999@163.com

琼icp备09005167