03用Dreamweaver发布网站教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

《03用Dreamweaver发布网站教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt》由会员分享，可在线阅读，更多相关《03用Dreamweaver发布网站教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt（35页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、03 用Dreamweaver 发布网站教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）项目*静态网站制作教学资源课件6.3 用Dreamweaver发布网站 在有了网站空间和域名后，就可以把做好的网页文件上传到服务器空间，世界各地的人们就可以通过域名来访问该网站。下面我们一起将“石家庄市第二职业中专学校”网站的本地站点上传至教师分配的服务器空间中。1.在Dr eam w ea v er 中设置站点信息 在前面章节中创建的是本地站点，现在要为该站点设置远程站点的相关信息，具体操作步骤如下(1)单击“站点”菜单中的“管理站点”命令，打开如图所示的“管理站点”对话框。1.在

2、Dr eam w ea v er 中设置站点信息(2)在“管理站点”对话框的左侧列表框中选择站点“石家庄市第二职业中专学校”，单击“编辑”按钮，打开“站点设置对象”对话框，在“站点”选项卡中设置“站点名称”和“本地站点文件夹”，如图所示。1.在Dr eam w ea v er 中设置站点信息(3)在“站点设置对象”对话框中选择“服务器”选项卡，打开如图所示的对话框，此设置的作用是选择 Dreamweaver 向远程站点所在的 Web 服务器上传或下载文件时的访问方法。1.在Dr eam w ea v er 中设置站点信息(4)在右侧列表框的下方，单击“添加新服务器”按钮，可打开服务器设置对话框

3、，如图所示。填写说明：“服务器名称”可任意填写。在“连接方法”列表框中选择一种访问方法，这里使用FTP 连接到 Web 服务器，所以选择“FTP”在“FTP 地址”文本框中输入本地站点的文件上传到的 FTP 主机的IP 地址“192.168.0.1”。注意：FTP 主机是计算机系统的完整 Internet 名称，这里要输入完整的主机名，不要带任何其他的文本。特别是不要在主机名前面添加协议名。在“用户名”和“密码”框中输入教师分配好的的用户名和密码：“01”和相应的密码。勾选上“保存”对应的复选框，单击“测试”按钮，提示“Dreamweaver 已成功连接到您的Web 服务器”即为连接成功。网页

4、文件就上传到FTP 空间的根目录下，因此“根目录”文本框置空不用填写。在“Web URL”文本框中填写测试网站的地址：“http:/192.168.0.1/01”。1.在Dr eam w ea v er 中设置站点信息(5)站点编辑好后，单击“确定”按钮，就会弹出连接服务器的窗口，以后就可以在“文件”面板中进行站点“本地视图”和“远程视图”的切换，显示本地或远程的文件，如图所示。2.用Dr eam w ea v er 发布站点 在设置了本地站点和远程站点之后，远程站点这时还是一个空文件夹，下面我们将编辑好的网页文件从本地站点上传到 Web 服务器（远程站点），或者从远程的服务器（远程站点）下载

5、文件到本地站点。使用“文件”面板中的工具按钮，可以实现本地站点和远程站点之间文件的来回传送，常用按钮的作用说明如下：连接按钮：用于连接到远程站点或断开与远程站点的连接，只有连接后才能进行文件的上传或下载。此按钮仅在通过FTP 连接时可用。默认情况下，如果 Dreamweaver 已空闲 30 分钟以上，则将断开与远程站点的连接（仅限 FTP）。在“首选参数”对话框中可以更改时间限制。刷新按钮：刷新本地和远程目录列表。下载文件按钮：用于将选定文件从远程站点复制到本地站点，如果该文件有本地副本，则将其覆盖。上传文件按钮：从本地站点拷贝选定文件或文件夹到远程站点。“扩展/折叠”按钮：最大化“文件”面

6、板。如图所示，最大化后左边为远端站点内容，右边为本地文件内容。最大化后的文件面板2.用Dr eam w ea v er 发布站点(1)上传 上传指将本地文件传送给远端网络上的服务器。上传后世界各地的人们就可以在互联网上看到该网页。凡是在网页中用到的图片、声音、flash 动画等都要一起上传才能正常显示和播放。在Dreamweaver 中上传需要在“文件”面板中完成，可以上传单个文件也可以上传整个文件夹甚至整个站点。上传方法一 首先，在本地视图选中要上传的文件或文件夹，如果上传整个站点应选择站点根文件夹；然后单击上传文件按钮。上传整个站点时会有如图所示的对话框要求我们进行确认。上传方法二 首先，

7、在本地视图选中要上传的文件或文件夹，如果上传整个站点应选择站点根文件夹；然后单击鼠标右键，在快捷菜单中选择“上传”。2.用Dr eam w ea v er 发布站点(2)下载 下载指将远程站点中的文件或整个远程站点复制到本地站点中。下载和上传一样，也有两种方法。方法一：首先，在远程视图选中要下载的文件或文件夹；然后点击下载文件按钮。方法二：首先，在远程视图选中要下载的文件或文件夹，然后点右键，在快捷菜单中选择“获取”。2.用Dr eam w ea v er 发布站点(3)同步 在本地和远程站点上创建文件后，使用网站同步功能，使远程站点和本地站点内容同步，这样在本地站点进行维护后，可以根据文件的

8、新旧自动更新远端服务器的文件和文件夹。如果远程站点为 FTP 服务器（而不是联网的服务器），则使用 FTP 来同步文件。若要设置远程站点和本地站点文件同步，具体操作步骤如下：2.用Dr eam w ea v er 发布站点a.在“文件”面板上点右键，选择“同步”命令，打开“同步文件”对话框如图所示。2.用Dr eam w ea v er 发布站点b.在“同步”下拉列表中，选择以下选项之一：若要同步整个站点，应选择“整个 站点名称 站点”，如“整个 石家庄市第二职业中专学校 站点”。若要只同步选定的文件，应选择“仅选中的本地文件”（如果最近一次的选择是在“文件”面板的“远程”视图中进行的，应选择

9、“仅限选定的远程文件”）。2.用Dr eam w ea v er 发布站点c.在“方向”下拉列表框中选择同步时的方向，如图所示。“放置较新的文件到远程”：上传修改日期晚于远程副本修改日期的所有本地文件。“从远程获得较新的文件”：下载修改日期晚于本地副本修改日期的所有远程文件。“获得和放置较新的文件”：将所有文件的最新版本放置在本地和远程站点上。2.用Dr eam w ea v er 发布站点d.“删除本地驱动器上没有的远端文件”复选框：选择是否在目的地站点上删除在原始站点上没有副本的文件。如果在“方向”列表框中选择了“获取和放置”，则该选项不可用。注意：如果选择“放置更新的文件到远程”并选择“

10、删除”选项，则 Dreamweaver 将删除远程站点中没有相应本地文件的所有文件。如果选择“从远程获得更新文件”，则 Dreamweaver 将删除本地站点中没有相应远程文件的所有文件。2.用Dr eam w ea v er 发布站点e.单击“预览”按钮，如果每个选定文件的最新版本都已位于本地和远程站点并且不需要删除任何文件，则将显示一个警告，通知你不需要进行任何同步。否则在“同步文件”预览中，确认要删除、放置和获取的文件，如图所示。2.用Dr eam w ea v er 发布站点f.单击“确定”按钮，Dreamweaver 将自动进行传输（并根据需要进行删除），然后用该状态更新对话框。3.

11、用FTP 方式上传网页文件 除用Dreamweaver 上传外，制作好的网页文件还可以用FTP 的方式直接上传到服务器，这是更常用，更普遍的一种上传方式。FTP 可以直接在浏览器中打开，以“复制”、“粘帖”这种更直接的方式上传或下载。FTP（File Transfer Protocol）是文件传输协议，它主要用于在Internet 中传输文件，并提供登录、目录查询、文件操作及其他控制功能，支持FTP 协议的服务器就是FTP 服务器。FTP 常用来把文件从本地主机传送到远程主机，或者把远程主机的文件传送到本地。如果要建立或者更新你的网站，一般使用FTP 上传、下载来完成网站的发布、管理和维护。1

12、.直接FTP 上传 即使手头没有可用的FTP 软件，也可以直接用“我的电脑”打开FTP 服务器，操作步骤如下：(1)在“我的电脑”的地址栏中输入“FTP：/”，后面输入FTP 服务器的地址，以我们前面分配到的FTP 空间为例，这里的FTP 服务器地址就是我们空间的IP 地址：192.168.0.1。如图所示。1.直接FTP 上传(2)连接时会弹出“登录身份”对话框，如图所示。输入用户名“01”和密码，单击“登录”按钮。1.直接FTP 上传(3)登录后可看到网站上的内容，如图6.26 所示。此时就可以像用自己计算机中的本地文件夹一样把网页文件复制粘贴过去。2.一款好用的FTP 软件FlashF

13、XP上传网页比较常用的FTP 软件是 FlashFXP，它以速度快并支持断点续传著名，下面向大家简要介绍FlashFXP 的基本用法：安装FlashFXP：如果我们获得的FlashFXP 软件是个压缩文件，首先需要解压缩在硬盘上某个临时目录（如：C:temp），然后运行setup.exe 文件，根据提示完成安装。初次运行FlashFXP：从“开始”菜单的“程序”菜单列表中选取并运行“FlashFXP”，打开“FlashFXP”窗口如图所示。2.一款好用的FTP 软件FlashF XP主界面主要分4 个工作区：本地目录窗口：默认显示的是整个磁盘目录，可以通过下拉菜单选择你已经完成的网站的本地目录

14、，以准备开始上传。服务器目录窗口：用于显示FTP 服务器上的目录信息，在列表中可以看到文件名称、大小、类型、最后更改日期等。窗口上面显示的是当前所在位置路径。信息窗口：FTP 命令行状态显示区，通过登录信息能够了解到目前的操作进度，执行情况等，诸如：登录、切换目录、文件传输大小、是否成功等重要信息，以便确定下一步的具体操作。列表窗口：显示“队列”的处理状态，你可以查看到准备上传的目录或文件放到队列列表中，此外配合“Schedule”（时间表）的使用还能达到自动上传的目的。2.一款好用的FTP 软件FlashF XP使用FTP 上传站点文件的操作步骤如下：(1)单击“站点”菜单中的“站点管理器”

15、，打开“站点管理器”窗口，在窗口左侧底部可以单击“新建站点”按钮，在FlashFXP 中创建一个站点，在弹出的“创建新的站点”对话框的站点名称文本框输入“石家庄市第二职业中专学校”，再单击“确定”按钮，这样就创建好了一个FTP 站点，在“站点管理器”窗口右侧填入对应的内容，点击“应用”按钮，如图所示。2.一款好用的FTP 软件FlashF XP(2)单击窗口底部的“连接”按钮，连接远端服务器，连接成功后，登录信息窗口将有相应显示，如图示，主窗口左侧包含本地机上的文件列表，右侧是所连接到的服务器上的文件列表。2.一款好用的FTP 软件FlashF XP(3)下面我们就可以用FTP 上传和下载文件。要上传文件，可以执行下列操作之一：在左窗口中单击选中文件后，用鼠标拖动文件到右窗口。在左窗口中用鼠标右键单击文件，从快捷菜单中选择“上传”。要下载文件，可以使用下列方法之一：在右窗口中单击选中文件后，用鼠标拖动文件到左窗口。在右窗口中用鼠标右键单击文件，从快捷菜单中选择“下载”。