站点的整理维护与上传

1、网页制作基础教程（网页制作基础教程（Dreamweaver CS4Dreamweaver CS4） 电子教案电子教案 ISBN978-7-121-15403-4 第第1414章站点的整理维护与上传章站点的整理维护与上传 本章重点：网站空间的申请，本章重点：网站空间的申请， 站点的发布和管理，站点的上传和测站点的发布和管理，站点的上传和测 试，以及网站的推广等内容试，以及网站的推广等内容 。 第第1414章站点的整理维护与上传章站点的整理维护与上传 14.1 14.1 网站整理上传网站整理上传 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 14.3 14.3 上传网站上传网站

2、 14.4 14.4 网站的推广网站的推广 14.5 14.5 网站的管理与维护网站的管理与维护 14.6 14.6 检查站点检查站点 网页制作基础教程网页制作基础教程 14.1 网站整理上传网站整理上传 14.1.1 14.1.1 案例综述案例综述 本例以一个网站的上传及相关操作为例，介绍网本例以一个网站的上传及相关操作为例，介绍网 站管理的一些基本方法站管理的一些基本方法 。 14.1.2 14.1.2 案例分析案例分析 我们要做的工作是：我们要做的工作是： n申请网站空间申请网站空间 n检查站点检查站点 n上传网站。上传网站。 网页制作基础教程网页制作基础教程 14.1 网站整理上传网站

3、整理上传 14.1.3 14.1.3 实现步骤实现步骤 n申请网站空间申请网站空间 n检查站点检查站点 n设置设置/ /上传网站。上传网站。 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n对于个人和一些小型企业来说，拥有自己的主机是对于个人和一些小型企业来说，拥有自己的主机是 不太可能的事，但可以采用租用主机空间的办法，不太可能的事，但可以采用租用主机空间的办法， 为自己创建网上家园。为自己创建网上家园。 n有些网站出于宣传站点的目的，有些网站出于宣传站点的目的，提供免费主页空间提供免费主页空间 服务服务，如，如http:/、http:/

4、等等 网站都提供免费的主页空间。用户只需要填写申请网站都提供免费的主页空间。用户只需要填写申请 表单，就可以得到免费的主页空间。表单，就可以得到免费的主页空间。 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 nIPIP地址地址 nInternetInternet上每台主机都有惟一的地址，称为上每台主机都有惟一的地址，称为 IPIP地址。地址。 IPIP地址通常分为固定的地址通常分为固定的IPIP地址和地址和 动态的动态的IPIP地址。地址。 nIPIP地址是一个由地址是一个由3232位二进制数组成的数字地位二进制数组成的数字地 址，由址，由

5、4 4组十进制数字表示，中间用点号（组十进制数字表示，中间用点号（. .） 分隔。如分隔。如00。 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n域名域名 nIPIP地址与域名是一一对应的。因为地址与域名是一一对应的。因为3232位二进位二进 制数的制数的IPIP地址不容易记忆，所以每个地址不容易记忆，所以每个IPIP地址地址 都可以申请惟一与其对应的、便于记忆的域都可以申请惟一与其对应的、便于记忆的域 名。名。 n一个域名通常由一个域名通常由2 2或或3 3段字符构成。假设为段字符构成。假设为

6、 aaa.bbb.cccaaa.bbb.ccc。其中。其中cccccc部分为顶级域名，部分为顶级域名， bbbbbb部分为二级域名，部分为二级域名，aaaaaa部分为三级域名。部分为三级域名。 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n域名域名 n域名的申请遵循域名的申请遵循“先来先注册先来先注册”的原则的原则. . n首先，可以将自己想要注册的域名在网上首先，可以将自己想要注册的域名在网上 输入查询，确认是否被注册；输入查询，确认是否被注册； n其次，可以填写申请表格；其次，可以填写申请表格； n第三，用户支付所需费用即可取得该域名

7、第三，用户支付所需费用即可取得该域名 的拥有权。的拥有权。 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 n有些网站出于宣传站点的目的，提供有些网站出于宣传站点的目的，提供 免费主页空间服务免费主页空间服务 。 n用户只需填写申请表单，就可以得到用户只需填写申请表单，就可以得到 免费的主页空间。免费的主页空间。 n申请的空间将提供相对应的虚拟域名申请的空间将提供相对应的虚拟域名. 如如http:/ 申请空间的网站的域名给你分配的虚拟域名 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和

8、注册域名地址和注册域名 n申请免费空间申请免费空间 第一步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第二步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第三步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第四步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第五

9、步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第六步 网页制作基础教程网页制作基础教程 14.2 14.2 申请申请IPIP地址和注册域名地址和注册域名 n申请免费空间申请免费空间 第七步 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 上传方式上传方式 n WebWeb上传方式效率不高；上传方式效率不高； n FTPFTP上传方式效率高，且支持断点续传上传方式效率高，且支持断点续传 Web上传方式上传方式 FTP上传方式上传方式 网页制作基础教程网页制作基础教程 14.314.3上传网站

10、上传网站 14.3.1 Web14.3.1 Web方式上传方式上传 n通过使用网页上提供的通过使用网页上提供的“浏览浏览”按钮选择文件，按钮选择文件， 再点击再点击“上传上传”或或“确定确定”按钮完成上传。按钮完成上传。 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.2 14.3.2 使用上传工具上传使用上传工具上传 步骤步骤1 1 安装安装FTPFTP软件；软件； 步骤步骤2 2 连接连接FTPFTP站点；站点； 步骤步骤3 3 上传文件上传文件 。 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.2 14.3.2 使用上传工具上

11、传使用上传工具上传 以以CuteFTPCuteFTP界面。主界面分为以下界面。主界面分为以下4 4个工作区。个工作区。 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.2 14.3.2 使用上传工具上传使用上传工具上传 nFTPFTP站点的连接站点的连接 n “主机主机”这是这是FTPFTP服务器的主机地址，服务器的主机地址， 在这里只要填写用户的域名就可以了。在这里只要填写用户的域名就可以了。 n“用户名用户名”填写注册网站空间时填写的填写注册网站空间时填写的 用户名。用户名。 n“密码密码”填写在注册网站空间时填写的填写在注册网站空间时填写的 密码。密码。 1

12、.1.“端口端口”软件会根据用户的选择自动更软件会根据用户的选择自动更 改相应的端口地址，一般包括改相应的端口地址，一般包括FTPFTP（2121）和）和 HTTPHTTP（8080）两种。）两种。 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.2 14.3.2 使用上传工具上传使用上传工具上传 n上传文件上传文件 将光标放在要上传的文件上右击，出现一将光标放在要上传的文件上右击，出现一 个表单，单击个表单，单击“传送传送”即可。即可。 2.2. 将光标放在要上传的文件上，直接拖动将光标放在要上传的文件上，直接拖动 文件到远端站点的用于存放文件到远端站点的用于存

13、放WebWeb页的目录下页的目录下 即可。即可。 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.3 使用使用Dreamweaver中的上传、下载功能中的上传、下载功能 1.1.定义站点的远程信息定义站点的远程信息: :站点定义站点定义 | |远程信息远程信息 网页制作基础教程网页制作基础教程 14.314.3上传网站上传网站 14.3.3 使用使用Dreamweaver中的上传、下载功能中的上传、下载功能 1.1.定义站点的远程信息定义站点的远程信息 n“访问访问”在该下拉列表中选择在该下拉列表中选择FTPFTP。 n“FTPFTP主机主机”输入远程站点输入远程

14、站点FTPFTP服务器的服务器的URLURL。 n“主机目录主机目录”输入输入FTPFTP服务器中指定的站点根目录服务器中指定的站点根目录 n“登录登录”输入登录输入登录FTPFTP服务器的用户名。服务器的用户名。 n“密码密码”输入登录输入登录FTPFTP服务器的密码。服务器的密码。 n“测试测试”单击单击“测试测试”按钮，测试与服务器的连接。按钮，测试与服务器的连接。 网页制作基础教程网页制作基础教程 14.4 14.4 网站的推广网站的推广 14.4.1 14.4.1 登录搜索引擎的方法登录搜索引擎的方法 步骤步骤1 1 在浏览器地址栏输入在浏览器地址栏输入 某一搜索引擎某一搜索引擎 ；

15、 步骤步骤2 2 打开首页导航栏的打开首页导航栏的“搜索推广搜索推广”链接链接 ； 网页制作基础教程网页制作基础教程 14.4 14.4 网站的推广网站的推广 14.4.2 14.4.2 设置设置metameta信息信息( (文件头文件头) ) metameta标签可以提供有关页面的信息，作为标签可以提供有关页面的信息，作为 搜索引擎搜索的关键字。搜索引擎搜索的关键字。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.1 14.5.1 文件扩展面板文件扩展面板 n单击站点单击站点“文件文件”面板右边的扩展面板右边的扩展/折叠按钮，折叠按钮， 可

16、以展开站点可以展开站点“文件文件”管理面板。管理面板。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.1 14.5.1 文件扩展面板文件扩展面板 （1 1）站点文件视图按钮站点文件视图按钮 ，可以在，可以在“文文 件件”面板的空格中显示远程和本地站点面板的空格中显示远程和本地站点 的文件结构。的文件结构。 （2 2）测试服务器视图按钮测试服务器视图按钮 ，可以显示，可以显示 测试服务器和本地站点的目录结构。测试服务器和本地站点的目录结构。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.1 1

17、4.5.1 文件扩展面板文件扩展面板 （3 3）连接连接/ /断开按钮断开按钮 ，用于连接到远程站点或断开与，用于连接到远程站点或断开与 远程站点的连接。远程站点的连接。 （4 4）刷新按钮刷新按钮 ，用于刷新本地和远程目录列表。，用于刷新本地和远程目录列表。 （5 5）获取文件按钮获取文件按钮 ，用于将选定文件从远程站点复，用于将选定文件从远程站点复 制到本地站点。制到本地站点。 （6 6）上传文件按钮上传文件按钮 ，用于将选定的文件从本地站点，用于将选定的文件从本地站点 复制到远程站点。复制到远程站点。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护

18、 14.5.1 14.5.1 文件扩展面板文件扩展面板 （7 7）取出文件按钮取出文件按钮 ，用于将文件的副本从远程服务，用于将文件的副本从远程服务 器传输到本地站点，并且在服务器上将该文件标记为器传输到本地站点，并且在服务器上将该文件标记为 取出。取出。 （8 8）存回文件按钮存回文件按钮 ，用于将本地文件的副本传输到，用于将本地文件的副本传输到 远程服务器，并且使该文件可供他人编辑。远程服务器，并且使该文件可供他人编辑。 （9 9）扩展扩展/ /折叠按钮折叠按钮 ，可以展开或折叠，可以展开或折叠“文件文件”面板，面板， 以显示一个或两个窗口。以显示一个或两个窗口。 网页制作基础教程网页制作

19、基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.2 14.5.2 站点文件同步站点文件同步 在在“文件文件”扩展面板中，选择扩展面板中，选择“站点站点”“同步同步” 命令，打开命令，打开“同步文件同步文件”对话框对话框 。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.2 14.5.2 站点文件同步站点文件同步 在在“同步文件同步文件”对话框中设置下列选项。对话框中设置下列选项。 “同步同步” n“仅选中的本地文件仅选中的本地文件”：选择该项，只同步选定的文：选择该项，只同步选定的文 件。件。 n“整个站点整个站点”

20、：选择该项，同步整个站点文件。：选择该项，同步整个站点文件。 “方向方向” n“放置较新的文件到远程放置较新的文件到远程”：将较新的文件上传到远：将较新的文件上传到远 程站点。程站点。 n“从远程获取较新文件从远程获取较新文件”：从远程站点下载较新的文：从远程站点下载较新的文 件。件。 n“获取和放置较新文件获取和放置较新文件”：将较新的文件同时放置在：将较新的文件同时放置在 本地站点和远程站点。本地站点和远程站点。 “删除本地驱动器上没有的远端文件删除本地驱动器上没有的远端文件” n选择此复选框，将删除远程站点中不存在于本地站点选择此复选框，将删除远程站点中不存在于本地站点 中的文件。中的文

21、件。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 14.5.2 14.5.2 站点文件同步站点文件同步 设置完成后，单击设置完成后，单击“预览预览”按钮，按钮，Dreamweaver将将 扫描站点文件并显示将被更新的文件，若在列表中扫描站点文件并显示将被更新的文件，若在列表中 取消选择文件前面的复选框，则该文件不会被更新。取消选择文件前面的复选框，则该文件不会被更新。 单击单击“确定确定”按钮，更新文件，保持两地站点的同步。按钮，更新文件，保持两地站点的同步。 网页制作基础教程网页制作基础教程 14.5 14.5 网站的管理与维护网站的管理与维护 1

22、4.5.3 14.5.3 使用设计备注使用设计备注 n在【站点定义】在【站点定义】对话框中，选择对话框中，选择“设计备注设计备注”分分 类，启用设计备注功能。类，启用设计备注功能。 n使用设计备注步骤：使用设计备注步骤： n选择要添加设计备注的文件；选择要添加设计备注的文件； n选择选择【文件文件】【设计备注设计备注】命令；命令； n【设计备注设计备注】对话框中设置相关选项；对话框中设置相关选项； n单击单击“所有信息所有信息”标签，切换到标签，切换到【所有信息所有信息】 选项卡设置相关选项；选项卡设置相关选项； 1.1.单击单击【确定确定】按钮，给文档添加设计备注。按钮，给文档添加设计备注。

23、 网页制作基础教程网页制作基础教程 14.6 14.6 检查站点检查站点 n检查的对象主要是链接、目标浏览器、辅助功能、检查的对象主要是链接、目标浏览器、辅助功能、 验证标记等。验证标记等。 n在在DreamweaverDreamweaver的的“文件文件”|“”|“检查页检查页”菜单，提菜单，提 供了各种检查功能。供了各种检查功能。 网页制作基础教程网页制作基础教程 14.6 14.6 检查站点检查站点 n检查辅助功能：用于检查站点是否符合辅助功能设计标准。检查辅助功能：用于检查站点是否符合辅助功能设计标准。 n检查链接：用于检查站点中网页文档中的链接错误和空白检查链接：用于检查站点中网页文

24、档中的链接错误和空白 链接。链接。 n检查目标浏览器：用于检查站点对各种不同浏览器的兼容检查目标浏览器：用于检查站点对各种不同浏览器的兼容 性。性。 n验证标记：用于检查站点中的网页文件代码是否符合正确验证标记：用于检查站点中的网页文件代码是否符合正确 有效的代码标准，主要包括有效的代码标准，主要包括HTMLHTML、ASPASP、JSPJSP、PHPPHP、 JavaScriptJavaScript等。等。 n验证为验证为XMLXML：用于检查页面代码是否符合有效的：用于检查页面代码是否符合有效的XMLXML代码规代码规 范。范。 网页制作基础教程网页制作基础教程 14.6 14.6 检查站

25、点检查站点 14.6.1 14.6.1 检查辅助功能检查辅助功能 n检查辅助功能可以检查出很多不易发现的小问题，检查辅助功能可以检查出很多不易发现的小问题， 并能提供参考代码，最后还能生成十分详细的站并能提供参考代码，最后还能生成十分详细的站 点报告。点报告。 在在“文件文件”面板中，打开待检查的站点中的任一文件。面板中，打开待检查的站点中的任一文件。 选择选择“文件文件”|“检查页检查页”|“检查辅助功能检查辅助功能”命令。命令。 Dreamweaver开始自动检查，完成后在窗口底部的开始自动检查，完成后在窗口底部的 “结果结果”面板的面板的“站点报告站点报告”选项卡中显示检查的结选项卡中显

26、示检查的结 果果 网页制作基础教程网页制作基础教程 14.6 14.6 检查站点检查站点 14.6.2 检查链接检查链接 n通过检查链接及时发现并更新错误的链接，确通过检查链接及时发现并更新错误的链接，确 保站点能够正常地运行。保站点能够正常地运行。 n测试链接的操作步骤：测试链接的操作步骤： n选择站点选择站点| |检查站点范围内链接命令，检检查站点范围内链接命令，检 查链接；查链接； n检查完成后，切换到链接检查器选项卡；检查完成后，切换到链接检查器选项卡； n在链接检查器在链接检查器| |显示显示| |链接报告类型；链接报告类型； n选择检查链接的对象；选择检查链接的对象； n保存检查报告。保存检查报告。 网页制作基础教程网页制作基础教程 14.6 14.6 检查站