登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

雾树芦花的博客

 
 
 

日志

 
 

如何快速制作图片网页  

2012-01-08 16:34:11|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

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

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

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

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

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

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

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

 


 

雾树芦花等你与我相伴  编辑/雾树芦花

 

  
 

HTML语言基础

快速制作图片网页

编辑:雾树芦花

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

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

准备的资料如下   

图片地址:http://img6.ph.126.net/bFETBc_jSVr_RwKPg8dgFg==/1179661627411550906.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> <BR><BR></FONT></STRONG></P></FONT></MARQUEE><FONT size=4><STRONG><FONT face=楷体_GB2312 color=#da70d6><FONT color=#f0ffff><BR> </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>文章标题  </FONT><FONT color=#ffff00 size=5>文/编:签名</FONT></B></P></FONT>
<P> </P><FONT size=5></FONT>
<P></P><FONT color=#00ffff size=4><STRONG>  <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、图片要选择和文章内容比较适合的。

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

  评论这张
 
阅读(167)| 评论(1)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018