1 / 19

Chapter 21 - Web Clipping

Chapter 21 - Web Clipping. Outline 21.1 Introduction 21.2 Palm OS Emulator Setup 21.2.1 Downloading and Installing the Palm OS Emulator and Web Clipping Application Builder 21.2.2 Building and Running Web-Clipping Applications 21.3 Web-Clipping Applications

zenda
Download Presentation

Chapter 21 - Web Clipping

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 21 - Web Clipping Outline 21.1 Introduction 21.2 Palm OS Emulator Setup 21.2.1 Downloading and Installing the Palm OS Emulator and Web Clipping Application Builder 21.2.2 Building and Running Web-Clipping Applications 21.3 Web-Clipping Applications 21.4 Simple Web-Clipping Application: Printing a Line of Text 21.5 Linking 21.6 Displaying Images 21.7 Accessing Other Web-Clipping Applications 21.8 Tables 21.9 Colors 21.10 Internet and World Wide Web Resources

  2. <meta> tags describe Web pages Web page designed for Palm VIIx™ lists page as “home” in History list sets version of the Web-clipping application 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.1: Fig21_01.html -->5 <!-- Simple Web-clipping application. -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <!-- indicates page was authored for the Palm VIIx™ -->12 <meta name = "palmcomputingplatform"content = "true">13 14 <!-- sets the history list entry -->15<meta name ="historylisttext"content = "home">16 17 <!-- shows the version of Palm Launcher used -->18<meta name = "palmlauncherrevision"content = "1.0.1">19 </head>20 21 <body>22 <p><h1>Welcome to Web clipping!</h1></p>23 </body>24 </html> Fig21_01.html

  3. (Courtesy of Palm, Inc.)

  4. rendered as a link to a local page uses a button as a link anchor 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!– Fig. 21.2: Fig21_02.html -->5 <!-- Using Hyperlinks. -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name = "palmcomputingplatform" content ="true">12 13 <meta name = "historylisttext"content ="home">14 15 <meta name ="palmlauncherrevision"content = "1.0.1">16 </head>17 18 <body>19 <p>20 <h2> 21 These links direct the user to a page stored in 22 this PQA file.23 </h2>24 </p> 25 26 <!-- hyperlink form: <a href = "address"> -->27<a href = "infoPage.html">28 Contents of Wireless How to Program29 </a><br>30 31 <!-- link target displayed as a button -->32<a href ="infoPage.html"button>Contents</a>33 Fig21_02.html

  5. rendered as a link to a remote file 34 <h2>35 The links below direct the user to the 36 www.deitel.com Web site.37 </h2>38 39<a href = "http://www.deitel.com">Deitel</a><br>40 41 <a href ="http://www.deitel.com"button>Deitel</a>42 </body>43 </html> Fig21_02.html (Courtesy of Palm, Inc.)

  6. marks up local image localLogo.gif renders a link to a remote image file 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.3: Fig21_03.html -->5 <!-- Displaying Images. -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name ="palmcomputingplatform"content ="true">12 13 <meta name ="historylisttext"content ="home">14 15 <meta name ="palmlauncherrevision"content ="1.0.1">16 </head>17 18 <body>19 <p>Accessing images located in your WCA</p>20 <br>21 22 <!-- format to display an image: <img src = "name"> -->23<img src ="localLogo.gif"alt ="Logo Image">24 25 <hr>26 27 <p>Accessing images located on other Web sites.</p>28 29<a href = "http://www.deitel.com/images/localLogo.gif"30 alt = "Remote Image"> 31 downloadable remote image32 </a>33 Fig21_03.html

  7. links to a remote site using an image as an anchor 34 <p>Using icons as links to other Web sites.35 <br>36 37<a href ="http://www.deitel.com">38 <img src ="localLogo.gif"alt ="Icon image">39 </a>40 </p>41 </body>42 </html> Fig21_03.html (Courtesy of Palm, Inc.)

  8. rendered as a link to a file stored in another WCA using the file: prefix 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.04: Fig21_04.html -->5 <!-- Accessing other Web-clipping applications. -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name ="palmcomputingplatform"content ="true">12 13 <meta name ="historylisttext"content ="home">14 15 <meta name ="palmlauncherrevision"content ="1.0.1">16 </head>17 18 <body>19 <p>20 <h1>21 The link below directs the user to a page in the 22 storage.pqa WCA23 </h1> 24 </p><br>25 26 <!-- Format for accessing information in a WCA: -->27 <!-- <a href = "file:name"> -->28<a href = "file:fig21_05.pqa/fig21_06.html">29 <h1>Accessing a page in another WCA</h1>30 </a>31 32 <br> Fig21_04.html

  9. marks up an image stored in another WCA 33 <p> 34 <h1>35 Accessing an image located in the storage.pqa 36 WCA37 </h1>38 </p> 39 <br>40 41 <img src ="file:fig21_05.pqa/logo.gif"42 alt ="logo.gif Image">43 </body>44 </html> Fig21_04.html (Courtesy of Palm, Inc.)

  10. <metavalue=localicon> tag stores file in PQA value of content attribute specifies file to be stored 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.5: storage.html -->5 <!-- Stores files accessed by another WCA -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name = "palmcomputingplatform"content ="true">12 13 <meta name ="historylisttext"content = "home">14 15 <meta name = "palmlauncherrevision"content ="1.0.1">16 17 <!-- format for storing information: -->18 <!-- <meta name = "localicon" content = "name"> -->19<meta name = "localicon"content = "logo.gif">20 21 <!-- store fig21_06.html for use by other PQA files -->22<meta name ="localicon"content =“fig21_06.html">23 </head>24 25 <body>26 <p>27 <h1> 28 The PQA generated by this clipping stores the 29 logo.gif image and fig21_06.html for use by 30 other PQA files. 31 </h1>32 </p> 33 </body>34 </html> Storage.html

  11. (Courtesy of Palm, Inc.)

  12. 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.6: fig21_06.html -->5 <!-- Accessed by another Web-clipping Application -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name ="palmcomputingplatform"content ="true">12 13 <meta name ="historylisttext"content = "home">14 15 <meta name ="palmlauncherrevision"content ="1.0.1">16 </head>17 18 <body>19 <h1>20 This page is accessed by the Fig21_04.html21 clipping to illustrate how to access pages located22 in other Web-clipping applications.23 </h1> 24 </body>25 </html> Page.html

  13. (Courtesy of Palm, Inc.)

  14. rendered as a table with a one-pixel width border marks up the table header table header cell spans two columns 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.7: Fig21_07.html -->5 <!-- Tables -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name = "palmcomputingplatform"content = "true">12 13 <meta name = "historylisttext"content = "home">14 15 <meta name = "palmlauncherrevision"content ="1.0.1">16 </head>17 18 <body>19 20 <!-- the <table> tag opens a new table -->21 <!– insert design options like border in tag -->22<table border = "1">23 24 <!-- use the <thead> tag to format the header -->25 <thead>26 <tr>27 28 <!-- <th> inserts a header cell -->29 <!-- header cell spans number -->30 <!– of cells indicated by colspan -->31<th colspan ="2"> Fig21_07.html

  15. tr element marks up up table row tbody element contains content of table td element marks up table data cell 34 <h1> 35 Web-Clipping Colors 36 </h1> 37 </th> 38 </tr>39 40 <tr>41 <th><h1>Color</h1></th>42 <th><h1>Hexadecimal Value</h1></th>43 </tr>44 </thead>45 46 <!-- the content of the table belongs -->47 <!--in the tbody element -->48 <tbody>49 <tr>50 <td><h1>Black</h1></td>51 <td><h1>#000000</h1></td>52 </tr>53 54 <tr>55 <td><h1>Gray</h1></td>56 <td><h1>#808080</h1></td>57 </tr>58 59 <tr>60 <td><h1>Silver</h1></td>61 <td><h1>#C0C0C0</h1></td>62 </tr>63 Fig21_07.html

  16. </table> tag closes table 64 <tr>65 <td><h1>White</h1></td>66 <td><h1>#FFFFFF</h1></td>67 </tr>68 </tbody>69 </table>70 </body>71 </html> Fig21_07.html (Courtesy of Palm, Inc.)

  17. 1 <!DOCTYPE HTML PUBLIC"-//POS/DTD WCA HTML 1.1//EN"2 "http://www.palm.com/dev/webclipping-html-dtd-11.dtd">3 4 <!-- Fig. 21.8: Fig21_08.html -->5 <!-- Colors Example Using a Table -->6 7 <html>8 <head>9 <title>Web Clipping</title>10 11 <meta name ="palmcomputingplatform"content ="true">12 13 <meta name = "historylisttext"content ="home">14 15 <meta name ="palmlauncherrevision"content ="1.0.1">16 </head>17 18 <body>19 <tableborder ="1">20 <thead>21 <tr>22 <th colspan = "2">23 <h1>24 WCA Colors25 </h1>26 </th> 27 </tr>28 29 <tr>30 <th><h1>Color</h1></th>31 <th><h1>Sample</h1></th>32 </tr>33 </thead>34 Fig21_08.html

  18. bgcolor attribute sets background color <fontcolor=“color”> sets color of text color can be set with color name or hexadecimal code hexadecimal code represents values of red, green and blue in a color 35 <tbody>36 <tr>37 <td><h1>Black</h1></td>38 39 <!-- format for setting the background -->40 <!-- color: bgcolor = "color" -->41<td bgcolor ="black">42 43 <!-- format for setting the font color: -->44 <!-- <font color = "color">...</font> -->45<font color ="black"><h1>#000000</h1></td>46 </tr>47 48 <tr>49 <td><h1>Gray</h1></td>50 <td bgcolor = "gray">51 <font color ="gray"><h1>#808080</h1></td>52 </tr>53 54 <tr>55 <td><h1>Silver</h1></td>56<td bgcolor = "#C0C0C0">57 <font color = "#C0C0C0"><h1>#C0C0C0</h1></td>58 </tr>59 60 <tr>61 <td><h1>White</h1></td>62<td bgcolor ="#FFFFFF">63 <font color = "#FFFFFF"><h1>#FFFFFF</h1></td>64 </tr>65 </tbody>66 </table>67 </body>68 </html> Fig21_08.html

  19. (Courtesy of Palm, Inc.)

More Related