项目十一发布站点 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

项目十一发布站点 完成了网页的创建后，有时还需清理网页垃圾，使页面代码部分更整洁。最后上传网站，让用户通过网络在浏览器中进行浏览。在本项目中，通过2个工作任务生动地向读者展示测试本地站点、查找和替换、清理文档、发布站点等知识。 目录 任务一 使用删除功能清理个人网页 任务二 使用上传/下载功能发布个人网站 使 用 删 除 功 能 清 理 个 人 网 页 准备知识 使用删除功能清理个人网页 申请空间与域名 测试本地站点 查找和替换 清理文档 任务实施 朴海英负责个人网站的建设与维护，对已经建设好的网站，还需要进行清理无用代码，提高网络运行速度。 使 用 删 除 功 能 清 理 个 人 网 页 任务一：使用删除功能清理个人网页 任务分析： 理解牢记！ 由于在制作个人网页时，管理员不断编写程序代码进行调试，网页中会产生大量无用代码，从而影响网页的运行速度。因此，朴海英决定使用Dreamweaver清理文档的方法清理个人网页残留的空标签和无用的代码。 任务一：使用删除功能清理个人网页 任务 实施 使用删除功能清理个人网页 （1）打开需要清理代码的文档，选择“命令”→“清理HTML”命令，如下左图所示，打开“清理HTML/XHTML”对话框，如下右图所示。 （2）在对话框的“移除”栏中选中需要的复选框，这里保持默认选中“空标签区块”和“多余的嵌套标签”复选框即可。 （3）在“选项”栏中选中需要的复选框，如下图所示，这里只选中“完成后显示记录”复选框，然后单击“确定”按钮。 （4）Dreamweaver开始自动清理文档中多余的代码，在清理完成后会弹出一个提示信息框，提示清理结果，如下图所示。 拓展提高： 如果文档中没有需要清理的多余代码，则会提示“没有可清理的对象”。 使 用 上 传 / 下 载 功 能 发 布 个 人 网 站 准备知识 使用上传/下载功能发布个人网站 站点的宣传推广 发布站点 任务实施 朴海英负责个人网站的建设与维护，已经发布了站点。现在需要将个人网站上传到网络中，与他人共享，同时，还要能够下载该网站。 使 用 上 传 / 下 载 功 能 发 布 个 人 网 站 任务二：使用上传/下载功能发布个人网站 任务分析： 理解牢记！ 由于制作网站的目的就是与人共享网页内容，网站需要上传到服务器上。同时，在Dreamweaver中可以直接上传站点。因此，朴海英决定使用Dreamweaver上传网站。 任务二：使用上传/下载功能发布个人网站 任务 实施 使用上传/下载功能发布个人网站 朴海英在完成远端服务器设置后，就可以直接在Dreamweaver中将站点文件上传到所申请的空间中。其操作步骤如下。 （1）打开“文件”面板，单击“连接到远端主机”按钮，如下左图所示，打开连接提示信息框，显示网络连接进度，如下右图所示。 （2）当“文件”面板中的“连接到远端主机”按钮样式变为 形状时，表示和网络中的站点空间连接成功。 （3）在“文件”面板中点选站点名称，单击“上传文件”按钮，系统将弹出“您确定要将整个站点上传吗？”提示信息框。 拓展提高： 在以后对网站进行维护更新时，可以单独选取新增或修改完成后的文件，通过单击“上传文件”按钮，将这些文件上传到站点中即可，不必上传整个网站来完成更新。 （4）单击“确定”按钮，开始将文件上传到主机空间中，传送时间的长短，根据文件大小和网速的快慢而定。单击“后台文件活动”对话框中的“隐藏”按钮，即可将此对话框隐藏，上传操作改为在后台进行。 （5）选择“站点”→“高级”→“FTP记录”命令，在文档中打开“结果”面板，在其中可以查看上传的记录。 在Dreamweaver中，可以很便捷地将远程站点中的网站内容下载到本地电脑中，而不需要借助其他专门的站点下载工具。下面介绍使用Dreamweaver下载文件的方法，其操作步骤如下。 （1）打开“文件”面板，单击“连接到远端主机”按钮，连接远程站点。 （2）在连接上远程站点后，单击面板中的“获取文件”按钮，弹出“您确定要下载整个站点吗？”对话框。 （3）单击“确定”按钮后，就会从远程站点中下载整个站点文件到本地站点文件夹中。 重 点 难 点 项目十一发布站点 重点难点 掌握申请空间与域名 重点 难点 掌握发布站点 $