User: markomlm Date: 2007-06-28 14:40:04+0000 Added: de/www/testdir/index_neu.html
Log: Entwurf modernere Startseite File Changes: Directory: /de/www/testdir/ =========================== File [added]: index_neu.html Url: http://de.openoffice.org/source/browse/de/www/testdir/index_neu.html?rev=1.1&content-type=text/vnd.viewcvs-markup Added lines: 307 ---------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title> de.OpenOffice.org: Startseite </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="version" content="0.1" /> <!-- > Kommentare zur Seite $Id: index.html,v 1.471 2007/06/13 11:35:00 markomlm Exp $ < --> <style type="text/css" media="screen, projection"> /*<![CDATA[*/ <!-- @import url(../styles/DeHome_2007.css); --> /*]]>*/ </style> <!-- DeHome.css ist von DomainHome.css kopiert und re/um-definiert eine Reihe von Dingen, die sich auf der internationalen Seite nicht finden. --> </head> <!-- Der folgende Body wird spaeter bei Collabnet in eine Tabelle eingefuegt, darueber werden Kopf, linke Navigationsleiste und Fuss eingefuegt. Bei der Hauptseite ist die linke Navigationsleiste im css ausgeblendet. --> <body> <div class="contentpart" id="spotlight"> <!-- Das Spotlight ist alles, was oben steht und Aufmerksamkeit ziehen soll. --> <div id="spotlightgull"> <!-- Das Spotlight ist in vier Bereiche gegliedert: links die Buttons / rechts ein graphisches Element mit Produktlinks in der Mitte der Titel, evtl. eine wichtige Meldung, und ein kurzer Text zu OOo darunter der Download-button --> <div class="buttongroup"> <!-- Die Buttongroup steht ganz links und soll die zweitgroessten (ausser Download) und interessantesten Besuchergruppen abfangen. Dies sind: Neulinge & Supportsuchende & Mitarbeiter. Andere Sucher sollten mit der Sitemap finden, was sie brauchen. Bei Kontakt ist sowohl der Pressekontakt als auch die Mailinglisten als auch der rechtliche Hinweis angedacht. --> <ul> <li><a href="../neuhier.html" class="button" id="buttonneu" title="Was ist das hier? - Informationen zu OOo"><span></span></a></li> <li><a href="../probleme.html" class="button" id="buttonproblem" title="Support, Tutorial, Dokumentation - alles in Deutsch"><span></span></a></li> <li><a href="../kontakt.html" class="button" id="buttonkontakt" title="Unsere Ansprechpartner in den verschiedenen Aufgabengebieten"><span></span></a></li> <li> <a href="../../dev/index.html" class="button" id="buttonmithelfen" title="Am Projekt aktiv mitarbeiten"><span></span></a></li> <li><a href="../map_all.html" class="button" id="buttonwo" title="Mit einem Klick zu den wichtigsten deutschsprachigen Seiten"><span></span></a></li> <!-- links koennen auch weitere Buttons eingefuegt werden, wenn man sich an das obige Schema haelt. Farben und Groessen werden ueber das css realisiert. --> </ul> </div> <!-- Ende "buttongroup" --> <div class="graphicalpresentation"> <!-- Auf der rechten Seite sind zwei graphische Elemente. Zunaechst ganz links oben ein Bild. --> <img src="http://www.openoffice.org/branding/images/eggsopen_v6_with_gull.gif"; alt="OpenOffice 2.0! (seagull image by Olly Clarke)" longdesc="http://www.flickr.com/photos/whatmeworry/40431517/"; title="OpenOffice 2.0! (seagull image by Olly Clarke)" /> <div class="ooocomponents"> <!-- Darunter eine Leiste mit den Komponenten von 2.0. --> <h2>OpenOffice.org 2 Komponenten:</h2> <ul class="ooocomponentslist"> <li class="ooobase"><a href="../product/base.html" title="Datenbank">Base</a></li> <li class="ooocalc"><a href="../product/calc.html" title="Tabellenkalkulation">Calc</a></li> <li class="ooodraw"><a href="../product/draw.html" title="Vektorzeichnen">Draw</a></li> <li class="ooomath"><a href="../product/math.html" title="Formeln erstellen">Math</a></li> <li class="oooimpress"><a href="../product/impress.html" title="Präsentationen">Impress</a></li> <li class="ooowriter"><a href="../product/writer.html" title="Textverarbeitung">Writer</a></li> <li class="oooprodukt"><a href="../product/index.html" title="Produkt">Produkt</a></li> </ul> </div> <!-- Ende "ooocomponents" --> </div> <!-- Ende "graphicalpresentation" --> <!-- In der Mitte der Seite steht oben der Seitentitel. --> <h1>OpenOffice.org - die freie Office Suite </h1> <!-- Bei Aktionen kann direkt unter der Ueberschrift ein Einzeiler mit Link eingefuegt werden. Der Link fuehrt zum ersten Newsitem, wo ein laengerer Text und weitere Links stehen. Der Absatz sollte nicht geloescht werden, wenn er nicht mehr benoetigt wird, sondern er sollte lediglich auskommentiert werden. --> <!-- <p class="wichtig">Aktuell: <a href="presse/pressemitteilung_20070329.html">29.03.2007: Neue Version 2.2 von OpenOffice.org in deutscher Sprache erschienen</a></p> In der Mitte der Seite ist unter dem Seitentitel ein _kurzer_ Text. Der Text selbst sollte moeglichst nicht als Newsitem benutzt werden, sondern neuen Besuchern eine ganz kurze Information geben, was auf dieser Seite ueberhaupt passiert und ob der Besucher dort richtig ist. --> <p> OpenOffice.org ist sowohl eine <a href="product/index.html">Office Suite</a>, die auf vielen <a href="http://www.openoffice.org/dev_docs/source/sys_reqs_11.html";>Betriebssystemen</a> und in zahlreichen <a href="http://www.openoffice.org/project/l10n/languages.html";>Sprachen</a> verfügbar ist, als auch ein <a href="http://www.opensource.org/docs/definition.php";>Open-Source</a>-Projekt, in dem viele zumeist ehrenamtliche Mitglieder das Produkt immer weiter verbessern und unterstützen. Für diese Gemeinschaft suchen wir ständig neue Mitglieder: <a href="dev/index.html">Beteiligen</a> Sie sich! </p> <p>Als Produkt ist OpenOffice.org frei: Sie können es frei herunterladen, frei benutzen und frei weitergeben.</p> <!-- Der Downloadbutton ist das letzte Element im Spotbereich. Er ist unter dem Kurztext recht prominent plaziert und sollte die Links zu den wesentlichen Versionen und wichtigen Patches erhalten. Ein letzter Link fuehrt zur Downloadseite. --> <div class="button" id="buttondownload"> <h1>Download<h1> <p> <a href="../downloads/quick.html?version=2.2" title="Auf dem neuesten Stand">2.2.1</a><br /> <a href="../downloads/quick.html?version=1.1.5" title="Zur Ergänzung bestehender Installationen">1.1.5</a> </p> </div> <!-- Ende "buttondownload" --> </div> <!-- Ende "spotlightgull" --> </div> <!-- Ende "spotlight" --> <div class="contentpart" id="news"> <p> </p> <!-- Der Newspart steht unter dem Spotlight und soll die Seite nicht so unaktuell langweilig aussehen lassen. Fuer den Fall, dass wirklich mal was passiert, kann man hier auch News hinstellen. --> <div class="contentsubpart" id="othermedia"> <!-- Auf der rechten Seite ist eine Tabelle. Die Tabelle hat einen Kopf mit dem Titel. Dadrunter sind in jeder Tabellenzeile eine Information, in der ersten Spalte ihr Datum, in der zweiten ein als Link formatierter kurzer Hinweistext. --> <table summary="OpenOffice.org DE - Termine"> <thead> <tr> <td colspan="2">OpenOffice.org DE - Termine </td> </tr> </thead> <tbody> <!-- Neue Informationen ueber Termine sollen hier eingefuegt werden. Dabei sollte man schauen, ob ein weiter unten stehendes Item nicht mehr aktuell ist und geloescht werden kann. Folgende Schablone kann man verwenden: <tr> <td class="headcol"> Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit drei Buchstaben ohne Punkt: 1 Jan, 4 Mär </td> <td><a href="http://de.openoffice.org/";> Text der Info, kurz fassen, kein Punkt am Ende </a></td></tr> --> <tr> <td class="headcol">13. Jun.</td> <td><a href="http://www.it-kom-mainz.de";>IT_kom in Mainz</a></td> </tr> <tr> <td class="headcol">29. Jun.-1. Jul.</td> <td><a href="http://wiki.services.openoffice.org/wiki/DE:Projektwochenende2007";>Projekt-Wochenende in Hof</a></td> </tr> <tr> <td class="headcol">17.-19. Aug.</td> <td><a href="veranstaltungen/camp2007.html">CampOpenOffice.org am Biggesee</a></td> </tr> <tr> <td class="headcol">25./26. Aug.</td> <td><a href="http://www.froscon.de/Call-for-Papers.12.0.html";>FrOSCon in St. Augustin</a></td> </tr> <tr> <td class="headcol">19.-21. Sep.</td> <td><a href="http://marketing.openoffice.org/ooocon2007/";>OOoCon in Barcelona</a></td> </tr> </tbody> </table> </div> <!-- Ende "othermedia" --> <!-- Unter dem Spotlight auf der linken Seite stehen untereinander die Neuigkeitenpunkte (Newsitems). Zu dem Anker "Wichtig" gehoert noch ein Hinweis mit Link direkt unter dem Titel der Seite. --> <div class="item" id="newsprimaryarticle"> <a name="Wichtig"></a> <table summary="OpenOffice.org DE - Neuigkeiten"> <thead> <tr> <td colspan="2">OpenOffice.org DE - Neuigkeiten</td> </tr> </thead> <tbody> <!-- Neue Informationen ueber Interna sollen hier eingefuegt werden. Dabei sollte man schauen, ob ein weiter unten stehendes Item nicht mehr aktuell ist und geloescht werden kann. Folgende Schablone kann man verwenden: <tr> <td class="headcol"> Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit drei Buchstaben ohne Punkt: 1 Jan, 4 Mär </td> <td><a href="http://de.openoffice.org/";> Text der Info, kurz fassen, kein Punkt am Ende </a></td></tr> --> <tr> <td class="headcol">12.06.2007</td> <td> OpenOffice.org in Version 2.2.1 veröffentlicht </td> </tr> <tr> <td class="headcol">12.05.2007</td> <td><a href="../doc/sonstiges/gerry.html"> G.R. Singleton verstorben</a> </td> </tr> <tr> <td class="headcol">29.03.2007</td> <td><a href="../presse/pressemitteilung_20070329.html"> OpenOffice.org in Version 2.2 veröffentlicht</a> </td> </tr> <tr> <td class="headcol">11.03.2007</td> <td><a href="../veranstaltungen/camp2007.html">Bewerbungsphase für CampOpenOffice.org beginnt</a> </td> </tr> <tr> <td class="headcol">02.03.2007</td> <td><a href="../marketing/wettbewerb_ebay.html">OpenOffice.org und eBay starten gemeinsamen Programmierwettbewerb</a> </td> </tr> </tbody> </table> </div> <!-- Ende "newsprimaryarticle" --> </div> <!-- Ende "news" --> <p><a href="http://validator.w3.org/check?uri=referer";><img src="http://www.w3.org/Icons/valid-xhtml10"; alt="Valid XHTML 1.0 Transitional" /></a></p> </body> </html> --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
![http://www.openoffice.org/branding/images/eggsopen_v6_with_gull.gif"](http://www.openoffice.org/branding/images/eggsopen_v6_with_gull.gif"){kind=link}