多语言展示
当前在线:125今日阅读:152今日分享:13

怎样制作生日祝福网页

有朋友看到生日祝福网页很漂亮,想给自己的朋友做一个,但又不会动画制作技术。这里提供给你一个模板,让不会专业软件的朋友享受一下自己制作的快乐。(这里只提供没有动画基础的朋友自娱自乐,高手请绕行)
工具/原料
1

一张照片(被祝福朋友的)

2

自己的博客或网站

3

一组代码:

<div style="BACKGROUND-COLOR:#FF0000" align="center">

<div align="center"><br></div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HBYlA9mI14" target="_blank"><img src="http://s5.sinaimg.cn/mw690/0025PfUZzy6HBYlA9mI14&amp;690" width="381" height="127" id="image_operate_74970"></a><br><br></div>

<div align="center"><br></div>

<div align="center"><font color="#fff200" face="楷体_GB2312, 楷体" style="font-size: 56px;">亲爱的好友</font></div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HBYoBWEq4a" target="_blank"><img src="http://s11.sinaimg.cn/mw690/0025PfUZzy6HBYoBWEq4a&amp;690" width="480" height="160" id="image_operate_271775"></a></div>

<div align="center"><br></div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HC0DYj8se8" target="_blank"><img src="被祝福朋友照片地址" width="598" height="453" id="image_operate_929881"></a><br><br><br></div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HBYE0ZHw3e" target="_blank"><img src="http://s15.sinaimg.cn/mw690/0025PfUZzy6HBYE0ZHw3e&amp;690" width="567" height="560" id="image_operate_408722"></a><br><br></div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HBYISBqY6c" target="_blank"><img src="http://s13.sinaimg.cn/mw690/0025PfUZzy6HBYISBqY6c&amp;690" width="600" height="300" id="image_operate_845054"></a><br>

<p align="center"><embed height="450" type="application/x-shockwave-flash" width="680" src="http://www.xcwhw.cn/fla/tx/lz51.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"></p>

</div>

<div align="center"><br></div>

<div align="center"><a href="http://album.sina.com.cn/pic/0025PfUZzy6HBYVqVVrcd" target="_blank"><img src="http://s14.sinaimg.cn/mw690/0025PfUZzy6HBYVqVVrcd&amp;690" width="580" height="60" id="image_operate_254258"></a><br><br></div>

<div align="center"><br></div>

<div align="center">

<p align="center"><embed src="http://www.xcwhw.cn/fla/tx/lz32.swf" width="550" height="400" type="application/x-shockwave-flash" allowscriptaccess="never" allownetworking="internal" wmode="transparent" quality="high"></p>

</div>

<div align="center"><embed src="http://www.xiami.com/widget/0_1771005248,_360_260_CD5C5C_808080_1/multiPlayer.swf" type="application/x-shockwave-flash" width="0" height="0" wmode="transparent"></div>

<div align="center"><br></div>

</div>

<div></div>

方法/步骤
1

1、登陆自己的博客(本文以新浪博客为例);    2、点“发博文”,进入后台编辑器。

2

1、点“图片”,在弹出的框中点“添加”,点硬盘里的图片,点“打开”,再点“插入图片”,完成图片上传;    2、点“显示源代码”,转到代码编辑状态。

3

1、复制图片地址代码,粘贴到“记事本”备用;    2、记住图片的宽和高,备用

4

1、清除全部代码;    2、将本文“工具/原料”给的那组代码复制,粘贴到编辑器;    3、将第三步备用的图片地址复制,粘贴到“被祝福朋友照片地址”那里,替换;    4、将图片宽和高调整,和第三步图片的宽和高一致;    5、将被祝福朋友的名字,添加到“亲爱的好友”那里,替换。

5

1、点“预览博文”,检查编辑情况;    2、如不让别人看,在“文章仅自己可见”那里点击打钩;    3、如没有问题,点“发博文”发布。    (本文只做基本介绍,如配上边框、写上一段祝福语会更完美。出于代码简单才不乱的考虑,这里不做介绍)

推荐信息