《网页设计与制作教学课件》work02.docVIP

实验2 站点的建立与管理 【实验目的】 通过构建一个站点，来学习使用Dreamweaver中的一些基本操作及站点的方法。使用Dreamweaver可以创建本地站点和远程站点。简单的讲，在本地计算机上创建的站点由于没有同Internet连接，故被称为本地站点，将本地站点上传到Internet上形成远程站点。下面我们一起学习如何建立和管理一个本地站点。 创建本地站点 （1）打开菜单栏中的“站点”菜单，选用“新建站点”命令，弹出“未命名站点1的站点定义为”对话框； （2）在“”文本框中输入“myweb”，如下图所示； 　同学们应该注意的是，在为新站点命名的时候，千万不能使用中文的名称，包括以后在站点中用以管理资源的文件夹以及网页创作中使用到的文件名称，都不能使用中文字符。这是因为当我们完成一个本地站点，并将其上传到Internet以后，凡是中文符号在Internet协议中是不支持的。 （2） 请同学们注意，如果在你们的计算机硬盘上没有“E：”这个分区，那么请你们在自己“D：”盘中自己的文件夹下面创建站点。例如，学号为1号的同学，如果在D：盘上已经有自己的文件夹“1”，那么此处可以将站点存储位置设置为“D:\1\myweb\”； 单击“”按钮，可以看到在“站点资源管理面板”中出现了刚才定义好的站点文件夹，如下图所示； 支招：打开定义站点窗口的方法除了上面介绍的使用“站点”菜单中的“新建站点”以外，我们还可以使用以下方法：在“站点资源管理面板”中单击打开“站点”下拉列表，选用“站点”命令 管理本地站点 　　建立好了本地站点之后，我们就可以进一步的创建用于管理站点资源的分类文件夹了。 　　（1）在“站点资源管理面板”中选中站点文件夹——“myweb”，单击打开面板中的“文件”下拉菜单，选用“新建文件夹”命令，此时我们会看到在站点文件夹下面自动生成了一个名称为“Untitled”的新文件夹，我们将其重命名为“images”，即使用这个文件夹来管理存储所有站点中调用到的图片文件，完成后如下图所示； （2）使用相同的方法创建用于管理存储声音、动画和其它文件的文件夹“sound”、“flash”、“other”。值得注意的是，在创建这些管理资源的文件夹时，必须在选中站点文件夹——“myweb”之后，才能使用“新建文件夹”，否则文件夹的存储位置会出错。以上3个文件夹在创建完毕之后如下图所示； 　　在完成创建站点文件夹和资源管理文件夹后，我们可以看到在存储站点文件夹的计算机相应硬盘分区中也自动生成了如下图所示的目录树。 如果觉得自己用于管理资源的文件夹位置创建错了，则可以鼠标右击该文件夹，在快捷菜单中选用“删除”命令，将该文件夹删除，如下图所示。 　　在我们完成站点的创建工作以后，就可以开始设计思考自己的主题和收集设计网页所需的资源了。建立一个名字为“”的站点，images、、个文件夹。images文件夹中，将CSS文件存放在CSS文件夹中，flash文件存放在flashs文件夹中，脚本文件存放在js文件夹中。 为主页index.html添加内容，实现如图所示效果。 （提示：①标题为“我的主页”；②文字内容分为两个段落；③背景图片；④字体颜色。） 完成后，将存储在D盘以自己学号命名的的站点文件夹上传到FTP上（用户名密码：workup_wjl）