《Dreamweaver网页制作》 教学单元：网站测试与发布 任务二：“双百”论坛网站上传.

Presentation on theme: "《Dreamweaver网页制作》 教学单元：网站测试与发布 任务二：“双百”论坛网站上传."— Presentation transcript:

1 《Dreamweaver网页制作》 教学单元：网站测试与发布 任务二：“双百”论坛网站上传

2 一、任务目标 知识目标 了解网站上传的意义、网站上传的方式及分类。 能力目标
掌握利用Dreamweaver和常用FTP客户端完成网站上传的方法与技能。 教学模块一建站准备 09:16

3 二、任务引导 上传就是将信息从个人计算机（本地计算机）传递到远程计算机（服务器）上。将制作好的网页、文字、图片等发布到互联网上去，以便让其他人浏览、欣赏。这一过程称为上传。 上传分为Web上传和Ftp上传，前者直接通过点击网页上的链接即可操作，后者需要专用的FTP工具。 教学模块一建站准备 09:16

4 三、任务演示 教学模块一建站准备 09:16

5 四、任务相关知识点 1、常见网站上传方法 用FTP软件上传主页文件
这是最常用、最方便也是功能最为强大的主页上传方法。现在网上这类软件很多，如FlashFTP、CuteFtp等。这类软件除了可以完成文件传输的功能以外，还可以通过它们完成站点管理、远程编辑服务器文件等工作，一些常用的FTP软件还有断点续传、任务管理、状态监控等功能，可以让你的上传工作变得非常轻松。 教学模块一建站准备 09:16

6 四、任务相关知识点 1、常见网站上传方法 使用“兼职”的FTP软件上传主页文件
所谓兼职的FTP软件，是指软件本身并不是专门用来完成FTP功能的，主页上传只是其编外任务。例如我们常用的Dreamweaver、FrontPage、等都有主页上传、发布的功能。使用这类软件的好处是可以在编辑主页的同时就上传到服务器上查看主页效果，省去了启动软件、登录、设置等诸多麻烦。但是，这种方法往往上传速度较慢，且难以对服务器上的文件进行管理。 教学模块一建站准备 09:16

7 四、任务相关知识点 1、常见网站上传方法 使用Web页面上传主页文件
和前面两种方法相比，这种方法不但没有什么明显的优点，而且速度缓慢、操作麻烦、不支持断点续传。但是，如果你恰恰申请了一个这样的不支持FTP的免费主页空间，那么就只能使用这种方法了。 通过命令上传主页文件 Unix/linux系统上的FTP程序是基于命令行的，现在的Windows操作系统也有基于命令行的FTP程序。但使用这种方法首先要掌握相关命令，而且屏幕上通常只能显示25或50行文字，很不方便。 教学模块一建站准备 09:16

8 四、任务相关知识点 1、常见网站上传方法 使用Web页面上传主页文件
和前面两种方法相比，这种方法不但没有什么明显的优点，而且速度缓慢、操作麻烦、不支持断点续传。但是，如果你恰恰申请了一个这样的不支持FTP的免费主页空间，那么就只能使用这种方法了。 通过命令上传主页文件 Unix/linux系统上的FTP程序是基于命令行的，现在的Windows操作系统也有基于命令行的FTP程序。但使用这种方法首先要掌握相关命令，而且屏幕上通常只能显示25或50行文字，很不方便。 教学模块一建站准备 09:16

9 四、任务相关知识点 2、FlashFXP简介
FlashFXP是一款功能强大的FTP软件，它融合了一些其他优秀FTP软件的优点，如像CuteFTP一样可以比较文件夹，支持彩色文字显示； 像BpFTP支持多文件夹选择文件，能够缓存文件夹；像LeapFTP 一样的外观界面，甚至设计思路也差相仿佛。支持文件夹(带子文件夹)的文件传送、删除；支持上传、下载及第三方文件续传；可以跳过指定的文件类型，只传送 需要的文件；可以自定义不同文件类型的显示颜色；可以缓存远端文件夹列表，支持FTP代理及Socks3&4；具有避免空闲功能，防止被站点踢出；可以显示或隐藏“隐藏”属性的文件、文件夹；支持每个站点使用被动模式等。 教学模块一建站准备 09:16

10 五、任务分配 网站上传 教师巡回指导 学 生 小组讨论 角色分配 任务划分 任务实施 教 师 下发任务 教学模块一建站准备 09:16

11 六、任务实施 一、通过Dreamweaver CS5上传网站 1、配置远程站点。
选择“站点”菜单中的“管理站点”命令，打开“管理站点”对话框，选择要发布的站点名称，单击“编辑”按钮。 在打开的“站点设置”对话框中单击“服务器”选项卡，点击添加服务器按钮，如右图1所示。在弹出的服务器设置对话框中填写远程FTP服务器IP地址、用户名及密码信息单击保存按钮，如图2所示。 教学模块一建站准备 09:16

12 六、任务实施 2、上传文件 在“文件”面板中，选择站点根文件夹或要上传的一个或多个文件。单击“上传文件”按钮开始上传文件，如右图1所示。
单击“确定”按钮开始上传整站文件。上传过程中会弹出如图2所示的对话框显示上传的进度。 教学模块一建站准备 09:16

13 六、任务实施 2、下载文件 在“远程视图”文件面板中选择要下载的一个或多个文件或文件夹。单击“获取文件”按钮开始下载文件，如下图所示。
教学模块一建站准备 09:16

14 六、任务实施 二、使用FlashFXP上传网站 1、FlashFXP基本设置
教学模块一建站准备 09:16

15 六、任务实施 在弹出的站点管理器窗口中单击“新建站点”按钮，在弹出的新建站点对话框中输入站点名称如下图所示，单击确定按钮。
教学模块一建站准备 09:16

16 六、任务实施 接下来设置站点远程服务器地址、FTP帐号和密码、设置本地路径等信息然后单击确定按钮，如下图所示。 教学模块一建站准备
09:16

17 六、任务实施 2、文件上传与下载 单击工具栏上的连接按钮，在下拉列表中选择需要上传的站点然后连接到服务器,如图4-2-9所示。在左侧的本地文件目录中选择一个或多个文件直接拖动到右侧的远程服务器窗口中，FlashFXP便开始自动上传所选项目，如下图所示。 教学模块一建站准备 09:16

18 六、任务实施 2、文件上传与下载 单击工具栏上的连接按钮，在下拉列表中选择需要上传的站点然后连接到服务器,如图4-2-9所示。在左侧的本地文件目录中选择一个或多个文件直接拖动到右侧的远程服务器窗口中，FlashFXP便开始自动上传所选项目，如下图所示。 教学模块一建站准备 09:16

19 七、考核与评价 通过学生展示任务实施结果，最终从实施过程、实施结果、工作态度、创新精神、团队精神等五个方面进行考核。 教学模块一建站准备
09:16

20 谢 谢！