站点的整理维护与上传

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