Abstract:
A method of providing content to be presented on a terminal, said method comprising: taking as an input a first document in a first document language, the first document language using markup tags to define elements of the document, said first document language including a first set of element types, translating the first document into a second document in a second document language, the second document language using markup tags, text or document codings to define elements of the second document, said second document language including a second set of element types, wherein the first set of element types includes a first element type, for which an equivalent element type is not present in said second set, and wherein the first document includes a section including said first element type and at least one attribute of the element type, the method comprising processing said first section in the first document, and generating a corresponding second section in said second document, said second section including a second element type, wherein one of said first section and said second section includes two separate subsections which each include one or more attributes corresponding to one or more attributes of said second or said first element type, respectively.

Description:
FIELD OF THE INVENTION  
       [0001]     The present invention relates to a method of providing content to be presented on a terminal using a document browser application, the method comprising taking as an input a first document in a first document browser language, the first document browser language using markup tags to define elements of the document, the first document browser language including a first set of element types, translating the first document into a second document in a second document browser language, the second document browser language using markup tags to define elements of the second document, the second document browser language including a second set of element types. The invention further relates to apparatus and software arranged to carry out the described method.  
       BACKGROUND OF THE INVENTION  
       [0002]     The enabling of browser content across different types of user terminal device can be problematic, since often different devices have different browser types or versions, each requiring a document to be input in a different document browser language.  
         [0003]     One known method for enabling content across different device types are “transcoding” solutions which convert content from one language to another.  
         [0004]     The Open Useabilty Interface (OUI) is an open source project which principally focuses on the transcoding part of content creation. Originally OUI was developed within the mobile software company Openwave. The project seems to require each manufacturer&#39;s device to have a distinct software implementation of a “rendering engine”, and does not handle generation of content other than the languages WML and XHTML-Mobile Profile.  
         [0005]     XMS Stylesheet Translation Language (XSLT) is an XML technology that takes a source file in an XML format, applies a series of translations to it and produces content according to the transformation rules. This is a common technology available with Java Application Server platforms. However, the content author must regenerate their site within an XML format so that XSLT can be applied. To function optimally XSLT files need to be created for every device, device class (where common capabilities) or device variant, therefore authoring XSLT files is relatively intensive process, ant the content author needs to acquire detailed knowledge about devices in order to create XSLT files.  
         [0006]     One problem associated with all types of document translation from one document browser language to another is the case in which the target document browser language does not have an element type which is equivalent to an element type in the original content.  
         [0007]     It is an object of the present invention to overcome the drawbacks of the prior art.  
       SUMMARY OF THE INVENTION  
       [0008]     In accordance with one aspect of the present invention, there is provided a method of providing content to be presented on a terminal, said method comprising:  
         [0009]     taking as an input a first document in a first document language, the first document language using markup tags to define elements of the document, said first document language including a first set of element types,  
         [0010]     translating the first document into a second document in a second document language, the second document language using markup tags, text or document codings to define elements of the second document, said second document language including a second set of element types,  
         [0011]     wherein the first set of element types includes a first element type, for which an equivalent element type is not present in said second set, and wherein the first document includes a section including said first element type and at least one attribute of the element type,  
         [0012]     the method comprising processing said first section in the first document, and generating a corresponding second section in said second document, said second section including a second element type,  
         [0013]     wherein one of said first section and said second section includes two separate subsections which each include one or more attributes corresponding to one or more attributes of said second or said first element type, respectively.  
         [0014]     The invention provides for translation of element types between the first and second documents, even where a one-to-one equivalence between the element types does not exist in the two different document browser languages.  
         [0015]     In accordance with a feature of the invention, the two separate subsections may be at the same level of hierarchy in the respective document in which they are present.  
         [0016]     In accordance with a further feature of the invention, the two different subsections may be at different levels of hierarchy in the respective document in which they are present.  
         [0017]     In an embodiment of the invention, said second section includes two separate subsections which each include one or more attributes corresponding to one or more attributes of said first element type.  
         [0018]     The second section may include two separate subsections which each include the same attribute, said same attribute corresponding to an attribute of the first element type.  
         [0019]     The first section may include a first subsection including a template element and a plurality of further subsections defining parts of a document to be presented separately on the user terminal. The second section may include a plurality of equivalent subsections corresponding to each of said further subsections; said equivalent subsections each including the same attribute, and said same attribute corresponding to an attribute of said template element. The template element type may for example have a hyperlink attribute defined therein, and each of the equivalent subsections may include a corresponding hyperlink attribute.  
         [0020]     Alternatively, the second section may include two separate subsections which each include one or more different attributes, said different attributes each corresponding to at least one attribute of said first element type.  
         [0021]     This feature of the invention is applicable when said first element type is a form element type.  
         [0022]     In the second section produced in the translation of a form element, the two separate subsections of the second section may include a first subsection in which the presentation of input data fields is defined and a second subsection in which an action is defined whereby the data collected in said input data fields is sent a server.  
         [0023]     Further features and advantages of the invention will become apparent from the following description of preferred embodiments of the invention, given by way of example only, which is made with reference to the accompanying drawings.  
         [0024]     The two separate subsections may be in the first document and the second document may include one section which is equivalent to one of the two separate subsections. The two separate subsections may for example be in a WML document and may include a header element and a card element, respectively. A title attribute may be moved from a card element into a header element in the translated document.  
         [0025]     In further embodiments of the invention, the first set of element types includes attributes which do not exist in the second set of element types and wherein the translation is conducted using equivalent expressions using Cascading Style Sheet attributes.  
         [0026]     In yet further embodiments of the invention, the first set of element types includes attributes containing Cascading Style Sheet expressions which do not exist in the second set of element types and wherein the translation is conducted using equivalent expressions using element attributes.  
         [0027]     In further embodiments of the invention, the first set of element types includes attributes containing Cascading Style Sheet expressions which do not exist in the second set of element attributes and wherein the translation is conducted using equivalent expression using elements and attributes.  
         [0028]     In preferred embodiments of the invention, a first set of element types, attributes and document content is converted to a second set of element types, attributes and document content according to specific real-time and pre-determinable capabilities of that device.  
         [0029]     During the translation process, the generation of a second document is partitioned into sections to enable operation with devices with limited bandwidth connections or memory limitations. There may be associated with the partitioning the generation of navigational elements allowing a user to select different sections equivalent to those in the first document.  
         [0030]     Further features and advantages of the invention will become apparent from the following description of preferred embodiments of the invention, given by way of example only, which is made with reference to the accompanying drawings. 
     
    
     BRIEF DESCRIPTION OF THE DRAWINGS  
       [0031]      FIG. 1  is a schematic diagram illustrating the arrangement of a data processing system in accordance with an embodiment of the invention;  
         [0032]      FIG. 2  is a schematic diagram illustrating the provision of contents different user terminals; and  
         [0033]      FIG. 3  is a flow diagram illustrating steps carried out by a document server in accordance with an embodiment of the invention. 
     
    
     DETAILED DESCRIPTION OF THE INVENTION  
       [0034]     Referring now to  FIG. 1 , a data processing system in accordance with the present invention includes, for the purposes of illustration, three different user terminals  2 ,  4 ,  6 , each in the form of, for example, mobile communications devices such as mobile telephones and/or personal digital assistants (PDAs) capable of receiving documents in a mark-up language format and displaying the document on a display screen (not shown). Each terminal  2 ,  4 ,  6  includes a data processing function and runs software applications including a document browser B 1 , B 2 , B 3 . Each of the document browsers in the respective user terminals is of a different type, and, in this example, each document browser B 1 , B 2 , B 3  requires document to be received in a different document browser language in order for the document to be successfully displayed in the respective device. Each respective user terminal  2 ,  4 ,  6  is connected by means of data links to a data communications network  8 , such as the Internet, and, via the data communications network  8 , to a document server  10 .  
         [0035]     The document server  10  is, in this embodiment, a Java Server Pages engine. The document server  10  has access to a device capability database  12  and a store of original content files  14 . Within the document server  10 , a servlet engine  16  interacts with the browsers B 1 , B 2 , B 3  on the user terminals  2 ,  4 ,  6  by receiving requests and responding thereto appropriately. The system of the present invention also includes a Java Server Pages (JSP) tag library  18  containing a set of tag handlers  20  and a device renderer  22 .  
         [0036]      FIG. 2  illustrates the basic principle of the present invention, insofar as each of the different user terminals  2 ,  4 ,  6  running different browser applications B 1 , B 2 , B 3  accepts documents  24 ,  26 ,  28  in different document formats. In particular, each respective document  24 ,  26 ,  28  includes a differently formatted content C 1 , C 2 , C 3 , coded in a different document language which is compatible with the relevant document browser. In order to provide all of these different content types C 1 , C 2 , C 3  from a single original content file stored in content store  14 , the document server  10  conducts dynamic document translation as illustrated in  FIG. 3 .  
         [0037]     Referring to  FIG. 3 , the document server  10 , on receiving a document request, step  100 , from a selected device  2 ,  4 ,  6 , first obtains the device type, step  102 . The device type may be contained within the initial document request, or may be specifically requested in response to the initial document request. On receiving a device type indication, the device renderer  22  is used to query the device capability database  12  in order to determine the corresponding document language type(s) which the device supports. Next, the original content file is retrieved from the content store  14 . If the original content file is not in one of the languages which the device supports, the document server engine conducts translation of the original content file, step  108 , using the tag handlers  20  in the JSP tag library  18 . Once the document is translated, the translated file is transmitted to the requesting terminal, step  110 .  
         [0038]     The document server system of the present invention, referred to as the Mobiliser™ solution herein, dynamically delivers content to mobile devices and personal digital assistants (PDA&#39;s) which has been optimised according to the device capabilities. In the world of mobile devices and PDA&#39;s (unlike in desktop web access) there are huge variations in device capabilities and usable markup languages and this makes authoring for pages extremely difficult, costly and time consuming. The mobiliser solution has been developed to hide away all of this complexity in an easy to use software component.  
         [0039]     The mobiliser solution has been developed to work within a Java Application Server environment where Java Server Pages (JSP) is a key technology by which web designers create dynamic web sites. A dynamic web site is used for all but the most trivial web sites as it allows the end user to interact with the web site in more interesting ways for example allowing online searches, electronic commerce and applications involving database accesses. For the mobiliser solution JSP is a key technology enabler for dynamic interaction between the end user device and the web server.  
         [0040]     JSP technology allows the simple mixing of HTML markup tags and page content along with Java based programming capabilities. This allows a page designer to primarily work with standard HTML and page design features whilst having easy access to programming capabilities when needed for example in accessing databases.  
         [0041]     The mobiliser solution builds on a complementary JSP technology called Java Serverpages Tag Library (JSTL). JSTL allows the building of custom functionality that is easily used through “markup tags”. Markup tags follow a structure similar to the HTML markup language making it easy for web page designers to adapt to a more functionally rich environment.  
         [0042]     JSTL tags can provide powerful functionality to a web page designer through a simple interface which borrows significantly from familiar HTML page design. JSTL tags can encompass simple or complex software functionality that is accessed very simply using page markup tags.  
         [0043]     The mobiliser solution encompasses a significant amount of functionality behind a range of JSTL tags. The mobiliser tags provide software functionality that generates the most appropriate output for the end user&#39;s device. Key aspects of the mobiliser solution are  
         [0044]     Whenever a user connects to a dynamic web page, mobiliser matches the user device type against a large database of device capabilities  
         [0045]     Mobiliser generates page content suitable for the end user device whether this is WML, HTML, XHTML or XHTML-Mobile Profile  
         [0046]     Mobiliser also dynamically determines certain other device capabilities which are used at a lower level of page content creation  
         [0047]     Device capabilities are used in deciding how best to generate page content suitable for the end user device  
         [0048]     Mobiliser automatically creates “boilerplate” page headers which are required for the end user device to correctly read and interpret page content  
         [0049]     Where a specific device is missing a particular capability required for a page mobiliser will automatically provide a sensible translation  
         [0050]     Mobiliser will automatically paginate page content in the case where the end user device has content limitations (primarily relevant to mobile WAP devices)  
         [0051]     Mobiliser will automate certain tasks which are commonly required but tedious to do “by hand”—for example this applies to menu creation and image selection  
         [0052]     Mobiliser understands traditional HTML page styling and page styling using Cascading Style Sheets (CSS), it will translate to and from CSS according to the end user&#39;s device capabilities. CSS is a major platform for the styling of web pages and has been standardised as the future of web page development. The standards organisation W3C recommends page authors style pages using CSS for all new web pages. However, whilst Microsoft Internet Explorer and Netscape Navigator have long term support for CSS for desktop browsers this is not the case with the more primitive HTML browsers in PDAs and many mobile devices.  
         [0053]     The mobiliser solution uses as a foundation for its device capabilities an open source device capabilities project called WURFL—Wireless Uniform Resource File (http://wurfl.sourceforge.net). The WUREL project has collected device capabilities from a number of industry experts and the capabilities are maintained within an XML based file. This device capabilities file describes up to around 200 capabilities for nearly 2000 distinct mobile devices and device revisions.  
         [0054]     To improve systems performance the mobiliser solution holds the device capabilities in an SQL database rather than the original XML file. As an XML file the WURFL capabilities would have to be read and interpreted each time a page was requested. As an SQL database mobiliser rapidly accesses the relevant data rapidly. Mobiliser also internally caches device details for each user so that the database accesses are needed only initially when the user connects to a mobiliser based page—these are held for the user for around 30 minutes from when they last accessed a mobiliser based page.  
         [0000]     Cascading Style Sheet—Inline Style Processing  
         [0000]     Mobiliser translates to and from Cascading Style Sheet inline style mechanisms.  
       EXAMPLE A  
       [0055]     For a table cell: 
        &lt;mob:td color=“red”&gt;test&lt;/mob:td&gt;
 
 will be output as the following for HTML 3.2 and HTML 4 as these both support the color attribute: 
    &lt;td color=“red”&gt;test&lt;/td&gt;
 
 and will be output as: 
       
 
         [0058]     &lt;td style=“{color: red;}”&gt;test&lt;/td&gt; 
         [0000]     for XHTML Mobile Profile as this doesn&#39;t support the color attribute but instead requires CSS  
       EXAMPLE B  
       [0000]    
       
         
           
              &lt;mob:td style=“{color:red;}”&gt;test&lt;/mob:td&gt;
 
 will be output as the following for HTML 3.2 (which doesn&#39;t support CSS): 
 
              &lt;td color=“red”&gt;test&lt;/td&gt;
 
 and will be output as the following for XHTML Mobile Profile as this requires CSS: 
 
              &lt;td style=“{color:red;}”&gt;test&lt;/td&gt;
 
 Automatic Pagination 
 
           
         
       
     
         [0062]     A pagination algorithm is provided within the translation engine so that the content author needs to make no specific decisions themselves about where content is to be kept together or broken apart.  
         [0063]     As content is rendered by the software each distinct block of content, as identified by HTML or WML constructs, is first rendered for output, its size is calculated, and the algorithm decides on the way in which the content can be split into pages based on device parameters and content size.  
         [0064]     The algorithm ensures that individual HTML/WML constructs are not split apart. E.g all content in a paragraph &lt;p&gt; . . . &lt;/p&gt; will be displayed on the same page, as will all content for a table &lt;table&gt; . . . &lt;/table&gt;, and this rule is applied to all other constructs.  
         [0065]     The content author can elect to mark blocks that should be kept together on a page.  
         [0066]     The algorithm decides on the number of pages that will suit a particular user device and generates navigation links as next page/previous page links.  
         [0000]     Deep Context Analysis  
         [0067]     The paging capability described above is one instance of the mobiliser ability to traverse the hierarchy of a document to determine the best way to output the content.  
         [0068]     Whilst many constructs map simply from one device capability to another e.g. paragraphs occur in all the markup languages, there are some major differences.  
         [0069]     One example of this is in WAP content where there is the unique concept of division of downloadable content into distinct displayable pages. Such a concept does not exist with HTML and content rendering must insert an appropriate alternative. This is guided by the concept of a compatibility mode which a content author can optionally set and tells the software to either remove a specific feature if it has no direct equivalent, or translate it to features which do exist in the target device.  
       EXAMPLE 1  
       [0070]     An example of Deep Context Analysis is in WAP WML content where there is a concept of a template which defines standard navigation mechanisms available to all pages in a downloaded “deck” of content. With WML this is clearly quite valid and so is simply output. With HTML there is no equivalent mechanism, the details of the template items are interpreted and stored. When individual “cards” (pages) of information are output now as their HTML equivalents the template items are converted  
         [0071]     For example the following original WAP code:  
                                                   &lt;wml&gt;           &lt;template&gt;           &lt;do type=“accept” label=“next”&gt;&lt;go href =“next.jsp”/&gt; &lt;/do&gt;           &lt;/template&gt;           &lt;card id=“main”&gt;           &lt;p&gt;Mobiliser is a great new piece of technology&lt;br/&gt;&lt;br/&gt;           For further information &lt;a href =“#second”&gt;click here&lt;/p&gt;           &lt;p&gt;           Press the next option for the next page           &lt;/p&gt;           &lt;/card&gt;           &lt;card id=“ second”&gt;           &lt;p&gt;Mobiliser works in a JSP environment           &lt;/p&gt;           &lt;/card&gt;           &lt;/wml&gt;                      
 
         [0072]     Is translated to HTML as:  
                                                   &lt;html&gt;           &lt;body&gt;           &lt;p&gt;Mobiliser is a great new piece of technology&lt;br/&gt;&lt;br/&gt;           For further information &lt;a href =“#second” &gt;click here&lt;/p&gt;           &lt;p&gt;Press the next option for the next page&lt;/p&gt;           &lt;a href=“next.jsp”&gt;next&lt;/a&gt;           &lt;a name=“second&gt;           &lt;p&gt;Mobiliser works in a JSP environment           &lt;/p&gt;           &lt;a href=“next.jsp”&gt;next&lt;/a&gt;           &lt;/body&gt;           &lt;/html&gt;                      
 
         [0073]     As can be seen in this example the template cannot be immediately translated to an alternative construct as it can apply to multiple instances. In this example the template must have its equivalent output in each place where a WML card is defined as this is the only way in which it can be correctly emulated.  
         [0074]     Deep Context Analysis therefore introduces the concept of understanding document context to apply translations at the right point(s) of output rather than simply sequentially translating a feature from one markup language to another.  
         [0075]     This is a key differentiator because this cannot simply be done with sequential transcoding solutions or with XSLT type technologies.  
       EXAMPLE 2  
       [0076]     Deep Context Analysis does not just apply to content being translated from WML to HTML, it applies in the reverse direction for document forms. HTML creates forms using a specific &lt;form&gt; . . . &lt;/form&gt; construct. This does not exist in WML although the same effect is achievable  
         [0077]     e.g. the original HTML:  
                                   &lt;form action=“submitform.jsp” method=“post”&gt;       &lt;label&gt;name: &lt;/label&gt;&lt;input id=“name” type=“text”/&gt;&lt;br/&gt;       &lt;label&gt;password: &lt;/label&gt;&lt;input id=“password type=”password”/&gt;&lt;br/&gt;       &lt;input type=“submit” label=“Submit”/&gt;       &lt;/form&gt;                  
 
         [0078]     becomes the following in WML:  
                                                   &lt;p&gt;name: &lt;input name=“name” type=“text” title=“name:”/&gt;&lt;br/&gt;           password: &lt;input name=“password” type=“password”           title=“password:”/&gt;&lt;br/&gt;           &lt;go method=“post” href=“submitform.jsp”&gt;           &lt;postfield name=“name” value=“$name”/&gt;           &lt;postfield name=“password” value=“$password”/&gt;           &lt;/go&gt;           &lt;/p&gt;                      
 
         [0079]     This shows that as an HTML form is being converted contextual information is being acquired to allow its WML equivalent to be properly generated  
       EXAMPLE 3  
     a) HTML Including a Form Element (Original Content)  
       [0080]    
       
         
               
             
           
               
                   
               
               
                   
               
             
             
               
                 &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 
               
               
                 Transitional//EN” 
               
               
                 “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;&lt;html 
               
               
                 xmlns=“http://www.w3.org/1999/xhtml” lang=“en”&gt;&lt;head&gt; 
               
               
                 &lt;meta content=“no-cache” http-equiv=“Cache-Control”/&gt; 
               
               
                 &lt;meta content=“max-age=0” http-equiv=“Cache-Control”/&gt; 
               
               
                 &lt;meta content=“must-revalidate” http-equiv= “Cache-Control”/&gt; 
               
               
                 &lt;title&gt;Form/Fieldset to WML examples&lt;/title&gt; 
               
               
                 &lt;/head&gt; 
               
               
                 &lt;body&gt; 
               
               
                 &lt;p align=“left”&gt;This is an example of a form conversion to WML 
               
               
                 including fieldsets 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;form action=“testsubmit.jsp” method=“post”&gt; 
               
               
                 &lt;input name=“DirectoryQ” type=“hidden” value=“118 000” /&gt; 
               
               
                 &lt;fieldset title=“About you”&gt; 
               
               
                 &lt;label&gt;Firstname&lt;/label&gt;&lt;input name=“Firstname” type=“text” 
               
               
                 /&gt;&lt;br/&gt; 
               
               
                 &lt;label&gt;Lastname&lt;/label&gt;&lt;input name=“Lastname” type=“text” /&gt;&lt;br 
               
               
                 /&gt; 
               
               
                 &lt;/fieldset&gt; 
               
               
                 &lt;fieldset title=“Security”&gt; 
               
               
                 &lt;label&gt;Secret&lt;/label&gt;&lt;input name=“Secret” type=“password” /&gt;&lt;br 
               
               
                 /&gt; 
               
               
                 &lt;/fieldset&gt; 
               
               
                 &lt;input name=“ remember” type=“checkbox”&gt;Remember 
               
               
                 me&lt;/input&gt;&lt;br /&gt; 
               
               
                 &lt;input name=“optin” type=“checkbox” 
               
               
                 checked=“checked”&gt;Please 
               
               
                 send me updates&lt;/input&gt;&lt;br /&gt; 
               
               
                 &lt;input name=“Send” type=“submit” value=“Submit Form” /&gt;. 
               
               
                 &lt;input type=“reset” value=“Reset Form” /&gt; 
               
               
                 &lt;/form&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;ul&gt; 
               
               
                 &lt;li&gt;&lt;a href=“forms.jsp”&gt;Return to forms examples menu&lt;/a&gt;&lt;/li&gt; 
               
               
                 &lt;li&gt;&lt;a href=“../index.jsp”&gt;Return to main menu&lt;/ax&gt;&lt;/li&gt; 
               
               
                 &lt;li&gt;&lt;a href=“../demomain.jsp”&gt;SlipStream demonstrations&lt;/a&gt;&lt;/li&gt; 
               
               
                 &lt;/ul&gt; 
               
               
                 &lt;/body&gt; 
               
               
                 &lt;/html&gt; 
               
               
                   
               
             
          
         
       
     
       b) WML (Translated Content)  
     Equivalent Elements  
       [0081]    
       
         
               
             
               
               
             
               
             
               
               
             
               
             
               
               
             
               
             
           
               
                   
               
               
                   
               
             
             
               
                 &lt;?xml version=“1.0”?&gt;&lt;!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 
               
               
                 1.1//EN” “http://www.wapforum.org/DTD/wml_1_1.dtd”&gt;&lt;wmlx&gt;&lt;head&gt; 
               
               
                 &lt;meta content=“no-cache” forua=“true” http-equiv=“Cache-Control”/&gt; 
               
               
                 &lt;meta content=“max-age=0” forua=“true” http-equiv=“Cache-Control”/&gt; 
               
               
                 &lt;meta content=“must-revalidate” forua=“true” http-eguiv=“Cache-Control”/&gt; 
               
               
                 &lt;/head&gt; 
               
               
                 &lt;card&gt; 
               
               
                 &lt;p align=“left”&gt;This is an example of a form conversion to WML including fieldsets 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;do type=“accept” label=“Submit Form”&gt; 
               
             
          
           
               
                 &lt;go 
                 href=“testsubmit.jsp?Send=Submit+Form” 
               
             
          
           
               
                 method=“post”&gt;&lt;postfield name=“DirectoryQ” value=“118+000”/&gt; 
               
               
                 &lt;postfield name=“Firstname” value=“$(Firstname:e)”/&gt; 
               
               
                 &lt;postfield name=“Lastname” value=“$(Lastname:e)”/&gt; 
               
               
                 &lt;postfield name=“Secret” value=“$(Secret:e)”/&gt; 
               
               
                 &lt;postfield name=“remember” value=“$(remember:e)”/&gt; 
               
               
                 &lt;postfield name=“optin.” value=“$(optin:e)”/&gt; 
               
               
                 &lt;/go&gt;&lt;/do&gt; 
               
               
                 &lt;p&gt; 
               
               
                 &lt;fieldset title=“About you”&gt; 
               
               
                 Firstname&lt;input type=“text” name=“Firstname” /&gt;&lt;br /&gt; 
               
               
                 Lastname&lt;input type=“text” name=“Lastname” /&gt;&lt;br /&gt; 
               
               
                 &lt;/fieldset&gt; 
               
               
                 &lt;fieldset title=“Security”&gt; 
               
               
                 Secret&lt;input type=“password” name=“Secret” /&gt;&lt;br /&gt; 
               
               
                 &lt;/fieldset&gt; 
               
               
                 Remember me&lt;select name=“remember” ivalue=“2”&gt;&lt;option 
               
               
                 value=“1”&gt;On&lt;/option&gt;&lt;option value=“0”&gt;Off&lt;/option&gt;&lt;/select&gt;&lt;br/&gt; 
               
               
                 Please send me updates&lt;select name=“optin” ivalue=“1”&gt;&lt;option value=“1”&gt; 
               
               
                 On&lt;/option&gt;&lt;option value=“0”&gt;Off&lt;/option&gt;&lt;/select&gt;&lt;br/&gt; 
               
               
                 &lt;anchor title=“Submit Form”&gt; 
               
             
          
           
               
                 &lt;go 
                 href=“testsubmit.jsp?Send=Submit+Form” 
               
             
          
           
               
                 method=“post”&gt;&lt;postfield name=“DirectoryQ” value=“118+000”/&gt; 
               
               
                 &lt;postfield name=“Firstname” value=“$(Firstname:e)”/&gt; 
               
               
                 &lt;postfield name=“Lastname” value=“$(Lastname:e)”/&gt; 
               
               
                 &lt;postfield name=“Secret” value=“$(Secret:e)”/&gt; 
               
               
                 &lt;postfield name=“remember” value=“$(remember:e)”/&gt; 
               
               
                 &lt;postfield name=“optin” value=“$(optin:e)”/&gt; 
               
               
                 &lt;/go&gt;Submit Form&lt;/anchor&gt;&lt;br/&gt; 
               
               
                 &lt;anchor title=“Reset Form”&gt;&lt;refresh&gt;&lt;setvar name=“Firstname” value=“”/&gt; 
               
               
                 &lt;setvar name=“Lastname” value=“”/&gt; 
               
               
                 &lt;setvar name=“Secret” value=“”/&gt; 
               
               
                 &lt;setvar name=“remember” value=“”/&gt; 
               
               
                 &lt;setvar name=“optin” value=“1”/&gt; 
               
               
                 &lt;/refresh&gt;Reset Form&lt;/anchor&gt;&lt;br/&gt; 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;p mode=“nowrap”&gt;&lt;select&gt; 
               
               
                 &lt;option onpick=“forms.jsp”&gt;Return to forms examples menu&lt;/option&gt; 
               
               
                 &lt;option onpick=“../index.jsp”&gt;Return to main menu&lt;/option&gt; 
               
             
          
           
               
                 &lt;option 
                 onpick=“../demomain.jsp”&gt;SlipStream 
               
             
          
           
               
                 demonstrations&lt;/option&gt; 
               
               
                 &lt;/select&gt;&lt;/p&gt; 
               
               
                 &lt;/card&gt; 
               
               
                 &lt;/wml&gt; 
               
               
                   
               
             
          
         
       
     
       EXAMPLE 4  
     a) Document for HTML 3.2 with no Support for CSS but Use of Style Attributes  
       [0082]    
       
         
               
             
           
               
                   
               
               
                   
               
             
             
               
                 &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 
               
               
                 Transitional//EN” 
               
               
                 “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;&lt;html 
               
               
                 xmlns=“http://www.w3.org/1999/xhtml” lang=“en”&gt;&lt;head&gt; 
               
               
                 &lt;meta content=“no-cache” http-equiv=“cache-control”/&gt; 
               
               
                 &lt;title&gt;F u c h s i a&lt;/title&gt; 
               
               
                 &lt;/head&gt; 
               
               
                 &lt;body link=“white” vlink=“white” alink=“white” text=“white” 
               
               
                 bgcolor=“black”&gt; 
               
               
                 &lt;h2&gt;&lt;font color=“#ff0099”&gt;Let your senses be 
               
               
                 seduced&lt;/font&gt;&lt;/h2&gt; 
               
               
                 &lt;p align=“center”&gt;&lt;img alt=“Fuchsia logo” src=“images/Fuchsia- 
               
               
                 NewLogo.gif” /&gt; 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;h2&gt;tempt ... taste ... indulge&lt;/h2&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Restaurant.jsp”&gt;&lt;img alt=“Restaurant/Bar” border=“0” 
               
               
                 src=“images/Resturant.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Lounge.jsp”&gt;&lt;img alt=“Lounge/Club” border=“0” 
               
               
                 src=“images/LoungeClub.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Contact.jsp”&gt;&lt;img alt=“ContactUs” border=“0” 
               
               
                 src=“images/contact.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“#”&gt;&lt;img alt=“home” border=“0” 
               
               
                 src=“images/home_Over.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;i&gt;This site has been developed using &lt;a 
               
               
                 href=“http://www.mobile-life.com”&gt;SlipStream&lt;/a&gt; 
               
               
                 &lt;sup&gt;(tm)&lt;/sup&gt; 
               
               
                 technology from Mobile Life&lt;/i&gt; 
               
               
                 &lt;/body&gt; 
               
               
                 &lt;/html&gt; 
               
               
                   
               
             
          
         
       
     
         [0083]     1. Notes 
        In HTML 3.2 there is no support for CSS     Font colour can be over-ridden using the font element     General page attributes such as the colour of text and links can be set using attributes of the body tag     Alignment of paragraphs can be set using the align attribute        
 
       b) Document Using HTML V4 Supporting CSS and Style Attributes  
       [0088]    
       
         
               
             
           
               
                   
               
               
                   
               
             
             
               
                 &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 
               
               
                 Transitional//EN” 
               
               
                 “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;&lt;html 
               
               
                 xmlns=“http://www.w3.org/1999/xhtml” lang=“en”&gt;&lt;head&gt; 
               
               
                 &lt;meta content=“no-cache” http-equiv=“cache-control”/&gt; 
               
               
                 &lt;title&gt;F u c h s i a&lt;/title&gt; 
               
               
                 &lt;/head&gt; 
               
               
                 &lt;body link=“white” vlink=“white” alink=“white” text=“white” 
               
               
                 bgcolor=“black”&gt; 
               
               
                 &lt;h2 style=“color:#ff0099; text-align:center”&gt;Let your senses be 
               
               
                 seduced&lt;/h2&gt; 
               
               
                 &lt;p align=“center”&gt;&lt;img alt=“Fuchsia logo” src=“images/Fuchsia- 
               
               
                 NewLogo.gif” /&gt; 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;h2&gt;tempt ... taste ... indulge&lt;/h2&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Restaurant.jsp”&gt;&lt;img alt=“Restaurant/Bar” border=“0” 
               
               
                 src=“images/Resturant.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Lounge.jsp”&gt;&lt;img alt=“Lounge/Club” border=“0” 
               
               
                 src=“images/LoungeClub.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Contact.jsp”&gt;&lt;img alt=“ContactUs” border=“0” 
               
               
                 src=“images/contact.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“#”&gt;&lt;img alt=“home” border=“0” 
               
               
                 src=“images/home_Over.gif” /&gt;&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;i&gt;This site has been developed using &lt;a 
               
               
                 href=“http://www.mobile-life.com”&gt;SlipStream&lt;/a&gt; 
               
               
                 &lt;sup&gt;(tm)&lt;/sup&gt; 
               
               
                 technology from Mobile Life&lt;/i&gt; 
               
               
                 &lt;/body&gt; 
               
               
                 &lt;/html&gt; 
               
               
                   
               
             
          
         
       
     
         [0089]     2. Notes 
        In HTML 4 there is support for CSS so this can be mixed with other style attributes     Font colour and paragraph alignment can be set using CSS     General page attributes such as the colour of text and links can be set using attributes of the body tag        
 
       C) Document Using XHTML-Mobile Profile which Requires Use of CSS and does not Support Separate Styling Attributes  
       [0093]    
       
         
               
             
           
               
                   
               
               
                   
               
             
             
               
                 &lt;?xml version=“1.0”?&gt;&lt;!DOCTYPE html PUBLIC 
               
               
                 “-//OPENWAVE//DTD 
               
               
                 XHTML Mobile 1.0//EN” “http://www.openwave.com/DTD/xhtml- 
               
               
                 mobile10.dtd”&gt;&lt;html xmlns = “http://www.w3.org/1999/xhtml” 
               
               
                 xmlns:wml=“http://www.wapforum.org/2001/wml” 
               
               
                 xml:lang=“en”&gt;&lt;head&gt; 
               
               
                 &lt;meta content=“no-cache” http-eguiv=“cache-control”/&gt; 
               
               
                 &lt;title&gt;F u c h s i a&lt;/title&gt; 
               
               
                 &lt;style&gt; 
               
               
                 A:link {color:white;} 
               
               
                 A:visited {color:white;} 
               
               
                 A:active {color:white;} 
               
               
                 &lt;/style&gt; 
               
               
                 &lt;/head&gt; 
               
               
                 &lt;body style=“{color:white;background-color:black;} ”&gt; 
               
               
                 &lt;h2 style=“color:#ff0099; text-align:center”&gt;Let your senses be 
               
               
                 seduced&lt;/h2&gt; 
               
               
                 &lt;p style=“{text-align:center;} ”&gt; 
               
               
                 &lt;img alt=“Fuchsia logo” src=“images/Fuchsia-NewLogoshort.gif” /&gt; 
               
               
                 &lt;/p&gt; 
               
               
                 &lt;h2&gt;tempt ... taste ... indulge&lt;/h2&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Restaurant.jsp”&gt;Restaurant/Bar&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Lounge.jsp”&gt;Lounge/Club&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“Contact.jsp”&gt;ContactUs&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;div&gt; 
               
               
                 &lt;a href=“#”&gt;home&lt;/a&gt; 
               
               
                 &lt;/div&gt; 
               
               
                 &lt;hr /&gt; 
               
               
                 &lt;i&gt;This site has been developed using &lt;a 
               
               
                 href=“http://www.mobile-life.com”&gt;SlipStream&lt;/a&gt; 
               
               
                 &lt;b&gt;&lt;small&gt;(tm)&lt;/small&gt;&lt;/b&gt; technology from Mobile Life&lt;/i&gt; 
               
               
                 &lt;/body&gt; 
               
               
                 &lt;/html&gt; 
               
               
                   
               
             
          
         
       
     
         [0094]     3. Notes 
        In XHTML Mobile Profile (as with strict XHTML) CSS is the specified mechanism for document styling rather than the use of styling elements (like &lt;font&gt;) and element style attributes     Style elements and attributes are converted both to inline CSS     Former general page styling attributes are converted to CSS both in the head section of the document and in the body tag itself     Font colour and paragraph alignment can be set using CSS        
 
         [0099]     The above embodiments are to be understood as illustrative examples of the invention. Further embodiments of the invention are envisaged. It is to be understood that any feature described in relation to any one embodiment may be used alone, or in combination with other features described, and may also be used in combination with one or more features of any other of the embodiments, or any combination of any other of the embodiments. Furthermore, equivalents and modifications not described above may also be employed without departing from the scope of the invention, which is defined in the accompanying claims.