User: markomlm Date: 05/08/22 04:20:09 Added: /de/www/testdir/ newhome_mlm.html
Log: Test neue indexseite mit eigener Top-Leiste (Marko Moeller) File Changes: Directory: /de/www/testdir/ =========================== File [added]: newhome_mlm.html Url: http://de.openoffice.org/source/browse/de/www/testdir/newhome_mlm.html?rev=1.1&content-type=text/vnd.viewcvs-markup Added lines: 527 ---------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title> de.OpenOffice.org: Home </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" /> <style type="text/css" media="screen, projection"> /*<![CDATA[*/ <!-- @import url('DeHome.css'); --> /*]]>*/ </style> <!-- DeHome.css ist von DomainHome kopiert und re/um-definiert eine Reihe von Dingen, die sich auf der internationalen Seite nicht finden. --> </head> <script language="javascript"> function verstecke(was) { //In den Anführungszeichen befinden sich die IDs der //Block-Elemente, die zunächst nicht angezeigt //werden sollen. alert(was); document.getElementById(was).style.visibility = 'hidden'; // Jetzt gewünschtes Block-Element anzeigen. // document.getElementById(bild).style.visibility = 'visible'; } </script> <div id="toptabs_de"> <ul class="tabs"> <li> <a href="http://www.openoffice.org/servlets/DomainHome";>Start</a> </li> <li> <a href="http://de.openoffice.org/downloads/quick.html"; title="Get OpenOffice.org or browse for additions">Download</a> </li> <li> <a href="http://support.openoffice.org/index.html"; title="The place for both free and commercial support on OpenOffice.org">Support</a> </li> <li> <a href="http://contributing.openoffice.org/index.html"; title="Become part of the largest OpenSource project!">Mitmachen</a> </li> <li class="th"> <a href="http://www.openoffice.org/servlets/ProjectList";>Projects</a> </li> <li> <a href="http://www.openoffice.org/servlets/StartPage";>My pages</a> </li> <li> <a href="http://about.openoffice.org/index.html"; title="Background information on OpenOffice.org">About</a> </li> </ul></div> <!-- 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 onload="verstecke('tobtabs');" > <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 mit kurzem Text 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 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, Documentation - alles in Deutsch"> <span>Probleme?</span></a> </li> <li> <a href="http://www.openoffice.org/about_us/new.html"; class="button" id="buttonwo" title="Mit einem Klick zu den wichtigsten deutschsprachigen Seiten"> <span>Wo ist ... ?</span></a> </li> <li> <a href="../dev/ansprechpartner.html" class="button" id="buttonkontakt" title="Der schnellste Weg zu Ihren Antworten, besonders für Multipikatoren!"> <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 class="graphicalpresentation"> <!-- Auf der rechten Seite sind zwei graphische Elemente. Zunaechst ganz links oben ein Bild. --> <img src="http://www.openoffice.org/branding/images/gulleggs.gif"; alt="Ein Bild von Seemöweneiern" title="Seagull eggs (by: Thomas Christensen)" 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 Beta 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> </ul> </div> </div> <!-- In der Mitte der Seite ist unter dem Seitentitel ein _kurzer_ Text. --> <h1> Freie Office Suite </h1> <!-- Der Text selbst sollte moeglichst nicht als Newsitem gesetzt werden, sondern neuen Besuchern eine ganz kurze Information geben, was auf dieser Seite ueberhaupt passiert und ob der Besucher dort richtig ist. Bei Aktionen kann im css die class wichtig eingeblendet werden. Dabei wird gleich ein Link zum ersten Newsitem aktiv, der dann angesprungen werden kann. Der Absatz sollte nicht geloescht werden, wenn er nicht mehr benoetigt wird, sondern er sollte lediglich im css an zwei Stellen mit display: none; ausgeblendet werden. Zu dem Absatz gehoert noch ein Newsitem mit dem Text, das ueber den Link direkt angesprungen werden kann. --> <p id="wichtig"> Wichtig und aktuell: <a href="#Wichtig"> Mondrakete auf OOo gestürzt! </a> </p> <p> OpenOffice.org ist sowohl eine <a href="http://www.openoffice.org/product2/reqts.html";>multi-platform</a> und <a href="http://www.openoffice.org/project/l10n/languages.html";>multi-linguale</a> <a href="../product/index20.html">Office Suite</a> als auch ein <a href="http://www.opensource.org/docs/definition.php";>Open-Source</a>-Projekt. Kompatibel mit allen anderen grösseren Office Suiten, ist OpenOffice.org frei: frei herunterladbar, frei gebrauchbar, frei verteilbar. Helfen Sie uns, die OpenOffice.org Gemeinschaft zu vergrössern: <a href="http://www.openoffice.org/contributing.html";>Registrieren</a> Sie sich jetzt. </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. --> <p> <span class="button" id="buttondownload"> <span> Download <br/> <ul style="font-size: .6em;"> <li> <a href="../downloads/quick.html" title="Was der Anwender braucht"> Die stabile Version (1.1.4)</a></li> <li> <a href="../downloads/quick.html" title="Nur für Tester: Melden Sie, was nicht funktioniert"> Die Testversion (1.9+beta)</a></li> <li> <a href="http://distribution.openoffice.org/cdrom/index.html"; title="Weitere Nützlichkeiten: Vorlagen, Sprachpakete, Makros, ..."> mehr...</a></li> </ul> </span> </span> </p> </div> </div> <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"> <!-- 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> <td colspan="2">de.OOo aktuell</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"> 25 Nov </td> <td><a href="http://de.openoffice.org/veranstaltungen/linux_world_expo_2005.html";> LinuxWorld Conference & Expo 2005 </a></td></tr> <tr> <td class="headcol"> 24 Okt </td> <td><a href=> Systems 2005 </a></td></tr> <tr> <td class="headcol"> 28 Sep </td> <td><a href="http://marketing.openoffice.org/conference/";> OOoCon 2005 in Koper/Slovenien </a></td></tr> <tr> <td class="headcol"> ???</td> <td><a href=> OooCamp </a></td></tr> </tbody> </table> <table summary="Was irgendwie noch auf der Seite schnell untergebracht werden soll"> <thead><tr><td colspan="2">Aktuelle Downloads</td></tr></thead> <tbody> <!-- Neue Informationen ueber Downloads sollen hier eingefuegt werden. Das gilt natuerlich nicht nur fuer Software, sondern besonders auch fuer Dokumenationen und Vorlagen. 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"> 20 Aug </td> <td><a href="http://de.openoffice.org/servlets/NewsItemView?newsItemID=300";> OpenOffice 1.1.5 Release-Candidate verfügbar </a></td> </tr> <tr> <td class="headcol"> 4 Apr </td> <td><a href="../patch114.html"> Sicherheitspatch zu OOo 1.1.4 </a></td></tr> </tbody> </table> </div> <!-- 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 jeweils folgender Linkliste. Zusaetzlich kann ein item auch id="newsprimaryarticle" gesetzt haben, um besonders herauszustehen. Im Moment gibt es drei Items, "Wichtig!" "de.OOo braucht Sie!" und "OOo im Gespraech". "Wichtig!" ist nur sichtbar, wenn es im css eingeblendet wird. Folgende Schablone kann man verwenden, wenn weiter Items eingefuegt werden sollen: <div class="item"> <h1>Titel</h1> <p> Text </p> <ul> <li><a href="">Weitere Infos</a></li> <li>Kontakt: Karen Mustermann</li> </ul> </div> --> <div class="item" id="wichtig"> <a name="Wichtig"></a> <h1>Wichtig!</h1> <!-- "Wichtig!" soll kurzzeitig, aktuelle Hinweise enthalten, z.B. bei Aktionen oder Patches. Es sollte immer nur ein wichtiges Item geben. "Wichtig" sollte nicht geloescht werden, wenn es nicht mehr benoetigt wird, sondern es sollte lediglich im css an zwei Stellen mit display: none; ausgeblendet werden. (Irrefuehrende Infos koennen natuerlich geloescht werden.) Zu dem Newsitem "Wichtig" gehoert noch ein Hinweis mit Link direkt unter dem Titel der Seite. --> <p> Ha! Doch nicht, war nur ein Scherz. </p> <ul> <li><a href="http://de.openoffice.org/";>Weitere Infos</a></li> </ul> </div> <div class="item" id="newsprimaryarticle"> <h1>de.OOo braucht Sie!</h1> <!-- "de.OOo braucht Sie!" soll ansprechende, aktuelle Aufgabenbeschreibungen enthalten, die Besucher zur Mitarbeit bewegen. Neue Aufgaben koennen oben eingepflegt werden, ganz alte sollten unten geloescht werden. Folgende Schablone kann man verwenden: <p> Text </p> <ul> <li><a href="">Weitere Infos</a></li> <li>Kontakt: Karen Mustermann</li> </ul> --> <p> Eine Reihe von englisch- und französischsprachigen Dokumentationen zur Version 2 sollen ins Deutsche übersetzt werden. Hierfür werden weiterhin ständig Korrekturleser benötigt. <br /> Zudem müssen entsprechende Screenshots zur Version 2 mit deutscher Lokalisierung erstellt werden. </p> <ul> <li><a href="../dev/aktuelle_aufgabenliste.html">Weitere Infos</a></li> <li>Kontakt: Timo Kozlowski</li> </ul> <!-- Unteres Ende von "de.OOo braucht Sie!" --> </div> <div class="item"> <h1>OpenOffice.org im Gespräch</h1> <!-- "OpenOffice.org im Gespraech" soll kurze, aktuelle Neuigkeiten rund um OOo und de.OOo enthalten. Neue oben einfuegen, alte unten wegloeschen. Folgende Schablone kann man verwenden: <p> Text </p> <ul> <li><a href="">Weitere Infos</a></li> <li>Kontakt: Karen Mustermann</li> </ul> --> <p> Am 4.4. veröffentlichte OOo einen Patch, der eine mögliche Sicherheitlücke schliesst. </p> <ul> <li><a href="../patch114.html">Weitere Infos</a></li> <li><a href="../downloads/quick.html">Direkter Download</a></li> </ul> <p> OpenOffice.org war auf dem LinuxTag Karlsruhe (22.-25. Juni) vertreten. </p> <ul> <li><a href="../veranstaltungen/linuxtag2005/index.html">de.OOo auf dem LinuxTag</a></li> <li><a href="http://www.linuxtag.org/";>LinuxTag Karlsruhe</a></li> </ul> <!-- 3 Items sind zu viel <p> Unser Auftritt auf der Cebit 2005 war ein grosser Erfolg. Hier finden Sie Bilder und Eindrücke von OOo Teilnehmern. </p> <ul> <li><a href="../veranstaltungen/cebit2005/index.html">de.OOo auf der Cebit</a></li> <li><a href="http://de.openoffice.org/servlets/ProjectDocumentList?folderID=439&expandFolder=439&folderID=239";>Fotos und weitere Dokumente</a></li> <li><a href="http://www.cebit.de/";>Cebit</a></li> </ul> --> <!-- Unteres Ende von "OpenOffice.org im Gespraech" --> </div> </div> </body> </html> --------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
![http://www.openoffice.org/branding/images/gulleggs.gif"](http://www.openoffice.org/branding/images/gulleggs.gif"){kind=link}