轻松制作显示输入朋友名字的贺卡网页
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;">
更多精彩
赞助商链接