1 / 26

网站测试与发布管理

网站测试与发布管理. 复习提问. 1 、制作网页之前要先创建站点,这样做有什么优点? 创建一个站点之后,在站点文件夹下进行的操作,其逻辑结构就和实际网站上的大部分一样,是相对路径,这样方便以后制作完成网页之后,发布到网站上可以直接使用。 否则容易出现绝对路径太多的问题,以后发布到网站上的网页容易出现找不到目标的情况. 课程引导. 已经做完的网站,其中还有没有问题? 网站的域名是如何得来的? 如何将做好的网站发布到 Internet 上? 如何让浏览者知道你的网站? 如何更新你的网站内容?. 知识目标. ( 1 )能够进行网站测试。

gates
Download Presentation

网站测试与发布管理

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 网站测试与发布管理

  2. 复习提问 1、制作网页之前要先创建站点,这样做有什么优点? 创建一个站点之后,在站点文件夹下进行的操作,其逻辑结构就和实际网站上的大部分一样,是相对路径,这样方便以后制作完成网页之后,发布到网站上可以直接使用。 否则容易出现绝对路径太多的问题,以后发布到网站上的网页容易出现找不到目标的情况

  3. 课程引导 • 已经做完的网站,其中还有没有问题? • 网站的域名是如何得来的? • 如何将做好的网站发布到Internet上? • 如何让浏览者知道你的网站? • 如何更新你的网站内容?

  4. 知识目标 (1)能够进行网站测试。 (2)会设计域名与申请域名。 (3)能够将网站发布。 (4)会网站的维护与更新。

  5. 案例展示 “泰和公司”网站

  6. 任务分析 • 对泰和公司网站进行测试 • 为泰和公司网站申请域名和空间 • 将泰和公司网站进行发布 • 对泰和公司网站进行推广宣传 • 对泰和公司网站进行维护更新

  7. 知识讲解(一) 一、网站测试 网站测试方案: (1)测试网页 (2)测试本地站点 (3)用户测试 (4)负载测试 (5)创建网站报告

  8. 知识讲解(一) (1)测试网页 检查链接 利用Dreamweaver提供的“链接检查器”方便地检查错误链接。 修改错误链接的方法是:在“链接检查器”选项卡中选中要修改链接的文件,单击“打开文件夹”按钮,然后选择正确的链接,单击【确定】按钮即可。也可以在文本框中直接输入正确的链接。 检查目标浏览器 检查目标浏览器的方法是:在Dreamweaver主窗口中,单击菜单【文件】→【检查页】→【检查目标浏览器】。 验证标记 在Dreamweaver主窗口中,单击菜单【文件】→【检查页】→【验证标记】。

  9. 知识讲解(一) (2)测试本地站点 将多个网页制作人员制作的网页整合成一个完整的网站,同时对本地站点进行联合测试,其测试内容有: 检查链接 检查页面效果 检查网页的容错性 检查兼容性

  10. 知识讲解(一) (3)用户测试 以用户身份测试网站的功能。主要测试内容有:评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调;页面布局是否合理;各种链接所放的位置是否合适;页面切换是否简便;对于当前访问位置是否明确等。 (4)负载测试 安排多个用户访问网站,让网站在高强度、长时间的环境中进行测试。主要测试内容有:网站在多个用户访问时访问速度是否正常;网站所在服务器是否会出现内存溢出、CPU资源占用是否不正常等。

  11. 知识讲解(一) (5)创建网站报告 Dreamweaver 能够自动检测网站内部的网页文件,生成关于文件信息、HTML代码信息的报告,以便网站设计者对网页文档进行修改。 创建网站报告的操作步骤如下: 在Dreamweaver主窗口中,单击菜单【站点】→【报告】,弹出 “报告”对话框。在“报告在”下拉列表框中选择生成站点报告的范围,可以是当前文档,整个当前本地站点、站点中的已选文件或文件夹。根据需要选择复选框,然后单击【运行】按钮,生成网站报告。

  12. 操作示范与实践(一) 站点测试 对泰和公司网站进行测试。

  13. 知识讲解(二) 二、申请域名与空间 (1)申请域名 要想拥有属于自己的网站,则必须拥有一个域名。域名是Internet上的名字,由若干英文字母和数字组成,由“.”分隔成几部分。 (2)申请空间(或自备主机) 如果网站的页面设计已完成,网站的属性也已经设置好,接下来就是发布网站。如果本地计算机就是一个Web服务器,则可以将网站通过本地开设的Web服务器进行发布。但是对于大多数用户来说,在本地开设Web服务器,不仅成本较高,而且维护起来比较麻烦,所以大多数用户都是到网上寻找主页空间。 目前,网络上提供的主页空间有两种形式:收费的主页空间和免费的主页空间。

  14. 操作示范(二) 为泰和公司申请免费域名与空间 再www.mycool.net申请域名 在cn.5944.net申请空间

  15. 知识讲解(三) 三、网站的发布 通过Dreamweaver上传 使用Ftp工具上传

  16. 操作示范(三) (1)上传文件 使用Dreamweaver上传文件 Dreamweaver自带FTP上传功能,使用Dreamweaver FTP功能必须先设置远程服务器。操作步骤如下: (a)启动Dreamweaver,打开“文件”面板,在本地站点浏览窗口选择上传的文件或文件夹,然后单击【上传文件】按钮 ,上传文件。 (b)如果在上传之前如果没有设置过远程服务器,会弹出提示定义远程服务器的对话框。 (c)单击【是】按钮,打开定义站点对话框,需要根据主页空间的类型选择合适的服务器类型,这里选择“FTP”。 (d)选择“FTP”后,填写“FTP主机”地址,该地址是由申请的主页空间提供的。 (e)网站上传完成后,单击站点管理器上方的【展开以显示本地和远端站点】按钮 ,就可以看到站点文件已被上传到主机目录中了。

  17. 操作示范(三) 使用CuteFTP上传文件 先从网上下载CuteFtp软件,该软件安装与使用都非常方便,使用CuteFtp上传网页时,只需按照该软件提供的“向导”操作即可。 还有FlashFXP 、LeapFTP

  18. 操作示范(三) (2)获取文件 获取文件之前同样要连接远端服务器,获取文件的 操作如下: 在远端服务器浏览窗口中选择需要获取的文件或者文件夹。 单击【获取文件】按钮 ,文件即会被下载到本地站点中。

  19. 课堂实践与模仿 课堂实践——站点发布 将泰和公司网站发布到指定Web服务器上

  20. 知识讲解(四) 四、网站的宣传与推广 注册到搜索引擎 广告交换 网络广告 友情链接

  21. 知识讲解(五) 五、网站的维护与更新 (1)网站的维护 使用设计备注 使用遮盖 取出文件和存回文件 (2)网站的更新 一个网站,只有不断更新才会有生命力,人们上网无非是要获取所需信息,只有不断提供人们所需要的内容,才能有吸引力。网站应当经常有吸引人的、有价值的内容,让人能够经常访问。在网站栏目设置上,最好将一些可以定期更新栏目放在首页,使首页的更新频率更高些。

  22. 课堂实践与模仿 课堂实践——站点维护 更新公司简介、业务范围

  23. 疑难解析 问题1:如何设计一个响亮的网站名与域名? 问题2:如何防患网站瘫痪或内容丢失?

  24. 归纳总结 一个网站开发完成后必须经过认真的测试才能发布,以免浏览网站出现一些错误。一个网站要发布在服务器上去,才能被他人浏览。 本章主要介绍了网站的测试、申请域名和空间、网站的发布、网站的宣传与推广、网站的维护与更新。

  25. 扩展性任务 申请免费域名与空间,并将个人网站上传发布

  26. 下次再见!

More Related