User: markomlm Date: 05/11/15 04:12:30 Modified: /de/www/ newhome3.html
Log: Neue Startseite mit deutschen TobTabs nach Abstimmung/Korrekturen auf dev M. Moeller File Changes: Directory: /de/www/ =================== File [changed]: newhome3.html Url: http://de.openoffice.org/source/browse/de/www/newhome3.html?r1=1.6&r2=1.7 Delta lines: +174 -300 ----------------------- --- newhome3.html 11 Nov 2005 22:08:54 -0000 1.6 +++ newhome3.html 15 Nov 2005 12:12:27 -0000 1.7 @@ -12,7 +12,7 @@ <meta name="version" content="0.1" /> <!-- > Kommentare zur Seite - $Id: newhome3.html,v 1.6 2005/11/11 22:08:54 markomlm Exp $ + $Id: newhome3.html,v 1.7 2005/11/15 12:12:27 markomlm Exp $ < --> <style type="text/css" media="screen, projection"> /*<![CDATA[*/ @@ -23,8 +23,9 @@ </style> <!-- - DeHome.css ist von DomainHome.css kopiert und re/um-definiert eine Reihe von Dingen, + DeHome2.css ist von DomainHome.css kopiert und re/um-definiert eine Reihe von Dingen, die sich auf der internationalen Seite nicht finden. + so wurden die Original TobTabs und die linke Navbar ausgeblendet --> </head> @@ -36,8 +37,11 @@ Bei der Hauptseite ist die linke Navigationsleiste im css ausgeblendet. --> <body> -<div id="toptabs2"> -<ul class="tabs"> + <!-- + Es folgen die deutschen Tobtabs, die die Tobtabs von Colabnet ersetzen + --> + <div id="toptabs2"> + <ul class="tabs"> <li><a href="index.html">Startseite</a></li> <li><a href="downloads/quick.html">Downloads</a></li> <li><a href="probleme.html">Support</a></li> @@ -47,145 +51,82 @@ <li><a href="http://projects.openoffice.org/";>Projekte</a></li> <li><a href="http://www.openoffice.org/servlets/StartPage";>Meine Seiten</a></li> <li><a href="http://about.openoffice.org/";>Über</a></li> -</ul> -</div> -<div - class="contentpart" - id="spotlight"> - <!-- - Das Spotlight ist alles, was oben steht und Aufmerksamkeit ziehen soll. - --> + </ul> + </div> - <div - id="spotlightgull"> + <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 + 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"> - <!-- + <div class="buttongroup"> + +<!-- Die Buttongroup steht ganz links und soll die zweitgroessten (ausser Download) und interessantesten Besuchergruppen abfangen. - Dies sind: Neulinge, Supportsuchende. Mitarbeiter und andere + Dies sind: Neulinge & Supportsuchende. Mitarbeiter und 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>Neu hier?</span></a> </li> - <li> <a - href="probleme.html" - class="button" - id="buttonproblem" - title="Support, Tutorial, Dokumentation - alles in Deutsch"> - <span>Probleme?</span></a> </li> - <li> <a - href="map_all.html" - class="button" - id="buttonwo" - title="Mit einem Klick zu den wichtigsten deutschsprachigen Seiten"> - <span>Wo ist ... ?</span></a> </li> - <li> <a - href="kontakt.html" - class="button" - id="buttonkontakt" - title="Unsere Ansprechpartner in den verschiedenen Aufgabengebieten"> - <span>Kontakt!</span></a> </li> + <li><a href="neuhier.html" class="button" id="buttonneu" title="Was ist das hier? - Informationen zu OOo"><span>Neu hier?</span></a></li> + <li><a href="probleme.html" class="button" id="buttonproblem" title="Support, Tutorial, Dokumentation - alles in Deutsch"><span>Probleme?</span></a></li> + <li><a href="map_all.html" class="button" id="buttonwo" title="Mit einem Klick zu den wichtigsten deutschsprachigen Seiten"><span>Wo ist ... ?</span></a></li> + <li><a href="kontakt.html" class="button" id="buttonkontakt" title="Unsere Ansprechpartner in den verschiedenen Aufgabengebieten"><span>Kontakt!</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> + </div> <!-- Ende "buttongroup" --> + <div class="graphicalpresentation"> - <div - class="graphicalpresentation"> - <!-- +<!-- Auf der rechten Seite sind zwei graphische Elemente. Zunaechst ganz links oben ein Bild. --> - <img - src="pics/eggsopen_v0.5.gif" - alt="Ein Bild einer Seemöwe" height="200" width="380" - title="Seemöwe " - longdesc="http://gallery.tc.dk/sejero/DSCF2294_seagull_eggs"; /> - <div - class="ooocomponents"> - <!-- + <img src="pics/eggsopen_v0.5.gif" alt="Ein Bild einer Seemöwe" title="Seemöwe" longdesc="http://gallery.tc.dk/sejero/DSCF2294_seagull_eggs"; /> + + <div class="ooocomponents"> + +<!-- Darunter eine Leiste mit den Komponenten von 2.0. --> <h2>OpenOffice.org 2.0 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 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> - </div> + </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. @@ -198,20 +139,11 @@ Mondrakete auf OOo gestürzt </a> </p> - --> - <p class="wichtig"> - Aktuell: - <a href="#Wichtig"> - PrOOo-Box Buchverlosung! - </a><br /> - <a href="#Wichtig"> - OpenOffice.org 2.0 veröffentlicht - </a> - </p> + <p class="wichtig">Aktuell: <a href="#Wichtig">PrOOo-Box Buchverlosung!</a><br /><a href="#Wichtig">OpenOffice.org 2.0 veröffentlicht</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 @@ -219,87 +151,62 @@ --> <p> - OpenOffice.org ist sowohl eine - <a href="product/index.html">Office Suite</a>, die auf vielen - + 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. + 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"> - Download - <br /> + <div class="button" id="buttondownload"> + <h1>Download</h1> - <!-- - Aus irgendeinem Grund funktionierte die ausrueckung im Css nicht. - Daher jetzt per hand. - --> + <p> <a href="downloads/quick.html" title="Auf dem neuesten Stand">Die aktuelle Version (2.0)</a><br /> + <a href="downloads/quick.html" title="Zur Ergänzung bestehender Installationen">Die bewährte Vorversion (1.1.5)</a><br /> + <a href="http://www.prooo-box.org/"; title="Weitere Nützlichkeiten: Vorlagen, Sprachpakete, Makros, ...">mehr...</a> + </p> + </div> <!-- Ende "buttondownload" --> - <p> <a - href="downloads/quick.html" - title="Auf dem neuesten Stand"> - Die aktuelle Version (2.0)</a> - <br /> <a - href="downloads/quick.html" - title="Zur Ergänzung bestehender Installationen"> - Die bewährte Vorversion (1.1.5)</a> - <br /> <a - href="http://www.prooo-box.org/"; - title="Weitere Nützlichkeiten: Vorlagen, Sprachpakete, Makros, ..."> - mehr...</a></p> - </div> + </div> <!-- Ende "spotlightgull" --> - </div> -</div> + </div> <!-- Ende "spotlight" --> + <div class="contentpart" id="news"> -<div - class="contentpart" - id="news"> - <!-- +<!-- 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"> - <!-- + <div class="contentsubpart" id="othermedia"> + +<!-- Auf der rechten Seite sind erstmal zwei Tabellen. Jede 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="Was nur für die Community interessant ist"> - <thead><tr> + <table summary="OpenOffice.org DE - Termine"> + <thead> + <tr> <td colspan="2">OpenOffice.org DE - Termine </td> - </tr></thead> + </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 @@ -317,25 +224,21 @@ --> <tr> - <td class="headcol"> - 24 Okt </td> - <td><a href="./veranstaltungen/systems2005.html"> - Systems 2005 - </a></td></tr> - <tr> - <td class="headcol"> - 25 Nov </td> - <td><a href="./veranstaltungen/linux_world_expo_2005.html"> - LinuxWorld Conference und Expo 2005 - </a></td></tr> + <td class="headcol">25 Nov</td> + <td><a href="./veranstaltungen/linux_world_expo_2005.html">LinuxWorld Conference und Expo 2005</a></td> + </tr> + <tr> + <td class="headcol">19 Nov</td> + <td><a href="http://www.linuxday.at/";>LinuxDay 2005 Dornbirn</a></td> + </tr> </tbody> </table> - </div> + </div> <!-- Ende "othermedia" --> - <!-- +<!-- Unter dem Spotlight auf der linken Seite stehen untereinander die Neuigkeitenpunkte (Newsitems). Jedes ist in <div class="item"></div> eingeschraenkt, hat einen h1 Titel und ein oder mehrere Texte mit @@ -362,9 +265,6 @@ </div> </div> - --> - - <!-- "Wichtig und aktuell!" soll kurzzeitig, aktuelle Hinweise enthalten, z.B. bei Aktionen oder Patches. Es sollte immer nur ein wichtiges Item geben. Das Newsitem sollte nicht geloescht werden, wenn es nicht mehr benoetigt wird, @@ -374,18 +274,17 @@ unter dem Titel der Seite. --> - <div - class="item" - id="newsprimaryarticle"> + <div class="item" id="newsprimaryarticle"> <a name="Wichtig"></a> - <table - summary="Was nur für die Community interessant ist"> - <thead><tr> - <td colspan="2">OpenOffice.org DE - Neuigkeiten </td> - </tr></thead> + <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 @@ -401,74 +300,49 @@ </a></td></tr> --> + <tr> - <td class="headcol"> - 07.10.2005 </td> - <td> - <a href="http://www.prooo-box.org/buchverlosung.html";> - PrOOo-Box 2.0: Buchverlosung, Einsendeschluss ist der 15.12.2005!</a> - <br /> + <td class="headcol">07.11.2005</td> + <td><a href="http://www.prooo-box.org/buchverlosung.html";>PrOOo-Box 2.0: Buchverlosung!</a><br /> Näheres zur Verlosung ist <a href="http://www.prooo-box.org/buchverlosung.html";>hier</a> zu erfahren. </td> </tr> + <tr> - <td class="headcol"> - 23.10.2005 </td> - <td> - <a href="presse/pressemitteilung_20051024.html"> - PrOOo-Box 2.0: Community-Distribution</a> - <br /> - Das CD-Projekt bei de.OpenOffice.org hat die neue Version 2.0 der Community-Distribution PrOOo-Box zum Download bereit gestellt. + <td class="headcol">23.10.2005</td> + <td><a href="presse/pressemitteilung_20051024.html">PrOOo-Box 2.0: Community-Distribution</a><br /> + in neuer Version 2.0 vom CD-Projekt bei de.openofice.org. </td> </tr> + <tr> - <td class="headcol"> - 20.10.2005 - </td> - <td> - <a href="presse/pressemitteilung_20051020.html"> - OpenOffice.org 2.0 veröffentlicht</a> - <br />Die neue Generation der Office-Suite OpenOffice.org 2.0 wurde veröffentlicht. + <td class="headcol">20.10.2005</td> + <td><a href="presse/pressemitteilung_20051020.html">OpenOffice.org 2.0 veröffentlicht</a><br /> + Die neue Generation der Office-Suite OpenOffice.org 2.0 wurde veröffentlicht. </td> </tr> + <tr> - <td class="headcol"> - 13.10.2005 - </td> - <td> - <a href="presse/pressemitteilung_20051013.html"> - Fünf Jahre Openoffice.org</a> - <br />OpenOffice.org wurde fünf Jahre alt. - </td> + <td class="headcol">14.10.2005</td> + <td><a href="http://de.openoffice.org/presse/pressemitteilung_20050914.html";>OpenOffice.org 1.1.5 verfügbar</a></td> </tr> + <tr> - <td class="headcol"> - 14.10.2005 + <td class="headcol">13.10.2005</td> + <td><a href="presse/pressemitteilung_20051013.html">Fünf Jahre Openoffice.org</a><br /> + OpenOffice.org wurde fünf Jahre alt. </td> - <td> - <a href="http://de.openoffice.org/presse/pressemitteilung_20050914.html";> - OpenOffice.org 1.1.5 verfügbar</a> - <br /> - </td - ></tr> - + </tr> </tbody> </table> + </div> <!-- Ende "newsprimaryarticle" --> - <!-- - Unteres Ende von "de.OOo braucht Sie!" - --> -</div> - + </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> -</div> -<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" height="31" width="88" /></a> -</p> </body> </html> --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
