|
|
The following sections describe how to transform typical web page constructions for delivery to wireless devices:
Before you create transformation rules for individual web pages, check all of the pages for patterns. You might find that each page that contains a particular type of information follows the same pattern or template. You can use Design Studio to create transformation rules for one page and apply the rules to all like pages. If the page template changes, you only have one page to update, rather than many.
Suppose a site has 20 pages, each describing a different product. Each page is set up as a table, with the content you want to provide to wireless users in just one cell of the table, as follows:
To transform these template-based product pages, perform these steps:
Step 2 Add a product page to the project.
Step 3 When you create page identifier rule(s), choose one or more identifiers that uniquely identify all product pages.
Keep in mind that the identifier(s) need to match all product pages but not match any other page types. Suppose that the URL and title elements for the pages have these characteristics:
To uniquely identify the product pages, use a combination of the URL (www.company.com/products) and title element (Product Line:).
Step 4 To transform the content, right-click the td element that you want to keep and choose Select from the shortcut menu.
Step 5 In the Configure: Select Rule dialog box, click the Project radio button.
In this case, you want to apply the Select rule to the td element on all pages that you add to this project.
Step 6 Choose the device types you want to include in this rule and click Done.
Step 7 Click the Browse tab and browse to the next product page you want to include in this project.
If you have set up the identifier rules correctly, the lower-left pane of the Design Studio window indicates that the page passes the identifier rules of the first page you added. If this does not occur, you need to return to the first page and correct the identifier rules.
Step 8 Click Add Page.
Step 9 For the page you just added, click a device type in the project tree.
You now see that the rule you applied to the first page is also transforming this page.
Step 10 Repeat steps 7 and 8 for each product page.
Most query and results pages follow a similar pattern: A query includes input elements and results pages can contain a variable number of results.
Suppose a web page containing a query form has the following general setup:
For this example, you want to include only the query form on the transformed page.
To transform the query page, perform these steps:
Step 2 Apply the Select rule to the table element that contains the query form.
Step 3 Apply the Select rule to the formbegin and formend elements.
Step 4 If the table contains elements you do not want to include in the transformed page, apply the Clip or Ignore rules as appropriate.
Now you are ready to transform the results page. In this case, the results page is a list of links, each followed by a brief description of the link destination.
Suppose the results page has the following general setup:
For this example, you want to include only the links, not the descriptions, on the transformed page.
To transform the results page, perform these steps:
Step 2 Enter a query.
Step 3 Add the results page to the project and create unique identifier rules for it.
The easiest way to handle this page is to clip the descriptive text and any other elements you do not want in the transformed page.
Step 4 Right-click the first font element (corresponding to the descriptive text).
Step 5 Choose Clip from the shortcut menu.
Step 6 In the Configure: Clip Rule dialog box, choose the device types you want to include in this rule.
Step 7 In the Path to Selected Element area, click the last font element listed.
The Configure Path Element dialog box displays.
Because all the descriptive text is contained in a font element, you only need to clip the first instance of the font element and apply it as follows:
Step 8 In the Configure Path Element dialog box, choose the All Depths and the All Positions radio buttons.
Step 9 Click Done and click Done again.
Step 10 Apply the Clip rule to other elements on the page that you do not want to include in the transformed page.
Dealing with dynamically generated pages requires that you understand how the page is constructed, how it changes, and how to uniquely identify the information you want to retain. For example, you can ask yourself: Does the page consist of a variable number of tables that may not always appear in the same location? If so, and you want to select just one table, you need to apply the Select rule to the table based on a unique characteristic, such as an element attribute.
The following example explains how to work with a dynamically generated table with these characteristics:
Suppose the table has the following general setup:
To transform a dynamically generated table, perform these steps:
Step 2 Clip the th elements for Heading 4 and Heading 5.
Step 3 Right-click the td element that corresponds to cell 1d.
Step 4 Choose Clip from the shortcut menu.
Step 5 In the Configure: Clip Rule dialog box, choose the device types you want to include in this rule.
Step 6 In the Path to Selected Element area, click the last td element listed.
The Configure Path Element dialog box displays.
By applying this Clip rule to multiple depths and positions, you can clip all cells in the fourth and fifth columns.
Step 7 In the Configure Path Element dialog box, choose the All Depths radio button.
This step clips cells in each row for this column.
Step 8 Choose the Range radio button and enter 4 in the Min text box.
This step clips cells from columns 4 through 999.
Step 9 Click Done and click Done again.
Step 10 Apply the Clip rule to other elements on the page that you do not want to include in the transformed page.
A web site might have links to PDF files, Word documents, or other binary data files on many pages. You can clip those links from all pages by creating one Clip rule.
To create one rule that clips all PDF links, perform these steps:
Step 2 If the page contains a PDF link, skip to the next step. Otherwise, open a different page.
Step 3 In the project tree, click a device type for the page you want to work with.
Step 4 In the XHTML source view, right-click an a element that contains a reference to a PDF file.
The tag will look similar to the following: <a href="filename.pdf">
Step 5 Choose Clip from the shortcut menu.
Step 6 In the Configure: Clip Rule dialog box, click the Project radio button.
In this case, you want to apply the Clip rule to all pages in this project.
Step 7 Choose the device types you want to include in this rule.
Step 8 In the Path to Selected Element area, click the last a element listed.
The Configure Path Element dialog box displays.
Step 9 Choose the All Depths and All Positions radio buttons.
Step 10 In the Attributes area, double-click the filename in the Value column and then delete everything up to the .pdf.
The Value column should now contain only .pdf.
Step 11 Click the cell in the Operation column and then choose contains from the drop-down menu.
The Attributes area now indicates that this rule will match against a elements with an href value containing .pdf.
Step 12 Click Done and click Done again.
 |
Note If you divided your web site pages across several projects, you need to perform the preceding procedure for each project. |
Posted: Mon Aug 18 17:02:21 PDT 2003
All contents are Copyright © 1992--2003 Cisco Systems, Inc. All rights reserved.
Important Notices and Privacy Statement.