WEB测试学习笔记（三）

一、测试HTML（静态Web）

'GC3W}9E01、HTML51Testing软件测试网V#GD'q%eY&y

HTML（HyperText Markup Language,超文本标识语言）是用来将内容发布在万维网上的一种语言。它是因特网的语言，支持文本、多媒体、多种脚本语言、样式单、表格、表单、当然还有超链接。

9mZo/IpD01.1、基本标记符

(TGd\Ly3B$y"V0HTML使用标记符（tag）告诉浏览器如何布局文本和图片以及如何运作。标记符由元素，以及该元素的一个或几个属性（attribute）组成。属性也可以有属性值。大多数标记符都是成对出现的，其中开标记符告诉浏览器开始一种格式样式或行为；闭标记符则告诉浏览器结束这一格式样式或该行为作用的区域。

Cl|%Ujd(e02、测试web上的设计

• 设计是颜色选择、图片类型、元素在页面上的设置以及数据的基本布局。
• 内容的组织是站点的信息架构；
• 信息架构是导航特性和内容的组合。

M'pEh8e"i/]02.1整洁是最重要的

lb Qu1B1@bT$b*BcJ0在设计中，整洁就是对图标尺寸、颜色方案以及页面布局的考虑。51Testing软件测试网&j1M:LQ
S P&d

N!Is z3r:g\'Uw02.2测试其他设计方面的问题

• 用户能够进行打印吗？
• 有Help帮助页面吗？
• 应用中会用到热键吗？
• 为页面设置怎样的tab热键顺序呢？

2.3测试设计时想着图片

|*{S)b'} A%D@ e5wU0设计的内容不仅仅包括布局，还包括站点的图像元素。在对任何web应用开始检查时，应该检查所有图片能显示并确保没有断掉的图像标记符。总的规则是，单个图像的大小不能超过24KB（最好使用更小的图像），并且如果是站点主页的话，这个页面的大小不能超过50KB

}]RU8P Mp02.4测试设计的易用性问题

2.5测试性能