《中文DreamWeaverMX 网页制作教程》课件第3章.pptVIP

*第3章建立站点3.1站点文件夹3.2建立“梦衣裳”电子商务主题网站站点实例3.3管理站点有了网页布局图以后，就可根据它来搜集资料从而建立网站的基本框架了。在此之前需要给网站建立一个站点，站点对应的站点文件夹将该网页设计中需要用到的所有图片和文件统一归档管理，而通过Dreamweaver中的站点管理功能可以避免一些如路径和链接等错误的出现。下面就让我们一起来规划和建立站点吧。

3.1.1建立站点文件夹

在准备好制作过程中需要的图片、声音、多媒体等资料后，新建一个文件夹作为站点文件夹(又称站点根目录)，在站点文件夹中新建若干个子文件夹分别用来分类存放所用到的资料，如将所有的图片放在图片子文件夹中，所有声音文件放在声音子文件夹中。关于子文件夹名称的定义将在下一小节详细说明。3.1站?点?文?件?夹3.1.2站点目录设置规范

站点文件夹及子文件夹命名一般采用英文，长度不得超过20个字符，命名采用小写字母，如将站点文件夹命名为“root”，子文件夹建议可根据存放的资料类型来命名，如将存放图片的子文件夹命名为“img”或者“image”，将存放声音文件的子文件夹命名为“sound”，将存放动画的子文件夹命名为“animation”等。3.1.3网站文件命名规范

网站文件包括网页文件、图片文件以及在网页中用到的所有资料文件，均不能使用中文命名，与站点目录设置规范一样，一般采用长度不超过20个字符的小写英文字母，网站首页名称建议命名为“index.htm(/html)”。

建立“梦衣裳”电子商务主题网站站点的操作步骤如下：

(1)在菜单栏“站点”菜单中选择“管理站点”，在弹出的“管理站点”对话框中单击“新建”按钮，选择“站点”选项，弹出“未命名站点1的站点定义为”对话框，在“您打算为您的站点起什么名字？”文本框中填写站点的名字“梦衣裳”(这个名字只起到管理和识别的作用，与网站发布后的名字无关)，站点名字填写后，站点定义对话框标题也对应于站点名字变为“梦衣裳的站点定义为”，如图3-1所示。单击“下一步”按钮，进入下一步。3.2建立“梦衣裳”电子商务主题网站站点实例图3-1建立站点步骤一(2)由于建立的是静态网页，在“您是否打算使用服务器技术”中选择“否，我不想使用服务器技术”，如图3-2所示。单击“下一步”按钮，进入下一步。图3-2建立站点步骤二(3)对如图3-3所示的“在开发过程中，您打算如何使用您的文件”的提问，鉴于网络的实际状况(主要指连接的稳定性)，建议大家选择软件推荐的方式，选择“编辑我的计算机上的本地副本，完成后再上传到服务器”。而文件的储存位置一栏则手工填写或者单击文件夹图标选择网站根目录的物理路径，如图3-3所示。然后单击“下一步”按钮，进入下一步。图3-3建立站点步骤三(4)在“您如何连接到远程服务器”中选择“无”，如图3-4所示。单击“下一步”按钮，进入下一步。图3-4建立站点步骤四(5)在这一步骤中，可以看到刚才所有设置的总结报告(如图3-5所示)，单击“完成”按钮，站点定义对话框将关闭，新建的站点“梦衣裳”将出现在“管理站点”对话框列表中，如图3-6所示。单击“管理站点”对话框中的“完成”按钮，结束站点设置。图3-5建立站点步骤五图3-6“管理站点”对话框

3.3.1查看站点

在菜单栏“站点”菜单中选择“管理站点”，在弹出的“管理站点”对话框(图3-6)中可以看到在上一节中新建的站点“梦衣裳”，而在“文件”面板中也可观察到新建的站点(如图3-7所示)中类似资源管理器的树形结构，让站点中所有的文件和文件夹可以一目了然。3.3管理站点

图3-7“文件”面板3.3.2编辑站点

在如图3-6所示的“管理站点”对话框中，单击“编辑”即可进行站点编辑，此时将重现在建立站点时的各步骤，并可编辑修改填入的各参数。更直观的编辑站点的方式是在弹出的对话框顶部选择“高级”标签，在“本地信息”与“远程信息”等分类中进行站点编辑，如图3-8所示。图3-8编辑站点3.3.3复制站点

在如图3-6所示的“管理站点”对话框中，单击“复制”按钮即可进行站点复制，默认复制的站点名称为“梦衣裳?复制”，如图3-9所示，还可通过编辑站点修改复制的站点名称。图3-9复制站点3.3.4删除站点

在如图3-6所示的“管理站点”对话框中，选中需要删除的站点，单击“删除”按钮即可删除站点。*