WEB开发网
开发学院图形图像Fireworks 轻松制作显示输入朋友名字的贺卡网页 阅读

轻松制作显示输入朋友名字的贺卡网页

 2006-12-28 08:49:21 来源:WEB开发网   
核心提示: 图18 选取部分图像 20.按住Ctrl+X剪切选取的区域,然后新建一个文档,轻松制作显示输入朋友名字的贺卡网页(6),此时新建文档的大小自动设置为剪切区域的大小,不过我们这里可以将其设置为稍大一些,也是用于祝福者姓名的调用,我们将其放置的雪人的肚子位置,设置大小为760×50

图18 选取部分图像

20.按住Ctrl+X剪切选取的区域,然后新建一个文档,此时新建文档的大小自动设置为剪切区域的大小,不过我们这里可以将其设置为稍大一些,设置大小为760×500,然后粘贴图像,如图19所示。最后将其导出为yuandan.jpg文件。

图19 粘贴剪切的图像

21.接着,我们就在Dreamweaver中制作贺卡了,新建一个heka.htm文件,绘制两个表格,上面用于插入我们绘制的图像,下面用于添加一些文字,如图20所示。design.yesky.com©天极软件频道设计在线原创©2001327582

图20 插入图片和文字

22.这个HTML首先使用<script src='sd.js'></script>调用外部的sd.js文件。对于上面的文本区域的开头红色冒号区域我们使用<script>document.write(lusername)</script>命令来调用输入的名称,如图21中的拆分模式下所示。

图21 名称调用代码

23.下面再插入一个层,也是用于祝福者姓名的调用,我们将其放置的雪人的肚子位置,如图22所示。其中层的代码如下所示:

<div id="Layer2" style="position:absolute; width:118px; height:138px; z-index:2; left: 525px; top: 314px;">

上一页  1 2 3 4 5 6 7  下一页

Tags:轻松 制作 显示

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接