第14章站点的整理维护与上传章节讲课

1、网页制作基础教程（网页制作基础教程（dreamweaver cs4dreamweaver cs4）电子教案电子教案isbn978-7-121-15403-41章节课件第第1414章站点的整理维护与上传章站点的整理维护与上传本章重点：网站空间的申请，本章重点：网站空间的申请，站点的发布和管理，站点的上传和测站点的发布和管理，站点的上传和测试，以及网站的推广等内容试，以及网站的推广等内容 。2章节课件第第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 检查站点检查站点3章节课件网页制作基础教程网页制作基础教程14.1 网站整理上传网站整理上传14.1.1 14.1.1 案例综述案例综述 本例以一个网站的上传及相关操作为例，介绍网本例以一个网站的上传及相关操作为例，介绍网站管理的一些基本方法站管理的一些基本方法 。14.1.2 14.1.2 案例分析案例分析 我们要做的工作是：我们要做的工作是： n申请网站空间申请网站空间n检查站点检查站点n上传网站。上传网站。4网页制作基础教程网页制作基础教程14.1 网站整理上传网站整理上传1

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

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

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

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

7、权。的拥有权。9网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间n有些网站出于宣传站点的目的，提供有些网站出于宣传站点的目的，提供免费主页空间服务免费主页空间服务 。n用户只需填写申请表单，就可以得到用户只需填写申请表单，就可以得到免费的主页空间。免费的主页空间。n申请的空间将提供相对应的虚拟域名申请的空间将提供相对应的虚拟域名.如如http:/ 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间第一步11网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和

8、注册域名地址和注册域名3.3.申请免费空间申请免费空间第二步12网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间第三步13网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间第四步14网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间第五步15网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免

9、费空间第六步16网页制作基础教程网页制作基础教程14.2 14.2 申请申请ipip地址和注册域名地址和注册域名3.3.申请免费空间申请免费空间第七步17网页制作基础教程网页制作基础教程14.314.3上传网站上传网站上传方式上传方式n webweb上传方式效率不高；上传方式效率不高；n ftpftp上传方式效率高，且支持断点续传上传方式效率高，且支持断点续传 web上传方式上传方式ftp上传方式上传方式18网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.1 web14.3.1 web方式上传方式上传通过使用网页上提供的通过使用网页上提供的“浏览浏览”按钮选择文按钮选

10、择文件，再点击件，再点击“上传上传”或或“确定确定”按钮完成上按钮完成上传。传。 19网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.2 14.3.2 使用上传工具上传使用上传工具上传 步骤步骤1 1 安装安装ftpftp软件；软件； 步骤步骤2 2 连接连接ftpftp站点；站点； 步骤步骤3 3 上传文件上传文件 。 20网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.2 14.3.2 使用上传工具上传使用上传工具上传 以以cuteftpcuteftp界面。主界面分为以下界面。主界面分为以下4 4个工作区。个工作区。 21网页制作基础教程

11、网页制作基础教程14.314.3上传网站上传网站14.3.2 14.3.2 使用上传工具上传使用上传工具上传1.1.ftpftp站点的连接站点的连接 n “主机主机”这是这是ftpftp服务器的主机地址，服务器的主机地址，在这里只要填写用户的域名就可以了。在这里只要填写用户的域名就可以了。n“用户名用户名”填写注册网站空间时填写的填写注册网站空间时填写的用户名。用户名。n“密码密码”填写在注册网站空间时填写的填写在注册网站空间时填写的密码。密码。n“端口端口”软件会根据用户的选择自动更软件会根据用户的选择自动更改相应的端口地址，一般包括改相应的端口地址，一般包括ftpftp（2121）和）和h

12、ttphttp（8080）两种。）两种。 22网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.2 14.3.2 使用上传工具上传使用上传工具上传2.2.上传文件上传文件 将光标放在要上传的文件上右击，出现一将光标放在要上传的文件上右击，出现一个表单，单击个表单，单击“传送传送”即可。即可。 将光标放在要上传的文件上，直接拖动文件将光标放在要上传的文件上，直接拖动文件到远端站点的用于存放到远端站点的用于存放webweb页的目录下即可。页的目录下即可。 23网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.3 使用使用dreamweaver中的上传

13、、下载功能中的上传、下载功能1.1.定义站点的远程信息定义站点的远程信息: :站点定义站点定义 | |远程信息远程信息 24网页制作基础教程网页制作基础教程14.314.3上传网站上传网站14.3.3 使用使用dreamweaver中的上传、下载功能中的上传、下载功能1.1.定义站点的远程信息定义站点的远程信息 “访问访问”在该下拉列表中选择在该下拉列表中选择ftpftp。“ftpftp主机主机”输入远程站点输入远程站点ftpftp服务器的服务器的urlurl。“主机目录主机目录”输入输入ftpftp服务器中指定的站点根目录服务器中指定的站点根目录“登录登录”输入登录输入登录ftpftp服务器

14、的用户名。服务器的用户名。“密码密码”输入登录输入登录ftpftp服务器的密码。服务器的密码。“测试测试”单击单击“测试测试”按钮，测试与服务器的连接。按钮，测试与服务器的连接。 25网页制作基础教程网页制作基础教程14.4 14.4 网站的推广网站的推广14.4.1 14.4.1 登录搜索引擎的方法登录搜索引擎的方法步骤步骤1 1 在浏览器地址栏输入在浏览器地址栏输入 某一搜索引擎某一搜索引擎 ；步骤步骤2 2 打开首页导航栏的打开首页导航栏的“搜索推广搜索推广”链接链接 ；26网页制作基础教程网页制作基础教程14.4 14.4 网站的推广网站的推广14.4.2 14.4.2 设置设置met

15、ameta信息信息( (文件头文件头) ) metameta标签可以提供有关页面的信息，作为标签可以提供有关页面的信息，作为搜索引擎搜索的关键字。搜索引擎搜索的关键字。 27网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.1 14.5.1 文件扩展面板文件扩展面板 n单击站点单击站点“文件文件”面板右边的扩展面板右边的扩展/折叠按钮，折叠按钮，可以展开站点可以展开站点“文件文件”管理面板。管理面板。 28网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.1 14.5.1 文件扩展面板文件扩展面板 （1 1

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

17、目录列表。，用于刷新本地和远程目录列表。（5 5）获取文件按钮获取文件按钮 ，用于将选定文件从远程站点复，用于将选定文件从远程站点复制到本地站点。制到本地站点。（6 6）上传文件按钮上传文件按钮 ，用于将选定的文件从本地站点，用于将选定的文件从本地站点复制到远程站点。复制到远程站点。30网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.1 14.5.1 文件扩展面板文件扩展面板 （7 7）取出文件按钮取出文件按钮 ，用于将文件的副本从远程服务，用于将文件的副本从远程服务器传输到本地站点，并且在服务器上将该文件标记为器传输到本地站点，并且在服务器上将该

18、文件标记为取出。取出。（8 8）存回文件按钮存回文件按钮 ，用于将本地文件的副本传输到，用于将本地文件的副本传输到远程服务器，并且使该文件可供他人编辑。远程服务器，并且使该文件可供他人编辑。（9 9）扩展扩展/ /折叠按钮折叠按钮 ，可以展开或折叠，可以展开或折叠“文件文件”面板，面板，以显示一个或两个窗口。以显示一个或两个窗口。31网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.2 14.5.2 站点文件同步站点文件同步 在在“文件文件”扩展面板中，选择扩展面板中，选择“站点站点”“同步同步”命令，打开命令，打开“同步文件同步文件”对话框对话框

19、。 32网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.2 14.5.2 站点文件同步站点文件同步 在在“同步文件同步文件”对话框中设置下列选项。对话框中设置下列选项。“同步同步” n“仅选中的本地文件仅选中的本地文件”：选择该项，只同步选定的文：选择该项，只同步选定的文件。件。n“整个站点整个站点”：选择该项，同步整个站点文件。：选择该项，同步整个站点文件。“方向方向”n“放置较新的文件到远程放置较新的文件到远程”：将较新的文件上传到远：将较新的文件上传到远程站点。程站点。n“从远程获取较新文件从远程获取较新文件”：从远程站点下载较新的文：从远程

20、站点下载较新的文件。件。n“获取和放置较新文件获取和放置较新文件”：将较新的文件同时放置在：将较新的文件同时放置在本地站点和远程站点。本地站点和远程站点。“删除本地驱动器上没有的远端文件删除本地驱动器上没有的远端文件”n选择此复选框，将删除远程站点中不存在于本地站点选择此复选框，将删除远程站点中不存在于本地站点中的文件。中的文件。33网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.2 14.5.2 站点文件同步站点文件同步 设置完成后，单击设置完成后，单击“预览预览”按钮，按钮，dreamweaver将将扫描站点文件并显示将被更新的文件，若在列表中

21、扫描站点文件并显示将被更新的文件，若在列表中取消选择文件前面的复选框，则该文件不会被更新。取消选择文件前面的复选框，则该文件不会被更新。 单击单击“确定确定”按钮，更新文件，保持两地站点的同步。按钮，更新文件，保持两地站点的同步。34网页制作基础教程网页制作基础教程14.5 14.5 网站的管理与维护网站的管理与维护14.5.3 14.5.3 使用设计备注使用设计备注 在在【站点定义站点定义】对话框中，选择对话框中，选择“设计备注设计备注”分分类，启用设计备注功能。类，启用设计备注功能。使用设计备注步骤：使用设计备注步骤： 1.1.选择要添加设计备注的文件；选择要添加设计备注的文件；2.2.选

22、择选择【文件文件】【设计备注设计备注】命令；命令； 3.3.【设计备注设计备注】对话框中设置相关选项；对话框中设置相关选项；4.4.单击单击“所有信息所有信息”标签，切换到标签，切换到【所有信息所有信息】选项卡设置相关选项；选项卡设置相关选项；5.5.单击单击【确定确定】按钮，给文档添加设计备注。按钮，给文档添加设计备注。 35网页制作基础教程网页制作基础教程14.6 14.6 检查站点检查站点检查的对象主要是链接、目标浏览器、辅助功能、检查的对象主要是链接、目标浏览器、辅助功能、验证标记等。验证标记等。在在dreamweaverdreamweaver的的“文件文件”| |“检查页检查页”菜单

23、，提菜单，提供了各种检查功能。供了各种检查功能。 36网页制作基础教程网页制作基础教程14.6 14.6 检查站点检查站点检查辅助功能：用于检查站点是否符合辅助功能设计标准。检查辅助功能：用于检查站点是否符合辅助功能设计标准。检查链接：用于检查站点中网页文档中的链接错误和空白检查链接：用于检查站点中网页文档中的链接错误和空白链接。链接。检查目标浏览器：用于检查站点对各种不同浏览器的兼容检查目标浏览器：用于检查站点对各种不同浏览器的兼容性。性。验证标记：用于检查站点中的网页文件代码是否符合正确验证标记：用于检查站点中的网页文件代码是否符合正确有效的代码标准，主要包括有效的代码标准，主要包括htm

24、lhtml、aspasp、jspjsp、phpphp、javascriptjavascript等。等。验证为验证为xmlxml：用于检查页面代码是否符合有效的：用于检查页面代码是否符合有效的xmlxml代码规代码规范。范。37网页制作基础教程网页制作基础教程14.6 14.6 检查站点检查站点14.6.1 14.6.1 检查辅助功能检查辅助功能检查辅助功能可以检查出很多不易发现的小问题，检查辅助功能可以检查出很多不易发现的小问题，并能提供参考代码，最后还能生成十分详细的站并能提供参考代码，最后还能生成十分详细的站点报告。点报告。 在在“文件文件”面板中，打开待检查的站点中的任一文件。面板中，打

25、开待检查的站点中的任一文件。 选择选择“文件文件”|“检查页检查页”|“检查辅助功能检查辅助功能”命令。命令。 dreamweaver开始自动检查，完成后在窗口底部的开始自动检查，完成后在窗口底部的“结果结果”面板的面板的“站点报告站点报告”选项卡中显示检查的结选项卡中显示检查的结果果 38网页制作基础教程网页制作基础教程14.6 14.6 检查站点检查站点14.6.2 检查链接检查链接 通过检查链接及时发现并更新错误的链接，确通过检查链接及时发现并更新错误的链接，确保站点能够正常地运行。保站点能够正常地运行。测试链接的操作步骤：测试链接的操作步骤：1.1.选择站点选择站点| |检查站点范围内链接命令，检检查站点范围内链接命令，检查链接；查链接；2.2.检查完成后，切换到链接检查器选项卡；检查完成后，切换到链接检查器选项卡；3.3.在链接检查器在链接检查器| |显示显示| |链接报告类型；链接报告类型；4.4.选择检查链接的对象；选择检查链接的对象； 5.5.保存检查报告。保存检查报告。39网页制作基础教程网页制作基础教程14.6 14.6 检查站点检查站点14.6.3 测试目标浏览器