父 亲 节

2010年06月20日

父爱深深

父爱无疆

爸爸的爱也温柔

效果图一

父 亲 节

2010年06月20日

父爱深深

父爱无疆

爸爸的爱也温柔

效果图二

父 亲 节

2010年06月20日

父爱深深

父爱无疆

爸爸的爱也温柔

效果图三

父 亲 节

2010年06月20日

父爱深深

父爱无疆

爸爸的爱也温柔

效果图四

FLASH地址

背景素材一

背景素材二

背景素材三

背景素材四

背景图片一

背景图片二

背景图片三

背景图片四

注 释

父亲节将至，设计四款不同风格和色彩的父亲节祝福卡供朋友们参考，祝天下的父亲们节日快乐。本代码固定了图片宽度，所以您使用的图片规格无论大小，均以此宽度自动调整高度。替换文字、图片或FLASH后预览满意即可发表。红色代码是背景素材地址。绿色代码是图片地址，蓝色代码是FLASH地址。请参考博文《发挥您的智慧，创作出更美的佳作。

点击图片看昭昭 公主的文字博客

效果图一代码

cellPadding=1 width=580 align=center background=http://s2.sinaimg.cn/middle/5e1a7abfg893944301741&690

border=10>

HEIGHT="150">父 亲 节

HEIGHT="150">2010年06月20日

cellPadding=0 width=450 border=1>

src="http://s5.sinaimg.cn/middle/5e1a7abfg89390fd03a54&690"

width=450

border=0>

HEIGHT="150">        父爱深深

HEIGHT="150">        父爱无疆

HEIGHT="150">        爸爸的爱也温柔

style="MARGIN-TOP: -230px; MARGIN-LEFT: -150px" align=right

src=http://www.hsq80.cn/web/tm/19/3.swf width=350

height=250 type=application/x-shockwave-flash

ALLOWNETWORKING="internal" QUALITY="high"

WMODE="transparent">

效果图二代码

cellPadding=1 width=580 align=center

background=http://s11.sinaimg.cn/small/5e1a7abfg893995aa7bda&690

border=10>

HEIGHT="150">父 亲 节

HEIGHT="150">2010年06月20日

cellPadding=0 width=450 border=1>

src="http://s5.sinaimg.cn/orignal/5e1a7abfg89390fc68454&690"

width=450

border=0>

HEIGHT="150">        父爱深深

HEIGHT="150">        父爱无疆

HEIGHT="150">        爸爸的爱也温柔

style="MARGIN-TOP: -230px; MARGIN-LEFT: -150px" align=right

src=http://www.hsq80.cn/web/tm/19/3.swf width=350 height=250

type=application/x-shockwave-flash ALLOWNETWORKING="internal"

QUALITY="high" WMODE="transparent"

>

效果图三代码

cellPadding=1 width=580 align=center

background=http://s3.sinaimg.cn/orignal/5e1a7abfg89396454bf02&690

border=10>

HEIGHT="150">父 亲 节

HEIGHT="150">2010年06月20日

cellPadding=0 width=450 border=1>

src="http://s3.sinaimg.cn/middle/5e1a7abfg89390fce3d42&690"

width=450

border=0>

HEIGHT="150">        父爱深深

HEIGHT="150">        父爱无疆

HEIGHT="150">        爸爸的爱也温柔

style="MARGIN-TOP: -230px; MARGIN-LEFT: -150px" align=right

src=http://www.hsq80.cn/web/tm/44/16.swf width=350 height=250

type=application/x-shockwave-flash WMODE="transparent"

QUALITY="high"

ALLOWNETWORKING="internal">

效果图四代码

cellPadding=1 width=580 align=center

background=http://s1.sinaimg.cn/middle/5e1a7abfg893944255030&690

border=10>

HEIGHT="150">父 亲 节

HEIGHT="150">2010年06月20日

cellPadding=0 width=450 border=1>

src="http://s11.sinaimg.cn/orignal/5e1a7abfg893910058f1a&690"

width=450

border=0>

HEIGHT="150">        父爱深深

HEIGHT="150">        父爱无疆

HEIGHT="150">        爸爸的爱也温柔

style="MARGIN-TOP: -230px; MARGIN-LEFT: -150px" align=right

src=http://www.hsq80.cn/web/tm/42/5.swf width=350 height=250

type=application/x-shockwave-flash ALLOWNETWORKING="internal"

QUALITY="high" WMODE="transparent"

>

怎么制作动态图片

动态图片其实是一种.gif格式的动画文件，它是由一帧帧的静态图片组合起来的。但有些小白们不知道怎么制作动态图片，下面教大家利用Adobe Photoshop制作简单的动态图片，一起来看看吧。

一、利用Adobe Photoshop制作简单动态图片的必备条件，即Adobe Photoshop必须是7.0及以上的版本，并且自带有Adobe ImageReady界面。那么如何判断Adobe Photoshop是否自带Adobe ImaadgeRey呢?

步骤1、打开Adobe Photoshop。

步骤2、按快捷方式Ctrl+Shift+M或点击ImageReady转换按纽。

步骤3、打开的ImaadgeRey界面。

二、制作简单动态图片过程中所接触到的几个主要面板工具：

步骤1、Adobe Photoshop界面上的主要面板工具：

工具栏面板：转换按纽、其他工具按钮暂不作介绍。

图层面板：指示图层可视性按纽、创建新图层按纽、删除图层按扭等。

步骤2、Adobe ImaadgeRey界面上的几个主要工具：

动画面板：选择延迟时间按纽、播放/停止动画按纽、复制当前帧按纽、删除选中的帧按纽等。

图层面板：指示图层可视性按纽、创建新图层按纽、删除图层按纽等。

三、制作简单动态图片的方法。第一种方法：

步骤1、打开Adobe Photoshop，点击“文件”菜单，在“文件”下拉菜单中点击“打开”，打开用来制作动态图片的图像。

点击“图像”菜单，在“图像”下拉菜单中点击“图像大小”，然后在“图像大小”对话框中设置图像的“宽度”和“高度”，如宽度800像素，高度600像素。设置好后确定。关闭图像。

按上述方法，把准备用来制作动态图片的所有图像，设置同样大小的像素。关闭所有打开的图像。

步骤2、点击“文件”菜单，在“文件”的下拉菜单中点击“新建”，在“新建”对话框中输入新建图像的“名称”，然后设置图像的“宽度”和“高度”(如宽度800像素，高度600像素)，设置好后确定。

注：新建图像的大小必须和用来制作动态图片的图像大小一至。

步骤3、打开已经设置好大小、并用来制作动态图片的图像，按Ctrl+A选中整个图像，再按Ctrl+C复制图像，关闭图像。

在新建的图像文件中按Ctrl+V粘贴图像。

按上述方法操作，直至把所有用来制作动态图片的图像复制到新建图像中。这时就能在“图层面板”中看到所有复制后的图像图标。

步骤4、按“工具面板”中最下面的“ImageReady转换”按纽、或快捷方式Ctrl+Shift+M。

由转换到ImageReady界面。Photoshop界面。

步骤5、在“动画面板”中设置“选择帧延迟时间”。

然后按“复制当前帧”按纽，复制与“图层面板”中相同图层数量的帧。

步骤6、在“动画面板”中由左到右选择“帧”，同时在“图层面板”中由下而上设置“指示图层可视性”(即眼睛图标)，使之相互对应。

步骤7、在“动画面板”中点击“播放/停止动画”按纽，播放动画。

如果对动态不满意，则再次点击“播放/停止动画”按纽，停止播放后进行调整，直到满意为止。

步骤8、点击“文件”菜单，在“文件”下拉菜单中点击“将优化结果存储为”或快捷方式Ctrl+Shift+Alt+S，保存制作好的动态图片.gif格式。

满意答案

bhflkjhgb

2013.09.14

采纳率：43%    等级：12

已帮助：13243人

用“Dreamweaver”工具编写HTML代码，用javascript实现页面动态显示时间的代码如下所示：(//后面的是代码备注)

function getDateDemo(){

/*

//声明时间

var date = new Date();

alert(date);//当前时间

alert(date.toLocaleString());//转化为本地时间

alert(date.getFullYear());//显示年份

alert(date.getMonth() + 1);//显示月份 0-11，需要加1

alert(date.getDate());//显示一月中的日期

alert(date.getDay());//显示一周的日期，星期几

alert(date.getHours());//获取小时时间

alert(date.getMinutes());//获取当前分钟

alert(date.getSeconds());//获取当前秒数

alert(date.getMilliseconds());//获取当前的毫秒数

alert(date.getTime());//获取从1970年1月1日午夜零时，到当前时间的毫秒值

*/

//分别获取年、月、日、时、分、秒

var myDate = new Date();

var year = myDate.getFullYear();

var month = myDate.getMonth() + 1;

var date = myDate.getDate();

var hours = myDate.getHours();

var minutes = myDate.getMinutes();

var seconds = myDate.getSeconds();

//月份的显示为两位数字如09月

if(month 

month = "0" + month;

}

if(date 

date = "0" + date;

}

//时间拼接

var dateTime = year + "年" + month + "月" + date + "日" + hours + "时" + minutes + "分" + seconds + "秒";

//document.write(dateTime);//打印当前时间

var divNode = document.getElementById("time");

divNode.innerHTML = dateTime;

}

window.setInterval("getDateDemo()",1000);//每隔1秒，调用一次getDateDemo()

101分享举报