index.jd revision ba27fe163f2c1e4a4b74d0f29418d0351469114b
1home=true 2@jd:body 3 4 5<div id="mainBodyFixed"> 6 <div id="mainBodyLeft"> 7 <div id="homeMiddle"> 8 <div id="topAnnouncement"> 9 <div id="homeTitle"> 10 <h2>Developer Announcements</h2> 11 </div><!-- end homeTitle --> 12 <div id="announcement-block"> 13 <!-- total max width is 520px --> 14 <img src="{@docRoot}assets/images/home/GDC2011.png" alt="Android at GDC 2011" width="203px" style="padding-left:22px;padding-bottom:28px;padding-top:22px;"/> 15 <div id="announcement" style="width:275px"> 16 <p>Android will be at the <a href="http://www.gdconf.com/">2011 Game Developers Conference</a> in San Francisco, from March 1st to 4th. We're looking forward to seeing you there!</p> 17 <p><a href="http://android-developers.blogspot.com/2011/02/heading-for-gdc.html">Learn more »</a></p> 18 </div> <!-- end annoucement --> 19 </div> <!-- end annoucement-block --> 20 </div><!-- end topAnnouncement --> 21 <div id="carouselMain" style="height:205px"> <!-- this height can be 22 adjusted based on the content height --> 23 </div> 24 <div class="clearer"></div> 25 <div id="carouselWheel"> 26 <div class="app-list-container" align="center"> 27 <a href="javascript:{}" id="arrow-left" onclick="" class="arrow-left-off"></a> 28 <div id="list-clip"> 29 <div style="left: 0px;" id="app-list"> 30 <!-- populated by buildCarousel() --> 31 </div> 32 </div><!-- end list-clip --> 33 <a href="javascript:{ page_right(); }" id="arrow-right" onclick="" class="arrow-right-on"></a> 34 <div class="clearer"></div> 35 </div><!-- end app-list container --> 36 </div><!-- end carouselWheel --> 37 </div><!-- end homeMiddle --> 38 39 <div style="clear:both"> </div> 40 </div><!-- end mainBodyLeft --> 41 42 <div id="mainBodyRight"> 43 <table id="rightColumn"> 44 <tr> 45 <td class="imageCell"><a href="{@docRoot}sdk/index.html"><img src="{@docRoot}assets/images/icon_download.jpg" style="padding:0" /></a></td> 46 <td> 47 <h2 class="green">Download</h2> 48 <p>The Android SDK has the tools, sample code, and docs you need to create great apps.</p> 49 <p><a href="{@docRoot}sdk/index.html">Learn more »</a></p> 50 </td> 51 </tr> 52 <tr> 53 <td colspan="2"><div class="seperator"> </div></td> 54 </tr> 55 <tr> 56 <td class="imageCell"><a href="http://www.android.com/market.html"><img src="{@docRoot}assets/images/icon_market.jpg" style="padding:0" /></a></td> 57 <td> 58 <h2 class="green">Publish</h2> 59 <p>Android Market is an open service that lets you distribute your apps to handsets.</p> 60 <p><a href="http://market.android.com/publish">Learn more »</a></p> 61 </td> 62 </tr> 63 <tr> 64 <td colspan="2"><div class="seperator"> </div></td> 65 </tr> 66 <tr> 67 <td class="imageCell"><a href="http://source.android.com"><img src="{@docRoot}assets/images/icon_contribute.jpg" style="padding:0" /></a></td> 68 <td> 69 <h2 class="green">Contribute</h2> 70 <p>Android Open Source Project gives you access to the entire platform source.</p> 71 <p><a href="http://source.android.com">Learn more »</a></p> 72 </td> 73 </tr> 74 <tr> 75 <td colspan="2"><div class="seperator"> </div></td> 76 </tr> 77 <tr> 78 <td class="imageCell"><a 79href="{@docRoot}resources/dashboard/platform-versions.html"><img 80src="{@docRoot}images/icon_dashboard.png" style="padding:0" /></a></td> 81 <td> 82 <h2 class="green">Target Devices</h2> 83 <p>The Device Dashboard 84provides information about deployed Android devices to 85help you target suitable device configurations as you build and update your 86apps.</p> 87 <p><a 88href="{@docRoot}resources/dashboard/platform-versions.html">Learn more »</a></p> 89 </td> 90 </tr> 91 92 </table> 93 </div> 94 </div> 95 96<!--[if lte IE 6]> 97 <style> 98 #arrow-left { 99 margin:0 0 0 5px; 100 } 101 #arrow-right { 102 margin-left:0; 103 } 104 .app-list-container { 105 margin: 37px 0 0 23px; 106 } 107 div#list-clip { 108 width:468px; 109 } 110 </style> 111<![endif]--> 112 113<script type="text/javascript"> 114 115// * -- carousel dictionary -- * // 116 /* layout: imgLeft, imgRight, imgTop 117 icon: image for carousel entry. cropped (height:70px, width:90px) 118 name: string for carousel entry 119 img: image for bulletin post. cropped (height: 170, width:230px) 120 title: header for bulletin (optional, insert "" value to skip 121 desc: the bulletin post. must include html tags. 122 */ 123 124 var droidList = { 125 'sdk': { 126 'layout':"imgLeft", 127 'icon':"sdk-small.png", 128 'name':"Android 3.0", 129 'img':"honeycomb-android.png", 130 'title':"Android 3.0 is here!", 131 'desc': "<p>Android 3.0 is now available for the Android SDK. It offers a redesigned UI and " 132+ "all new developer APIs for an optimized experience on tablets and similar devices. " 133+ "For more information about what's in Android 3.0, read the " 134+ "<a href='{@docRoot}sdk/android-3.0.html'>version notes</a>.</p>" 135+ "<p>If you have an existing SDK, add Android 3.0 as an " 136+ "<a href='{@docRoot}sdk/adding-components.html'>SDK " 137+ "component</a>. If you're new to Android, install the " 138+ "<a href='{@docRoot}sdk/index.html'>SDK starter package</a>." 139 }, 140 141 'tv': { 142 'layout':"imgLeft", 143 'icon':"tv_s.png", 144 'name':"Google TV", 145 'img':"tv_l.png", 146 'title':"Announcing Google TV!", 147 'desc': "<p><a href='http://www.google.com/tv/'>Google TV</a> is a new platform " 148 + "for television built on Android. Google " 149 + "has partnered with Sony and Logitech to integrate " 150 + "this platform into TVs, blu-ray players, and companion " 151 + "boxes. An add-on for the Android SDK will be " 152 + "available early next year. </p>" 153 + "<p><a href='http://www.google.com/tv/'>Learn more about " 154 + "Google TV »</a></p>" 155 }, 156 157 'devphone': { 158 'layout':"imgLeft", 159 'icon':"devphone-small.png", 160 'name':"Dev Phones", 161 'img':"devphone-large.png", 162 'title':"Android Dev Phones", 163 'desc': "<p>Run and debug your Android applications directly on one of these " 164 + "devices. Modify and rebuild the Android operating system, and flash it onto " 165 + "the phone. The Android Dev Phones are carrier-independent, and available for " 166 + "purchase by developers through their Android Market publisher accounts.</p><p> " 167 + "<a href='http://market.android.com/publish'>Visit Android Market " 168 + "to learn more »</a></p>" 169 }, 170 171 'mapskey': { 172 'layout':"imgLeft", 173 'icon':"maps-small.png", 174 'name':"Maps API Key", 175 'img':"maps-large.png", 176 'title':"Maps API Key", 177 'desc':"<p>If you're writing an Android application that uses Google Maps (with MapView), you must register your application to obtain a Maps API Key. Without the key, your maps application will not work on Android devices. Obtaining a key requires just a couple of steps.</p><p><a href='http://code.google.com/android/add-ons/google-apis/maps-overview.html'>Learn more »</a></p>" 178 } 179 180 } 181</script> 182<script type="text/javascript" src="{@docRoot}assets/carousel.js"></script> 183<script type="text/javascript"> 184 initCarousel("sdk"); 185</script> 186