Browse Prior Art Database

A Method for Improving Efficiency of Web Page Measurement

IP.com Disclosure Number: IPCOM000011707D
Original Publication Date: 2003-Mar-12
Included in the Prior Art Database: 2003-Mar-12
Document File: 2 page(s) / 153K

Publishing Venue

IBM

Abstract

Disclosed is a simple and useful tool to enable web developers to quickly verify whether the dimension of each component in a web page is compliant to the specified standard.

This text was extracted from a PDF file.
At least one non-text object (such as an image or picture) has been suppressed.
This is the abbreviated version, containing approximately 86% of the total text.

Page 1 of 2

A Method for Improving Efficiency of Web Page Measurement

A web page consists of several areas. For example, as specified in the IBM.com~fs v11 standard as follows:

Figure 1. IBM.com page layout / column grid standard

The process flow of the tool is as follows:

a. Specify the rules:

Web designer will specify the page layout information in the tool to allow grid lines to be displayed in each page. For instance, 250 pixel from the left. For element information, web designer will have to provide the type and dimension, e.g. width is 443 pixels, and height is 33 pixels.

b. Running the tool:

Once the rules have been defined in the tool, web designer will open the browser and go to the page to be checked. At this point, user can invoke the tool to display the grid lines. E.g.

1

[This page contains 1 picture or other non-text object]

Page 2 of 2

Figure 2. Grid lines displayed in the browser

By having the grid lines to appear in the browser~fs window, web designer can easily justify whether each area is compliant to the standard. The tool will also allow web designer to check any distance in terms of pixels between any two points on the screen. For element checking, web designer has to first specify its type with the dimension information before the tool can tell whether it is compliant to the dimension in the defined rules.

c. Viewing the report

All the functions executed with its output will be output in a report file. This allow web designer to perform corrective acti...