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

1、.,网页制作基础教程（Dreamweaver CS4）电子教案,葛艳玲主编,ISBN978-7-121-15403-4,.,第14章站点的整理维护与上传,本章重点：网站空间的申请，站点的发布和管理，站点的上传和测试，以及网站的推广等内容 。,.,第14章站点的整理维护与上传,14.1 网站整理上传 14.2 申请IP地址和注册域名 14.3 上传网站 14.4 网站的推广 14.5 网站的管理与维护 14.6 检查站点,14.1 网站整理上传,14.1.1 案例综述 本例以一个网站的上传及相关操作为例，介绍网站管理的一些基本方法 。 14.1.2 案例分析 我们要做的工作是： 申请网站空间 检

2、查站点 上传网站。,14.1 网站整理上传,14.1.3 实现步骤 申请网站空间 检查站点 设置/上传网站。,14.2 申请IP地址和注册域名,对于个人和一些小型企业来说，拥有自己的主机是不太可能的事，但可以采用租用主机空间的办法，为自己创建网上家园。 有些网站出于宣传站点的目的，提供免费主页空间服务，如、等网站都提供免费的主页空间。用户只需要填写申请表单，就可以得到免费的主页空间。,14.2 申请IP地址和注册域名,IP地址 Internet上每台主机都有惟一的地址，称为IP地址。 IP地址通常分为固定的IP地址和动态的IP地址。 IP地址是一个由32位二进制数组成的数字地址，由4组十进制数

3、字表示，中间用点号（.）分隔。如0。,14.2 申请IP地址和注册域名,域名 IP地址与域名是一一对应的。因为32位二进制数的IP地址不容易记忆，所以每个IP地址都可以申请惟一与其对应的、便于记忆的域名。 一个域名通常由2或3段字符构成。假设为aaa.bbb.ccc。其中ccc部分为顶级域名，bbb部分为二级域名，aaa部分为三级域名。,14.2 申请IP地址和注册域名,域名 域名的申请遵循“先来先注册”的原则. 首先，可以将自己想要注册的域名在网上输入查询，确认是否被注册； 其次，可以填写申请表格； 第三，用户支付所需费用即可取得该域名的拥有权。,14.2 申请IP地址

4、和注册域名,申请免费空间 有些网站出于宣传站点的目的，提供免费主页空间服务 。 用户只需填写申请表单，就可以得到免费的主页空间。 申请的空间将提供相对应的虚拟域名.如,申请空间的网站的域名,给你分配的虚拟域名,14.2 申请IP地址和注册域名,申请免费空间,第一步,14.2 申请IP地址和注册域名,申请免费空间,第二步,14.2 申请IP地址和注册域名,申请免费空间,第三步,14.2 申请IP地址和注册域名,申请免费空间,第四步,14.2 申请IP地址和注册域名,申请免费空间,第五步,14.2 申请IP地址和注册域名,申请免费空间,第六步,14.2 申请IP地址和注册域名,申请免费空间,第七步

5、,14.3上传网站,上传方式 Web上传方式效率不高； FTP上传方式效率高，且支持断点续传,Web上传方式,FTP上传方式,14.3上传网站,14.3.1 Web方式上传 通过使用网页上提供的“浏览”按钮选择文件，再点击“上传”或“确定”按钮完成上传。,14.3上传网站,14.3.2 使用上传工具上传 步骤1 安装FTP软件； 步骤2 连接FTP站点； 步骤3 上传文件 。,14.3上传网站,14.3.2 使用上传工具上传 以CuteFTP界面。主界面分为以下4个工作区。,14.3上传网站,14.3.2 使用上传工具上传 FTP站点的连接 “主机”这是FTP服务器的主机地址，在这里只要填写用

6、户的域名就可以了。 “用户名”填写注册网站空间时填写的用户名。 “密码”填写在注册网站空间时填写的密码。 “端口”软件会根据用户的选择自动更改相应的端口地址，一般包括FTP（21）和HTTP（80）两种。,14.3上传网站,14.3.2 使用上传工具上传 上传文件 将光标放在要上传的文件上右击，出现一个表单，单击“传送”即可。 将光标放在要上传的文件上，直接拖动文件到远端站点的用于存放Web页的目录下即可。,14.3上传网站,14.3.3 使用Dreamweaver中的上传、下载功能 定义站点的远程信息:站点定义 |远程信息,14.3上传网站,14.3.3 使用Dreamweaver中的上传、

7、下载功能 定义站点的远程信息,“访问”在该下拉列表中选择FTP。 “FTP主机”输入远程站点FTP服务器的URL。 “主机目录”输入FTP服务器中指定的站点根目录 “登录”输入登录FTP服务器的用户名。 “密码”输入登录FTP服务器的密码。 “测试”单击“测试”按钮，测试与服务器的连接。,14.4 网站的推广,14.4.1 登录搜索引擎的方法 步骤1 在浏览器地址栏输入 某一搜索引擎 ； 步骤2 打开首页导航栏的“搜索推广”链接 ；,14.4 网站的推广,14.4.2 设置meta信息(文件头) meta标签可以提供有关页面的信息，作为搜索引擎搜索的关键字。,14.5 网站的管理与维护,14.

8、5.1 文件扩展面板 单击站点“文件”面板右边的扩展/折叠按钮，可以展开站点“文件”管理面板。,14.5 网站的管理与维护,14.5.1 文件扩展面板 （1）站点文件视图按钮 ，可以在“文件”面板的空格中显示远程和本地站点的文件结构。 （2）测试服务器视图按钮 ，可以显示测试服务器和本地站点的目录结构。,14.5 网站的管理与维护,14.5.1 文件扩展面板 （3）连接/断开按钮 ，用于连接到远程站点或断开与远程站点的连接。 （4）刷新按钮 ，用于刷新本地和远程目录列表。 （5）获取文件按钮 ，用于将选定文件从远程站点复制到本地站点。 （6）上传文件按钮 ，用于将选定的文件从本地站点复制到远程

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

10、同步选定的文件。 “整个站点”：选择该项，同步整个站点文件。 “方向” “放置较新的文件到远程”：将较新的文件上传到远程站点。 “从远程获取较新文件”：从远程站点下载较新的文件。 “获取和放置较新文件”：将较新的文件同时放置在本地站点和远程站点。 “删除本地驱动器上没有的远端文件” 选择此复选框，将删除远程站点中不存在于本地站点中的文件。,14.5 网站的管理与维护,14.5.2 站点文件同步 设置完成后，单击“预览”按钮，Dreamweaver将扫描站点文件并显示将被更新的文件，若在列表中取消选择文件前面的复选框，则该文件不会被更新。 单击“确定”按钮，更新文件，保持两地站点的同步。,14.

11、5 网站的管理与维护,14.5.3 使用设计备注 在【站点定义】对话框中，选择“设计备注”分类，启用设计备注功能。 使用设计备注步骤： 选择要添加设计备注的文件； 选择【文件】【设计备注】命令； 【设计备注】对话框中设置相关选项； 单击“所有信息”标签，切换到【所有信息】选项卡设置相关选项； 单击【确定】按钮，给文档添加设计备注。,14.6 检查站点,检查的对象主要是链接、目标浏览器、辅助功能、验证标记等。 在Dreamweaver的“文件”|“检查页”菜单，提供了各种检查功能。,14.6 检查站点,检查辅助功能：用于检查站点是否符合辅助功能设计标准。 检查链接：用于检查站点中网页文档中的链接

12、错误和空白链接。 检查目标浏览器：用于检查站点对各种不同浏览器的兼容性。 验证标记：用于检查站点中的网页文件代码是否符合正确有效的代码标准，主要包括HTML、ASP、JSP、PHP、JavaScript等。 验证为XML：用于检查页面代码是否符合有效的XML代码规范。,14.6 检查站点,14.6.1 检查辅助功能 检查辅助功能可以检查出很多不易发现的小问题，并能提供参考代码，最后还能生成十分详细的站点报告。 在“文件”面板中，打开待检查的站点中的任一文件。 选择“文件”|“检查页”|“检查辅助功能”命令。 Dreamweaver开始自动检查，完成后在窗口底部的“结果”面板的“站点报告”选项卡

13、中显示检查的结果,14.6 检查站点,14.6.2 检查链接 通过检查链接及时发现并更新错误的链接，确保站点能够正常地运行。 测试链接的操作步骤： 选择站点|检查站点范围内链接命令，检查链接； 检查完成后，切换到链接检查器选项卡； 在链接检查器|显示|链接报告类型； 选择检查链接的对象； 保存检查报告。,14.6 检查站点,14.6.3 测试目标浏览器 浏览器测试，以确保文档中没有任何浏览器不支持的标签或属性。 测试目标浏览器的操作步骤如下： 保存文档 ； 选择文件|检查页检查目标浏览器命令 ； 打开结果面板，选择目标浏览器检查选项卡，单击检查目标浏览器按钮； 选择为整个站点检查目标浏览器命令，检查整个站点的目标浏览器； 完成后，在列表中显示检查结果。,14.6 检查站点,14.6.4 使用站点报告 使用站点报告可以测试文档或站点的