190 likes | 590 Views
Chapter 22 - i-mode. Outline 22.1 Introduction 22.2 Japan’s Telecommunications Industry and Infrastructure 22.3 i-mode innovations 21.2.1 i-mode Technology 21.2.2 i-mode Business Model 22.4 i-mode Data Service 22.5 DoCoMo and i-mode in the Global Market
E N D
Chapter 22 - i-mode Outline 22.1 Introduction 22.2 Japan’s Telecommunications Industry and Infrastructure 22.3 i-mode innovations 21.2.1 i-mode Technology 21.2.2 i-mode Business Model 22.4 i-mode Data Service 22.5 DoCoMo and i-mode in the Global Market 22.6 Programming i-mode 22.7 Pixo Internet Microbrowser 2.1 Setup 22.8 Common cHTML Elements 22.9 Headers 22.10 Linking 22.11 Images 22.12 Changing Text Color with <font> 22.13 Special Characters and More Line Breaks 22.14 Unordered Lists 22.15 Nested and Ordered Lists 22.16 Internet and World Wide Web Resources
22.3.2 I-mode Business Model Fig. 22.1 i-mode network model
some i-mode handset models support color displays “i” button connects the user to the i-mode service 22.3.2 I-mode Business Model Fig. 22.2 An example of an i-mode phone.
specifies cHTML DTD paragraph tags mark up text to be displayed 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN"2 3 <!-- Fig. 22.4: fig22_04.html -->4 <!-- Our first Web page -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12<p>Welcome to i-mode!</p>13 </body>14 </html> fig22_04.html (Courtesy of Pixo.)
<hn>…</hn> tags mark up header level n 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN"2 3 <!-- Fig. 22.5: fig22_05.html -->4 <!-- cHTML headers -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 13 <!-- format for inserting a header: <h1>...</h1> -->14<h1>Level 1 Header</h1>15 <h2>Level 2 header</h2>16 <h3>Level 3 header</h3>17 <h4>Level 4 header</h4> 18 <h5>Level 5 header</h5>19 <h6>Level 6 header</h6>20 </body>21 </html> fig22_05.html
href attribute specifies address which the hyperlink references text between the <a> tags anchors the link 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN"2 3 <!-- Fig. 22.6: fig22_06.html -->4 <!-- Introduction to hyperlinks -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 <h1>Internet Search Engines</h1>13 14 <p><strong>Click on the Search Engine 15 address.</strong></p> 16 17 <!-- hyperlink format: <a href = "address"> -->18<p><a href ="http://www.google.com">Google</a></p>19 20<p><a href ="http://www.askjeeves.com">Ask Jeeves</a></p> 21 </body>22 </html> fig22_06.html
element img marks up an image height and width attributes can be specified value of the alt element displays if the image cannot be displayed 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN" 2 3 <!-- Fig. 22.7: fig22_07.html -->4 <!-- Adding images with cHTML -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 13 <!-- format for displaying images: <img src = "name"> -->14<p><img src ="logo.gif"height ="80" width ="80"15 alt ="Deitel Logo"></p>16 </body>17 </html> fig22_07.html
<fontcolor=“color”> sets text color 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN"2 3 <!-- Fig. 22.8: fig22_08.html -->4 <!-- Formatting Color -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 <h1><center>Wireless</center></h1>13 14 <!-- font tags change formatting of text they enclose -->15 <p><font color ="red">cHTML supports text formatting16 </font></p>17 18 <br><font color ="blue">The i-mode phone displays19 different text colors. </font> 20 21 <br><font color = "green">Have fun learning to program 22 for i-mode!</font>23 </body>24 </html> fig22_08.html
element hr rendered as an horizontal rule &code; represents a special symbol <strong> tags indicate bold text 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN" 2 3 <!-- Fig. 22.9: fig22_09.html -->4 <!-- Inserting special characters -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 <h1>Text Formatting</h1>13 14<hr><!-- Insert a horizontal rule -->15 16<p>All information on this site is <strong>©</strong>17 Deitel <strong>&</strong> Associates, 2002.</p>18 19 <p>There are <strong>></strong> 24 million i-mode 20 users. This is <strong><</strong>21<strong>¼</strong> of Japan’s population.22 </p>23 </body>24 </html> fig22_09.html
ul element marks up an unordered list <li> tags contain list elements 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN"2 3 <!-- Fig. 22.10: fig22_10.html -->4 <!-- Unordered list containing hyperlinks -->5 6 <html>7 <head>8 <title>Wireless</title>9 </head>10 11 <body>12 <h1>Internet Search Engines</h1>13 14 <p><strong>Click on the Search Engine address to go to 15 thatpage.</strong></p>16 17 <!-- the <ul> tag begins a new unordered list -->18 <ul>19 20 <!-- insert new list item with <li> and </li> tags -->21<li><a href = "http://www.google.com">Google</a></li>22 23 <li><a href ="http://www.askjeeves.com">Ask 24 Jeeves</a></li>25 </ul>26 </body>27 </html> fig22_10.html
nested lists are lists within other lists element ol marks up an ordered list by default ordered list items ordered by numbers 1 <!DOCTYPE HTML PUBLIC"-//W3C//DTD Compact HTML 1.0 Draft//EN"2 "http://www.w3.org/MarkUp/html-spec_toc.html">3 4 <!-- Fig. 22.11: fig22_11.html -->5 <!-- Advanced Lists: nested and ordered -->6 7 <html>8 <head>9 <title>Wireless</title>10 </head>11 12 <body>13 <h1>Best Internet Features</h1>14 15 <ul>16 <li>Meet new people.</li>17 <li>Access to new media:</li>18 19 <!-- this starts a nested, bulleted list -->20 <ul>21 <li>New games</li>22 <li>New applications:</li>23 24 <!-- another nested list -->25 <ol>26<li>For business</li>27 <li>For pleasure</li>28 </ol><!-- this ends double nested list -->29 </ul><!-- this ends first level nested list -->30 </ul> <!-- this ends primary unordered list -->31 </body>32 </html> fig22_11.html