《网页设计与制作（第二版）》16 站点上传和维护

网页设计与制作（第二版）目录DIRECTORY01DreamweaverCS5入门05插入图像02创建站点06插入多媒体03设置首页07建立网页链接04DreamweaverCS5编辑文本08表格目录DIRECTORY09使用Div标签和APDiv10框架11表单12CSS样式13行为14资源15模板和库16站点上传和维护16站点上传和维护1.能实现网站的测试。2.能实现域名网站空间的申请上发布。3.维护网站保障网站的信息安全和新鲜感。任务目标1任务实施将制作完成好的网站OldWall上传至本机另一个文件夹F:\OldWall中。【操作步骤】步骤1：在本机F盘中建立F:\OldWall文件夹，以接收上传的站点文件。步骤2：单击“站点”→“管理站点”命令。步骤3：在弹出的“管理站点”命令中选择要上传的站点名称OldWall，单击“编辑”按钮，如图16-1所示。步骤4：在弹出的“OldWall的站点定义为”对话框中选择“高级”选项卡，并作如下设置，如图16-2所示。一、站点上传二、定义远程服务器（一）FTP服务器的站点设置【操作步骤】步骤1：选择“站点”→“管理站点”命令，打开“管理站点”对话框。步骤2：选择要上传的站点，单击“编辑”按钮，打开“站点定义为”对话框，选择“高级”选项卡，并作如下操作，如图16-5所示。二、定义远程服务器（二）局域网的站点设置若要将网站上传至局域网的服务器，也要进行站点设置，其操作步骤如下。【操作步骤】步骤1：选择“站点”→“管理站点”命令，打开“管理站点”对话框。步骤2：选择要上传的站点，单击“编辑”按钮，打开“站点定义为”对话框，选择“高级”选项卡，并作如下设置，如图16-6所示。（1）在“分类”列表中选择“远程信息”选项。（2）在“远程信息”的“访问”下拉列表中选择“本地/网络”选项。（3）在“远端文件夹”中选择要上传的局域网服务器的目标文件夹。（4）单击“确定”按钮。三、站点上传（一）测试本地站点1.检查网页下载时间【操作步骤】步骤1：在Dreamweaver中打开站点的主页index.html。步骤2：在文档窗口的右下角，我们可以看到“5K/2秒”字样。步骤3：单击传输时间左侧的“窗口大小”区域，在弹出的菜单中选择“编辑大小”。步骤4：在弹出的“首选参数”对话框中，单击“连接速度”下拉列表，在下拉列表中可以选择不同的网络速率。步骤5：单击“确定”按钮，此时我们可以看到传输时间已经变为了1秒。2.检查网页链接的有效性3.检查目标浏览器的兼容性三、站点上传（二）连接到远程服务器在站点文件上传之前，我们还需要与远程服务器建立连接，其操作步骤如下。【操作步骤】步骤1：选择“窗口”→“文件”，打开“文件”面板。步骤2：在“文件”面板的站点列表中选择要上传的站点。步骤3：执行下列操作之一。●单击“文件”面板中的“连接到远程主机”按钮。●选择“文件”面板右侧下拉列表中的“远程视图”。步骤4：Dreamweaver立即与远程服务器建立连接，如图16-15所示。步骤5：连接成功后，将在“远程视图”中显示远程服务器中的文件信息。如果连接不成功，则弹出连接不成功的提示，如图16-16所示。三、站点上传（三）文件上传当站点本地测试、定义远程服务器等准备工作完成之后，就可以上传文件了。上传文件的操作步骤如下。【操作步骤】步骤1：打开“文件”面板，选择要上传的站点及站点中的所有文件夹及文件。步骤2：单击“上传文件”按钮。步骤3：此时弹出提示上传站点的对话框，单击“确定”按钮。步骤4：开始上传文件，并以实际情况的不同出现相应的提示对话框。四、站点维护【操作步骤】步骤1：选择“站点”→“管理站点”命令。步骤2：在“管理站点”对话框中选择要设置的站点，单击“编辑”按钮。步骤3：在打开的“站点定义为”对话框中，选择“高级”选项卡，并作如下操作。【操作步骤】步骤1：执行下列操作之一。●在“文件”面板中，选中要存回的文件，选择“站点”→“存回”命令。步骤2：文件被存回后，该文件旁出现一个锁形符号。【操作步骤】步骤1：执行下列操作之一。●在“文件”面板中，选中要取出的文件，选择“站点”→“取出”命令。步骤2：文件被取出后，该文件旁出现一个绿色的小勾符号。【操作步骤】步骤1：打开已取出的文件。步骤2：执行下列操作之一。●选择“站点”→“撤销取出”命令。（一）启动“存回/取出”功能（二）取出（三）存回（四）撤销取出的文件2项目实训尝试将一个站点上传。3项目小结二、信息技术的发展历程本项目主要介绍了站点上传和维护的基本操作。网站制作完成之后，应当对站点进行测试，