网页设计与制作 陈彦许 第4章 网页特效设计.pptVIP

4.6 制作一个简单的网页拼图游戏 4.6.1 图片的准备 在“文件”菜单中选择“存储为WEB和设备所用格式”，弹出“存储为WEB和设备所用格式”对话框，如图所示。 Step4 4.6 制作一个简单的网页拼图游戏 4.6.1 图片的准备 打开Windows资源管理器，在D盘新建一个文件夹，名称为“youxi”。在图4-28中，单击“存储为WEB和设备所用格式”对话框中的“SAVE”按钮，将生成的文件保存在D盘的youxi文件夹中，文件名称为index.html，如图所示。 Step5 4.6 制作一个简单的网页拼图游戏 4.6.1 图片的准备 在Windows资源管理器中打开youxi文件夹，其中已生成一个网页文件，名称为index.html。在youxi文件夹下还生成了一个images文件夹，其中生成若干个（本例中生成了18个）被切割的图片，如图所示。 Step6 4.6 制作一个简单的网页拼图游戏 4.6.2 制作拼图游戏 打开Dreamweaver CS4，新建站点，将本地根文件夹设置为D盘的youxi文件夹，其它设置为默认设置。 Step7 打开youxi文件夹中的index.html（此文件由photoshop在切割图片并保存为WEB格式时自动生成），如图