source: subversion/sites/www.openstreetmap.de/var/www/www.openstreetmap.de/index.html @ 27090

Revision 27090, 16.5 KB checked in by john07, 2 years ago (diff)

Android-Link to german wiki page. TopOSM USA only and changed order slightly

  • Property svn:executable set to *
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2       "http://www.w3.org/TR/html4/loose.dtd">
3<html>
4<head>
5<title>OpenStreetMap Deutschland: Die freie Wiki-Weltkarte</title>
6        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
7        <meta name="description" content="" />
8        <meta name="keywords" content="" />
9        <meta name="language" content="de" />
10        <meta name="robots" content="index,nofollow" />
11        <meta name="author" content="" />
12        <meta name="revisit-After" content="7 days" />
13        <meta name="distribution" content="global" />
14        <link rel="icon" href="img/favicon.png" type="image/png">
15        <link rel="Shortcut Icon" href="img/favicon.png" type="image/png">
16       
17        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all" />
18        <link rel="stylesheet" href="css/mystyle.css" type="text/css" media="all" />
19       
20        <link rel="stylesheet" href="jcarousel/skins/tango/skin.css" type="text/css" media="all" />
21       
22        <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
23       
24        <script type="text/javascript" src="js/prototype.js"></script>
25        <script type="text/javascript" src="js/scriptaculous.js"></script>
26        <script type="text/javascript" src="js/carousel-min.js"></script>
27       
28        <script type="text/javascript" src="jcarousel/js/jquery.jcarousel.js"></script>
29       
30<script type="text/javascript">
31
32// Ride the carousel...
33jQuery(document).ready(function() {
34    jQuery("#mycarousel1").jcarousel({
35        scroll: 1,
36        wrap: "both",
37        visible: 4,
38        // This tells jCarousel NOT to autobuild prev/next buttons
39        //buttonNextHTML: null,
40        //buttonPrevHTML: null
41    });
42   
43    jQuery("#mycarousel2").jcarousel({
44        scroll: 1,
45        wrap: "both",
46        visible: 4,
47        // This tells jCarousel NOT to autobuild prev/next buttons
48        //buttonNextHTML: null,
49        //buttonPrevHTML: null
50    });
51   
52    jQuery("#mycarousel3").jcarousel({
53        scroll: 1,
54        wrap: "both",
55        visible: 3,
56        // This tells jCarousel NOT to autobuild prev/next buttons
57        buttonNextHTML: null,
58        buttonPrevHTML: null
59    });
60   
61    jQuery("#mycarousel4").jcarousel({
62        scroll: 1,
63        wrap: "both",
64        visible: 4,
65        // This tells jCarousel NOT to autobuild prev/next buttons
66        buttonNextHTML: null,
67        buttonPrevHTML: null
68    });
69});
70
71</script>
72
73
74</head>
75 
76
77<div class="container">
78
79        <div class="mtop">
80            <div class="mnav lnav">
81                <ul>
82                    <li><a href="index.html">Startseite</a></li>
83                    <li><a href="faq.html">FAQ</a></li>
84                    <li><a href="karte.html">Karte</a></li>
85                    <li><a href="community.html">Community</a></li>
86                    <li><a target="_blank" href="http://blog.openstreetmap.de">Blog/News</a></li>
87                    <li><a href="spenden.html">Spenden</a></li>
88                    <li><a href="impressum.html">Kontakt/Impressum</a></li>
89                </ul>
90            </div>
91        </div>
92
93        <div id="logo">
94            <a href="index.html"><img id="osm_logo" src="img/osm_logo.png" alt="logo"/></a>
95        </div>
96
97        <h1 class="osm_heading">OpenStreetMap - Deutschland</h1>
98
99        <div class="row">
100                <div id="what_is_osm" class="span8">
101                        <h3>Was ist OpenStreetMap?</h3>
102                        <p>
103                                <a target="_blank" href="http://www.openstreetmap.org">OpenStreetMap.org</a> ist ein im Jahre 2004 gegründetes internationales Projekt mit dem Ziel,
104                                eine freie Weltkarte zu erschaffen. Dafür sammeln wir weltweit Daten über Straßen, Eisenbahnen, Flüsse, Wälder, Häuser und vieles mehr.
105                        </p>
106                        <span class="read_more"><a href="faq.html#was_ist_osm">Mehr erfahren...</a></span>
107                </div>
108               
109                <div id="howto_use_data" class="span8">
110                        <h3>Wie kann ich die Daten nutzen?</h3>
111                        <p>
112                                OpenStreetMap selbst bietet die gesammelten Daten entweder in Rohform oder in Form vorberechneter Kartenbilder an.
113                                Für bestimmte Programme und Geräte gibt es außerdem spezielle Downloads.
114                        </p>
115                        <span class="read_more"><a href="faq.html#wie_daten_nutzen">Mehr erfahren...</a></span>
116                </div>
117        </div>
118       
119        <div class="row"> 
120                <div id="howto_contribute" class="span8">
121                        <h3>Wie kann ich mitmachen?</h3>
122                        <p>
123                                Es gibt viele verschiedene Möglichkeiten zu OpenStreetMap beizutragen, vom Melden kleiner Fehler in der Karte, über das
124                                Vervollständigen bestehender Daten bis zum Abzeichnen neuer Gebäuden aus Luftbildern und dem Erfassen von Wegen und
125                                interessanten Punkten mit dem GPS-Gerät. Unsere Anleitungen helfen dir beim Benutzen der passenden Programme und dem Eintragen von Daten.
126                        </p>
127                        <span class="read_more"><a href="faq.html#wie_mitmachen">Mitmachen...</a></span>
128                </div>
129               
130                <div id="howto_contribute" class="span8">
131                        <h3>Wo geht's zur Karte?</h3>
132                <p style="text-align:center;padding-top:10px;"><a class="btn" href="karte.html"><img src="img/btn_karte2.png" width="210px" style="padding-bottom: 7px;padding-top:7px;"><br><strong>… hier lang!</strong></a></p>
133                </div>
134
135        </div>
136 
137    <hr class="seperator">
138   
139        <div class="row">
140                <div id="demo" class="span16">
141                        <h3>Schaufenster</h3>
142                        <p>
143                                Mit den vielfältigen OpenStreetMap-Daten kann man viele tolle Sachen machen. Im Folgenden findest du eine Auswahl der besten Karten
144                                und Anwendungen. Da die Daten für jeden offen stehen, sind deiner eigenen Kreativität keine Grenzen gesetzt.
145                        </p>
146                        <br>
147                        <!--    map carousel  START -->
148                        <div id="carousel">
149                        <ul class="carousel_tabs">
150                    <li><a href="javascript:" rel="slide-1" class="carousel-jumper carousel-selected">Karten</a></li>
151                    <li><a href="javascript:" rel="slide-2" class="carousel-jumper">Mobile Geräte</a></li>
152                    <li><a href="javascript:" rel="slide-3" class="carousel-jumper">Zum Anschauen</a></li>
153                    <li><a href="javascript:" rel="slide-4" class="carousel-jumper">Zum Ausprobieren</a></li>
154                </ul>
155                       
156                        <div id="carousel-wrapper">
157                            <div id="carousel-content">
158                               
159                                <div class="slide" id="slide-1">
160                                        <div id="mycarousel1" class="jcarousel-skin-tango">
161                                                        <div id="map_select" class="sections">
162                                                                <ul>
163                                                                        <li>
164                                                                                <a target="_self" href="karte.html">
165                                                                                        <img src="img/btn_karte.png" alt="" />
166                                                                                        </a>
167                                                                                        <div class="description"><a target="_self" href="karte.html">OpenStreetMap</a><br>mit einem &bdquo;deutschen&ldquo; Kartenstil</div>
168                                                                                </li>
169                                                                        <li>
170                                                                                <a target="_blank" href="http://www.öpnvkarte.de/">
171                                                                                        <img src="img/maps/oepnv.png" alt="" />
172                                                                                        </a>
173                                                                                        <div class="description"><a target="_blank" href="http://www.öpnvkarte.de/">ÖPNV-Karte</a><br>mit der Ausrichtung auf den  Nahverker</div>
174                                                                                </li>
175                                                                                <li>
176                                                                                        <a target="_blank" href="http://www.wanderreitkarte.de/">
177                                                                                        <img src="img/maps/reitwander.png" alt="" />
178                                                                                        </a>
179                                                                                        <div class="description"><a target="_blank" href="http://www.wanderreitkarte.de/">Wanderreitkarte</a><br>speziell für Reiter und Wanderer</div>
180                                                                                </li>
181                                                                                <li>
182                                                                                        <a target="_blank" href="http://www.openseamap.org/">
183                                                                                        <img src="img/maps/sea.png" alt="" />
184                                                                                        </a>
185                                                                                        <div class="description"><a target="_blank" href="http://www.openseamap.org/">OpenSeaMap</a><br>für die Seefahrt</div>
186                                                                                </li>
187                                                                                <li>
188                                                                                        <a target="_blank" href="http://www.opencyclemap.org/">
189                                                                                        <img src="img/maps/opencyclemap.png" alt="" />
190                                                                                        </a>
191                                                                                        <div class="description"><a target="_blank" href="http://www.opencyclemap.org/">OpenCycleMap</a><br>für Radfahrer</div>
192                                                                                </li>
193                                                                                <li>
194                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/TopOSM">
195                                                                                        <img src="img/maps/toposm.png" alt="" />
196                                                                                        </a>
197                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/TopOSM">TopOSM</a><br>topographische Karte (nur USA)</a></div>
198                                                                                </li>
199                                                                                <li>
200                                                                                        <a target="_blank" href="http://openpistemap.org/">
201                                                                                        <img src="img/maps/pistemap.png" alt="" />
202                                                                                        </a>
203                                                                                        <div class="description"><a target="_blank" href="http://openpistemap.org/">OpenPisteMap</a><br>für Wintersportler</div>
204                                                                                </li>
205                                                                                <li>
206                                                                                        <a target="_blank" href="http://www.freietonne.de/seekarte/">
207                                                                                        <img src="img/maps/freietonne.png" alt="" />
208                                                                                        </a>
209                                                                                        <div class="description"><a target="_blank" href="http://www.freietonne.de/seekarte/">FreieTonne</a><br>für die Seefahrt</div>
210                                                                                </li>
211                                                                        </ul>
212                                                                </div>
213                                                </div>
214                                        </div>
215                                       
216                                <div class="slide" id="slide-2">
217                                        <div id="mycarousel2" class="jcarousel-skin-tango">
218                                                        <div id="map_select" class="sections">
219                                                                <ul>
220                                                                        <li>
221                                                                                <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Garmin">
222                                                                                        <img src="img/devices/garmin.png" alt="" />
223                                                                                        </a>
224                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Garmin">Karten für Garmin Geräte</a></div>
225                                                                                </li>
226                                                                                <li>
227                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Android">
228                                                                                        <img src="img/devices/googlenexus.png" alt="" />
229                                                                                        </a>
230                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/DE:Android">Programme & Karten für Android Systeme</a></div>
231                                                                                </li>
232                                                                                <li>
233                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Apple_iOS">
234                                                                                        <img src="img/devices/iphone.png" alt="" />
235                                                                                        </a>
236                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Apple_iOS">Programme & Karten für Apple iOS Geräte</a></div>
237                                                                                </li>
238                                                                                <li>
239                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Java_Platform,_Micro_Edition">
240                                                                                        <img src="img/devices/java2me.png" alt="" />
241                                                                                        </a>
242                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Java_Platform,_Micro_Edition">Programme & Karten für die Java Plattform</a></div>
243                                                                                </li>
244                                                                                <li>
245                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Symbian_OS">
246                                                                                        <img src="img/devices/symbian.png" alt="" />
247                                                                                        </a>
248                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Symbian_OS">Programme & Karten für Symbian Geräte</a></div>
249                                                                                </li>
250                                                                                <li>
251                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/BlackBerry_OS">
252                                                                                        <img src="img/devices/blackberry.png" alt="" />
253                                                                                        </a>
254                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/BlackBerry_OS">Programme & Karten für BlackBerry Geräte</a></div>
255                                                                                </li>
256                                                                                <li>
257                                                                                        <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Magellan">
258                                                                                        <img src="img/devices/magellan.png" alt="" />
259                                                                                        </a>
260                                                                                        <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Magellan">Karten für Magellan Geräte</a></div>
261                                                                                </li>
262                                                                        </ul>
263                                                                </div>
264                                                </div>
265                                        </div>
266                                       
267                                <div class="slide" id="slide-3">
268                        <div id="mycarousel3" class="jcarousel-skin-tango">
269                                                        <div id="map_select" class="sections">
270                                                                <ul>
271                                                                        <li>
272                                                                                <a target="_blank" href="http://bestofosm.org/">
273                                                                                <img src="img/maps/bestosm.png" alt="" />
274                                                                                </a>
275                                                                                <div class="description"><a target="_blank" href="http://bestofosm.org/">Beispiele für schön gemappte/interessante Orte in OSM</a></div>
276                                                                        </li>
277                                                                        <li>
278                                                                                <a target="_blank" href="http://taginfo.openstreetmap.org">
279                                                                                <img src="img/taginfo.png" alt="" />
280                                                                                </a>
281                                                                                <div class="description"><a target="_blank" href="http://taginfo.openstreetmap.org">Taginfo sammelt und aggregiert Informationen über OSM-Tags</a></div>
282                                                                            </li>
283                                                                            <li>
284                                                                                <a target="_blank" href="http://wiki.openstreetmap.org/wiki/Featured_images">
285                                                                                <img src="img/imagestar.png" alt="" />
286                                                                                </a>
287                                                                                <div class="description"><a target="_blank" href="http://wiki.openstreetmap.org/wiki/Featured_images">Im OSM Wiki findest Du das &bdquo;Image of the week&ldquo;</a></div>
288                                                                            </li>
289                                                                </ul>
290                        </div>
291                                </div>
292                               
293                                <div class="slide" id="slide-4"> 
294                                        <div id="mycarousel4" class="jcarousel-skin-tango">
295                                                        <div id="map_select" class="sections">
296                                                                <ul>
297                                                                                <li>
298                                                                                        <a target="_blank" href="http://tools.geofabrik.de/mc/">
299                                                                                        <img src="img/mapcompare.png" alt="" />
300                                                                                        </a>
301                                                                                        <div class="description"><a target="_blank" href="http://tools.geofabrik.de/mc/">Vergleiche die OSM Karte mit anderen Karten</a></div>
302                                                                                </li>
303                                                                                <li>
304                                                                                        <a target="_blank" href="http://openstreetbugs.schokokeks.org/">
305                                                                                        <img src="img/osb.png" alt="" />
306                                                                                        </a>
307                                                                                        <div class="description"><a target="_blank" href="http://openstreetbugs.schokokeks.org/">Melde Fehler in der<br> OSM Karte</a></div>
308                                                                                </li>
309                                                                                <li>
310                                                                                        <a target="_blank" href="http://www.itoworld.com/static/openstreetmap_tools.html">
311                                                                                        <img src="img/ito1.png" alt="" />
312                                                                                        </a>
313                                                                                        <div class="description"><a target="_blank" href="http://www.itoworld.com/static/openstreetmap_tools.html">Verschiedene Tools zur OSM Daten-Analyse (Englische Seite)</a></div>
314                                                                                </li>
315                                                                                <li>
316                                                                                        <a target="_blank" href="http://osmtools.de/easymap/">
317                                                                                        <img src="img/osm_slippy.png" alt="" />
318                                                                                        </a>
319                                                                                        <div class="description"><a target="_blank" href="http://osmtools.de/easymap/">Erstelle eine eigene OSM Karte für eine Webseite</a></div>
320                                                                                </li>
321                                                                        </ul>
322                                                                </div>
323                                                </div>
324                                </div>
325                               
326                            </div>
327                        </div>
328
329                        <script type="text/javascript">
330                                new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-jumper'), {duration: 0, wheel: false});
331                </script>
332                </div> <!-- map carousel  END -->               
333                </div>
334        </div>
335        </div>
336       
337        <div class="row">
338                <div id="demo" class="span16">
339        <h3>Community</h3>
340                <p>
341                        OpenStreetMap (OSM) wird ganz wesentlich durch seine Community geprägt. Ohne die vielen Freiwilligen, die die Arbeit erledigen,
342                        wäre OpenStreetMap nicht denkbar. Natürlich kann jeder auch &bdquo;einfach so&ldquo; Geodaten sammeln und beitragen, aber zusammen macht es viel mehr Spaß.
343                </p>
344                <span class="read_more"><a href="community.html">Zur Community...</a></span>
345                </div>
346        </div>
347       
348        <div class="row">
349                <hr class="seperator">
350                <div class="span-one-third">
351                        <a target="_blank" href="http://www.fossgis.de"><img src="img/fossgis-logo.png" height="34px" alt=""/></a>
352                        <p>
353                                Der FOSSGIS e.V. betreibt diese Webseiten mit und für die Community.
354                        </p>
355                        <span class="read_more"><a href="community.html#fossgis">Mehr erfahren...</a></span>
356                </div>
357                <div class="span-one-third">
358                        <a target="_blank" href="http://blog.openstreetmap.de"><img src="img/osmblog_logo-03.png" height="34px" alt=""/></a>
359                        <p>
360                                Jede Woche gibt es die Wochennotiz, sie fasst in kompakter Form alle Neuigkeiten zusammen.
361                        </p>
362                        <span class="read_more"><a target="_blank" href="http://blog.openstreetmap.de">Zum OSMBlog...</a></span>
363                </div>
364                <div class="span-one-third">
365                        <a target="_blank" href="http://www.strato.de"><img src="img/sponsored_by_strato-120.png" width="120px" alt=""/></a>
366                        <p>
367                                Strato sponsert der OpenStreetMap-Community in Deutschland drei Server.
368                        </p>
369                        <span class="read_more"><a href="server.html">Mehr erfahren...</a></span>
370                </div>
371        </div>
372
373      <footer style="margin-bottom: 30px;">
374        <div class="row">
375        <div class="span2">
376                <a target="_blank" href="http://creativecommons.org/licenses/by-sa/2.0/"><img src="img/cc-by-sa.png" alt="[CC-BY-SA]" width="88" height="31" style="float:left; padding-left:90px;"></a>
377        </div>
378        <div class="span14" id="footer">
379                Alle Karten(daten) auf diesen Seiten sind dem OpenStreetMap-Projekt entnommen und stehen unter der Lizenz<br>
380                <a target="_blank" href="http://creativecommons.org/licenses/by-sa/2.0/">Creative Commons Attribution Share Alike-Lizenz 2.0</a>.
381                <a href="faq.html#lizenz">Mehr zur Lizenz...</a>
382        </div>
383        </div>
384      </footer>
385
386    </div> <!-- /container -->
387
388</body>
389</html>
Note: See TracBrowser for help on using the repository browser.