理论教育 DIV+CSS3网页设计与制作-测试

DIV+CSS3网页设计与制作-测试

时间:2023-11-22 理论教育 版权反馈
【摘要】:对网页内容和网站整体性能进行有效测试是十分必要的。图13.1.3服务器设置窗口④勾选“测试”,关掉“远程”,单击“保存”。图13.1.4网站测试服务器的设置13.1.2链接检查链接是网站系统的一个主要特征,它是在页面之间切换和指导用户去目的网页浏览信息的主要手段。

DIV+CSS3网页设计与制作-测试

【案例引入】

华为技术有限公司于1987年成立于中国深圳,是电信网络解决方案供应商。华为的主要营业范围是在电信领域为世界各地的客户提供网络设备、服务和解决方案。华为从一个注册资产21 000元,员工14人的小型民间企业发展到现在员工24 000多人,其中外籍员工3 400多人,销售额近500亿元人民币的跨国公司,被业界奉为“神话”。

华为通过一种精神把这样一个巨大公司团结起来,而且使企业充满活力。华为这种团队精神就是“狼性”。华为非常崇尚“狼”,认为狼是企业学习的榜样,要向狼学习“狼性”,狼性永远不会过时。华为总裁任正非在他的一次题为《华为的红旗到底能打多久》的讲话中提到,企业就是要发展一批狼,狼有最显著的三大特性:一是敏锐的嗅觉;二是不屈不挠、奋不顾身、永不疲倦的进攻精神;三是群体奋斗

敏锐的嗅觉:在华为表现的是对市场的快速反馈和对危机的特别警觉。任正非推行“不管过程,只重结果”的管理授权。为了实现企业对市场的快速扩张,公司团队不断发动了一轮又一轮的凶猛进攻,攻城略地,甚至不断占有和蚕食竞争对手的领地。任正非认为企业越是高速成长、越是发展顺利,就越容易忽视隐藏在背后的管理问题。任正非在平时总是大力强调这种忧患意识,着意培养下属的危机感。

不屈不挠、奋不顾身的进攻精神:任正非尊崇商场就是战场,指挥员下达命令进攻,其下属就要立刻冲锋陷阵,勇往无前,无论如何也要拿下阵地。这种狼性文化,使华为从管理层到各个团队成员保持对市场发展和客户需要的高度敏感性,保持对市场变化的快速反应和极强的行动能力,保持强大而坚定的信念并且在运转过程中表现出高效率的团队协同作战精神。

群体奋斗:在华为体现为“忠诚,勇敢,团结,服从”。其中,最为重要的是团结合作的精神。人们刚开始会觉得华为人的素质比较高,但对手们换了一批素质同样很高的人,发现华为还是很难战胜。最后大家明白过来,与他们过招的,远不止是前沿阵地上的几个冲锋队员,这些人的背后是一个强大的后援团队,他们有的负责技术方案设计,有的负责外围关系拓展,有的甚至已经打入了竞争对手内部。一旦前方需要,马上就会有人来增援。

华为正是通过这些“狼性”特点来保持团队的高效性。正是华为的这种独具特色的文化塑造了华为的核心竞争力,华为也是通过这种“狼性”文化打造出了高绩效团队。

【案例分析】

华为技术有限公司取得巨大成功,得益于高绩效团队的打造,它通过狼性精神把一个巨大公司团结起来,华为的员工表现出高效率的团队协同作战精神,其中最为重要的是团结合作的精神。华为的冲锋队员,背后是一个强大的后援团队。我们在完成一个网站项目及后面的维护管理中,也离不开团队的共同努力,我们要养成团队合作、协调一致的良好习惯。

【主要知识点】

在网站开发、设计、制作过程中,对网站系统的测试、确定和验收是一项重要而富有挑战性的工作。网站系统测试与传统的软件测试不同,它不但需要检查是否按照设计要求运行,而且还要测试系统在不同用户端的显示是否合适,最重要的是从最终用户的角度进行安全性和可用性测试。对网页内容和网站整体性能进行有效测试是十分必要的。

13.1.1 网站测试服务器的建立

①启动Dreamweaver CC 2019,进入“站点”菜单,单击“管理站点”,选择已经制作好的“lantian”网站名,如图13.1.1所示。

微课13.1 测试站点的建立

图13.1.1 “lantian”网站管理窗口

②单击“管理站点”右下角的编辑按钮(笔形),进入“站点设置”界面,如图13.1.2所示。

图13.1.2 “lantian”网站站点设置界面

③单击界面左侧的“服务器”,再单击下面的小加号(+),跳出服务器设置窗口,设置服务器名称为“LT”,修改连接方法为“本地/网络”,选择服务器文件夹D:/shopping,改成http://127.0.0.1/,单击“保存”。效果如图13.1.3所示。

图13.1.3 服务器设置窗口

④勾选“测试”,关掉“远程”,单击“保存”。本地的测试服务器就设置好了。效果如图13.1.4所示。

图13.1.4 网站测试服务器的设置

13.1.2 链接检查

链接是网站系统的一个主要特征,它是在页面之间切换和指导用户去目的网页浏览信息的主要手段。链接测试可分为三个步骤:首先,测试所有链接是否按指示的那样确实链接到了该链接的页面;其次,测试所链接的页面是否存在;最后,保证网站上没有孤立的页面。所谓孤立页面,是指没有链接指向该项页面。

1)检查链接错误

①启动Dreamweaver CC 2019,打开蓝天电器商城网站主页。进入站点菜单,单击“站点选项”,检查站点范围的链接,进入“链接检查器”面板,效果如图13.1.5所示。

(www.daowen.com)

图13.1.5 “链接检查器”

②“显示”下拉列表有断掉的链接、外部链接、孤立文件三个选项,选择要检查的链接方式。链接检查完毕会在窗口中显示检查结果。

断掉的链接:检查文档中是否存在断开的链接,这是默认选项。

外部链接:链接到站点外的链接,不能检查。

孤立文件:检查站点中是否存在没有任何链接引用的文件,该选项只适合整个站点链接的检查。

2)更改链接

单击“站点选项”下面的“改变站点链接范围”项,可以修改链接对象。效果如图13.1.6所示。

图13.1.6 修改链接

13.1.3 HTML语法检查

HTML语法检查主要是检查HTML的错误语法以及是否会影响浏览器的编译速度。

1)清理html/xhtml

在“工具”菜单里面的“清理html/xhtml”项目起到移除空的标签区块、多余的嵌套标签等作用。效果如图13.1.7所示。

图13.1.7 清理html/xhtml

2)清理Word生成的html

有些网页元素是由Word生成并转入DW文件中的,是Word用来格式化和显示Word文档的,在显示HTML文件时并不需要,所以需要将它清理掉。

“工具”菜单里面的“清理Word生成的html”项目能够将Word生成的html清理掉。效果如图13.1.8所示。

图13.1.8 清理Word生成的html

3)拼写检查

“工具”菜单里面的“拼写检查”项目(快捷键shift+F7)能够将网页上的中英文语法错误检查出来。效果如图13.1.9所示。

图13.1.9 拼写检查

课程育人】

通过对案例引入与本任务的融合学习,总结如下:

1.我们在进行测试网站知识点的学习时,要重视团队力量,培养团队合作、协调一致的良好习惯;

2.在实际学习中,学会规划统筹全局、重视集体力量,重视全面看问题的能力。

【课堂互动】

请为前面做好的“旅游网站”进行网站发布准备,检测“旅游网站”在浏览器中的兼容性,链接是否正确,是否能准确跳到对应的页面去,是否有冗余标签与语法错误等。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈