效果图制作完毕，如何生成网页呢？请看下面的教程：

1.1 创建Web站点
首先来创建WEB站点，具体操作步骤如下：
1.启动Dreamweaver 8软件，选择【站点】@@【新建站点】命令。
2.在弹出的“定义站点”窗口中选择“高级”选项卡。
3.如图1.2所示，在“站点定义窗口”的“本地信息”中设置本地站点参数。
图片附件: 1-03.jpg (2006-8-17 18:04, 56.85 K)


图1.2文档属性对话框
4.点击【确定】按钮，站点建立完毕。
5.在硬盘上建立一个名为“bjdm”的文件夹，这个文件夹就是当前站点的根目录。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
1.2 制作形象首页
然后来制作网站的形象首页，具体操作步骤如下：
1.启动Fireworks 8软件，打开形象页面效果图。如图1.3所示。
图片附件: 1-04.jpg (2006-8-17 18:06, 74.37 K)


图1.3 使用Fireworks 8打开形象首页效果图
2.选择工具箱中的【裁剪工具】选择效果图中的背景渐变色区域。如图1.4所示。
图片附件: 1-05.jpg (2006-8-17 18:06, 20.33 K)


图1.4 选择背景的渐变色区域
3.选择【文件】@@【图像预览】命令（快捷键：【Ctrl+Shift+X】），把背景渐变色优化并输出。如图1.5所示。
图片附件: 1-06.jpg (2006-8-17 18:06, 47.59 K)


图1.5 优化背景图片
【说明】因为背景是渐变色，所以优化为“JPG”格式。
4.单击【导出】按钮，把优化好的背景图片导出到北京达美的站点中，并且在站点中建立一个“img”文件夹来保存所有的图片。如图1.6所示。
图片附件: 1-08.jpg (2006-8-17 18:06, 39.39 K)


图1.6 把背景图片导出到站点中的“img”文件夹中
【说明】导出背景图片的文件名不能使用中文，这里叫做“bg”表示是背景。之所以要把背景图片单独导出，是因为在最后的网页中，背景图片是可以作为网页的背景平铺起来的。
5.在Fireworks 8中重新打开形象首页效果图。
6.在Fireworks 8中的【图层面板】中，点击背景图片前的眼睛图标，把刚刚导出的背景图片隐藏起来。如图1.7所示。
图片附件: 1-09.jpg (2006-8-17 18:06, 33.09 K)


图1.7 隐藏背景图层
【说明】因为背景已经单独输出，所以在后面的编辑中就不需要背景了。把背景图层隐藏后，在导出图像的时候就不会输出背景图层中的内容，效果和删除调这个图层中的内容是一样的。

上一页  [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页