《站点的整理维护与上传.ppt》由会员分享，可在线阅读，更多相关《站点的整理维护与上传.ppt（43页珍藏版）》请在三一办公上搜索。
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 案例分析 我们要做的工作是：申请网站空间检查站点上传网站。,14.1 网
2、站整理上传,14.1.3 实现步骤 申请网站空间检查站点设置/上传网站。,14.2 申请IP地址和注册域名,对于个人和一些小型企业来说，拥有自己的主机是不太可能的事，但可以采用租用主机空间的办法，为自己创建网上家园。有些网站出于宣传站点的目的，提供免费主页空间服务，如、等网站都提供免费的主页空间。用户只需要填写申请表单，就可以得到免费的主页空间。,14.2 申请IP地址和注册域名,IP地址Internet上每台主机都有惟一的地址，称为IP地址。IP地址通常分为固定的IP地址和动态的IP地址。IP地址是一个由32位二进制数组成的数字地址，由4组十进制数字表示，中间用点号（.）分隔。如。,14.2
3、 申请IP地址和注册域名,域名IP地址与域名是一一对应的。因为32位二进制数的IP地址不容易记忆，所以每个IP地址都可以申请惟一与其对应的、便于记忆的域名。一个域名通常由2或3段字符构成。假设为。其中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地址和注册域名,申请免费空间,第七步,14.3上传网站,上传方式 Web上传方式效率不高；FTP上传方式效率高，且支持断点续传,Web上传方式,F
5、TP上传方式,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中的上传、下载功能定义站点的远程信息,“访问”在该下拉列表中选择FTP。“FTP主机”输入远程站点FTP服务器的URL。“主机目录”输入FTP服务器
7、中指定的站点根目录“登录”输入登录FTP服务器的用户名。“密码”输入登录FTP服务器的密码。“测试”单击“测试”按钮，测试与服务器的连接。,14.4 网站的推广,14.4.1 登录搜索引擎的方法步骤1 在浏览器地址栏输入 某一搜索引擎；步骤2 打开首页导航栏的“搜索推广”链接；,14.4 网站的推广,14.4.2 设置meta信息(文件头)meta标签可以提供有关页面的信息，作为搜索引擎搜索的关键字。,14.5 网站的管理与维护,14.5.1 文件扩展面板 单击站点“文件”面板右边的扩展/折叠按钮，可以展开站点“文件”管理面板。,14.5 网站的管理与维护,14.5.1 文件扩展面板（1）站点
8、文件视图按钮，可以在“文件”面板的空格中显示远程和本地站点的文件结构。（2）测试服务器视图按钮，可以显示测试服务器和本地站点的目录结构。,14.5 网站的管理与维护,14.5.1 文件扩展面板（3）连接/断开按钮，用于连接到远程站点或断开与远程站点的连接。（4）刷新按钮，用于刷新本地和远程目录列表。（5）获取文件按钮，用于将选定文件从远程站点复制到本地站点。（6）上传文件按钮，用于将选定的文件从本地站点复制到远程站点。,14.5 网站的管理与维护,14.5.1 文件扩展面板（7）取出文件按钮，用于将文件的副本从远程服务器传输到本地站点，并且在服务器上将该文件标记为取出。（8）存回文件按钮，用于
9、将本地文件的副本传输到远程服务器，并且使该文件可供他人编辑。（9）扩展/折叠按钮，可以展开或折叠“文件”面板，以显示一个或两个窗口。,14.5 网站的管理与维护,14.5.2 站点文件同步 在“文件”扩展面板中，选择“站点”“同步”命令，打开“同步文件”对话框。,14.5 网站的管理与维护,14.5.2 站点文件同步 在“同步文件”对话框中设置下列选项。“同步”“仅选中的本地文件”：选择该项，只同步选定的文件。“整个站点”：选择该项，同步整个站点文件。“方向”“放置较新的文件到远程”：将较新的文件上传到远程站点。“从远程获取较新文件”：从远程站点下载较新的文件。“获取和放置较新文件”：将较新的
10、文件同时放置在本地站点和远程站点。“删除本地驱动器上没有的远端文件”选择此复选框，将删除远程站点中不存在于本地站点中的文件。,14.5 网站的管理与维护,14.5.2 站点文件同步 设置完成后，单击“预览”按钮，Dreamweaver将扫描站点文件并显示将被更新的文件，若在列表中取消选择文件前面的复选框，则该文件不会被更新。单击“确定”按钮，更新文件，保持两地站点的同步。,14.5 网站的管理与维护,14.5.3 使用设计备注 在【站点定义】对话框中，选择“设计备注”分类，启用设计备注功能。使用设计备注步骤：选择要添加设计备注的文件；选择【文件】【设计备注】命令；【设计备注】对话框中设置相关选
11、项；单击“所有信息”标签，切换到【所有信息】选项卡设置相关选项；单击【确定】按钮，给文档添加设计备注。,14.6 检查站点,检查的对象主要是链接、目标浏览器、辅助功能、验证标记等。在Dreamweaver的“文件”|“检查页”菜单，提供了各种检查功能。,14.6 检查站点,检查辅助功能：用于检查站点是否符合辅助功能设计标准。检查链接：用于检查站点中网页文档中的链接错误和空白链接。检查目标浏览器：用于检查站点对各种不同浏览器的兼容性。验证标记：用于检查站点中的网页文件代码是否符合正确有效的代码标准，主要包括HTML、ASP、JSP、PHP、JavaScript等。验证为XML：用于检查页面代码是
12、否符合有效的XML代码规范。,14.6 检查站点,14.6.1 检查辅助功能检查辅助功能可以检查出很多不易发现的小问题，并能提供参考代码，最后还能生成十分详细的站点报告。在“文件”面板中，打开待检查的站点中的任一文件。选择“文件”|“检查页”|“检查辅助功能”命令。Dreamweaver开始自动检查，完成后在窗口底部的“结果”面板的“站点报告”选项卡中显示检查的结果,14.6 检查站点,14.6.2 检查链接 通过检查链接及时发现并更新错误的链接，确保站点能够正常地运行。测试链接的操作步骤：选择站点|检查站点范围内链接命令，检查链接；检查完成后，切换到链接检查器选项卡；在链接检查器|显示|链接
13、报告类型；选择检查链接的对象；保存检查报告。,14.6 检查站点,14.6.3 测试目标浏览器 浏览器测试，以确保文档中没有任何浏览器不支持的标签或属性。测试目标浏览器的操作步骤如下：保存文档；选择文件|检查页检查目标浏览器命令；打开结果面板，选择目标浏览器检查选项卡，单击检查目标浏览器按钮；选择为整个站点检查目标浏览器命令，检查整个站点的目标浏览器；完成后，在列表中显示检查结果。,14.6 检查站点,14.6.4 使用站点报告使用站点报告可以测试文档或站点的HTML属性，可以检查外部链接，可合并嵌套字体标签、遗漏的替换文本、多余的嵌套标签、可移除的空标签和无标题文档等。,14.6 检查站点,14.6.4 使用站点报告使用站点报告的操作步骤：选择站点报告命令；在【报告】下拉列表中选择要报告的内容；在【选择报告】列表中选择报告类型，然后单击【运行】按钮；完成后，打开【结果】面板，在【站点报告】选项卡中显示报告结果；双击列表中的报告，可以在文档窗口中打开。,完,
