实验十三 规划建立网站.doc

实验十三 规划建立网站一、实验目的： 理解站点与站点（根）文件夹，掌握站点结构的建立原则与方法，熟练将网页素材存放到站点结构中，掌握建立站点的基本方法。二、实验要点：站点的结构建立、素材的存放、站点的建立三、实验准备：1 课前把图片、文字等素材文件准备好，学生做实验前用电子教室发送到学生机的“素材”文件夹中2课前把要求学生完成的站点文件夹结构用抓屏软件制作成JPG图片，以供学生做实验时参考，并在学生做实验前用电子教室发送到学生机的“参照”文件夹中四、实验内容：1 在D盘上建立“网站练习”的站点结构2 将素材文件夹中的素材分别存放到WZLX结构中去3将站点指定至站点文件夹WZLX五、实验步骤：（1）双击打开“我的电脑”E盘，新建文件夹名为：05dzsw；（2）双击打开“05dzsw”文件夹，新建文件夹名分别为：xysh，shkt，chry，grfc，zy；（3）双击打开“zy”文件夹，新建文件夹名分别为：images，sound，other；（4）这样就将各页面结构文件夹创建完成了；（5）将各页面的素材通过复制等方法，分别放置到相对应的文件夹中。（6）按照站点主题和布局，将收集、准备好的各种素材已经分层次、分类别存放好了，即各层次文件夹已经建好，各素材文件已经存入相应文件夹中；（7）启动Dreamweaver 8，如图7.10所示；图7. 1（8）执行菜单“站点”“新建站点”命令，打开“未命名站点1的站点定义为”对话框，单击“基本”选项卡，在“您打算为您的站点起什么名字？”框中输入“05级电子商务班”；在“您的站点的HTTP地址（URL）是什么？”框中暂时不填或填入：http:/localhost/，如图7.11所示；图7. 2（9）单击“下一步”钮，打开“05级电子商务班的站点定义为”编辑文件第2部分对话框，选择“是，我想使用服务器技术”，在“哪种服务器技术？”选择框中选择“ASP JavaScript”，如图7.12所示；图7. 3（10）单击“下一步”，打开“05级电子商务班的站点定义为”编辑文件第3部分对话框，“在开发过程中，您打算如何使用您的文件？”采用默认值，即选择“在本地进行编辑和测试（我的测试服务器是这台计算机）”，在“您将把文件存储在计算机上的什么位置？”框中系统已经填入了默认文件夹“E:05dzsw”，单击右侧的，更改存放位置，本例的存放位置就定在默认文件夹“E:05dzsw”，如图7.13所示；图7. 4（11）单击“下一步”，打开“05级电子商务班的站点定义为”测试文件对话框，“您应该使用什么URL来浏览站点根目录？”框中采用默认值：http:/localhost/；点击“测试URL”按钮，查看测试情况，如图7.14所示，如果出现如图7.15所示的对话框，就表明测试成功，单击“确定”按钮，返回到“05级电子商务班的站点定义为”测试文件对话框；图7. 5图7. 6（12）单击“下一步”，打开“05级电子商务班的站点定义为”共享文件对话框，选择“否”，如图7.16所示；图7. 7（13）单击“下一步”，打开“05级电子商务班的站点定义为”总结对话框，如图7.17所示，显示出我们对网站进行的设置情况，若不满意可单击“上一步”按钮，返回再修改；若认可所建网站，单击“完成”按钮。图7. 8到目前为止，我们已经将建