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

核心提示： 图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;">