
The world's next dream car gets even better with the 911 Carrera S – we've increased the engine power yet again in comparison to the 911 Carrera. "S" – a Porsche symbol denoting increased power - has long achieved legendary status . The legend now continues with this precision driving machine.
The following general rules apply to all templates: Semantic/ structural HTML elements will be used when available (h2, h3, p, strong etc.); CSS classes will be used on top of this; finally, JavaScript (sparsely) if the CSS isn't enough. All final documents are server with an UTF-8 http header containing the UTF-8 character set, unless for sample purposes (like here).
Following is a normal paragraph with an inline link and strong emphasis (<b> will always be expressed as the more media neutral <strong>):
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration. Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration.
All h3 elements should be rendered with the Porsche font using images. The following h3 is just a sample containing HTML text only::
Ich bin ein Hadrei und wäre ein Bild
Erfahren Sie hier, wie sich Porsche in den unterschiedlichen Bereichen des Unternehmens schon heute auf die Anforderungen von morgen vorbereitet.
The Knowledge Base Items are a list mit links and images which open a DHTML layer – later on, this layer may contain Flash and gets a Knowledge Base ID parameter. There are up to 10 entries.
There are 2 types of tables within normal pages (pop-up tables are yet to be defined). They are all only differing in their class name in the table element. In each table there's a class "alternate" for every second tr and td element. The first tr (the first row) is not ignored in this calculation; it only contains th elements (which must be there, but may be left empty by the editor). The number of rows/ columns is not limited for these 2 types of tables. On rare occasions, tables may contain images (like in the Motorsports section). Strong emphasis within table cells is allowed.
The following table of class "normalTable" is considered to be the default when the editor does not provide more precise attributes. Rows are colored in alternate fashion:
| First name | Last name | |
|---|---|---|
| Franz | Hals | Frans Hals ist Mitarbeiter seit 1999. Er leistet vorwiegend gute Arbeit. |
| Fritz | Hals | Er leistet vorwiegend gute Arbeit. |
| Franz | Meier | Meier ist Mitarbeiter seit 1999. Er arbeitet. |
| Hansi | Hinterseer | H. ist Mitarbeiter seit 1999. Er leistet vorwiegend Arbeit. |
| Thomas | Sonstwas | Frans Hals ist Mitarbeiter seit 2005. |
| Franz | Hals | Frans Hals ist Mitarbeiter seit 1999. Er leistet vorwiegend gute Arbeit. |
The following table of class "normalTable extensive" is an enlarged version of above, allowing for more content:
| First name | Last name | Beschreibung |
|---|---|---|
| Franz | Hals | Frans Hals ist Mitarbeiter seit 1999. Er leistet vorwiegend gute Arbeit. |
| Fritz | Hals | Er leistet vorwiegend gute Arbeit. |
The "What's new" link list is a multi-link list in a div element of class "newsLinks", containing an h3. The h3 should be rendered with an image machine using the Porsche font.
What's new
Labels for the text are in Porsche font and must be rendered on a medium gray/ white rgb(230,230,230). They should be anti-aliased, but the background should be transparent. Alternatively if this doesn't suffice, labels may be rendered twice (once on a white, and once on a gray background color).
Active tabs will get the class "selected", the last link will get the class "lastChild". "A href" must be included for the active element as well.
(Galerie-Content.)
Halli hallo
Halli hallo
Halli hallo
There will be made use of a new object to include Flash. It includes the JavaScript "flashobject" as linked from the HTML's head section.
The link class ""illustratedModelLink" lists the model ranges. The editor must take care to shorten the text to have about the length as show to be displayed in two lines.
Eine Symbiose aus Fortschritt und Tradition. Eine Symbiose aus Fortschritt und Tradition.
Eine Symbiose aus Fortschritt und Tradition.
Eine Symbiose aus Fortschritt und Tradition. Echt, sportlich, und mit der Extra-Portion Motor.
Eine Symbiose aus Fortschritt und Tradition.
The link class "illustratedModelLinkInfo" contains model information and links to the model itself. "Build Your Own" should be rendered from an image machine as button (according to the button standards), and it should link to the Car Configurator.
Motor:2.7 liter, 6 cylinder, boxer engine
240 hp (SAE) @ 6,200 rpm
Torque 199 lb-ft @ 4,700 rpm Performance:
Top Track Speed: 159mph
0-100 km/h (62 mph) in 6.2 secs
MSRP: $823,099 (USA)
The link type of class "illustratedLink" is the default for overview pages.
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration. Erfahren Sie hier, wie sich Porsche in den.
This link type of class "link" is like the one above but without an image.
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration. Erfahren Sie hier, wie sich Porsche in den.
This table of class "features" is only available in the gallery tab "Features & Specifications" For the time being only the shown table cless are available; individual knowledge base links open up the knowledge base layers. All bold/ gray headlines as shown here should later on be rendered using an image machine with the Porsche font.
| Price | base price | $43,800 | |
|---|---|---|---|
| Power | 6.400 rpm torque |
240 hp 199 ft.-lb. |
|
| Fuel consumption | Gearbox | Tiptronic S | |
| City | TBD | TBD | |
| Highway | TBD | TBD | |
| Combined | TBD | TBD | |
| CO2 emissions in g/km | N/A | N/A | |
| Guarantee | Guarantee | 5 placeholder | |
| KM Guarantee | 3 placeholder |
The sound download, which only appears like this in galleries. "Play" and "Download" should be rendered from an image machine using the Porsche font.
The Flash movie player for gallery pages. It should later on change the main intro layer which will then have an ID (it will be changed using "innerHTML" in JavaScript). The DSL and ISDN buttons respectively should be rendered as Porsche font using an image and the standard button layout.
Class "appDownload" is for now only to be found on gallery + screensaver downloads Windows/ Mac (plus a help text). "Windows", "Mac", "Screensaver" as well as the button "Download" should be rendered as Porsche font image.
Screensaver Boxster
Get the Boxster for your computer screen. The Boxster screensaver is compatible with Microsoft Windows (Microsoft Windows 95 or higher) and Apple Mac OS X.
Some more stuff to help the user understand screensavers and operating systems.
The "linkOverviews" list is only available on model overview pages and may contain up to 8 elements. The headings (except for the arrow, which is rendered in CSS) should be implemented using a Porsche font image machine.
-
Design
Tightened design, a new headlamp, special exterior mirror. -
Engine
2,7l displacement, Ajax powered, with Ruby on Rails and iPods. -
Chassis
It has a wide track and a new gear assembly, uncoditional agility. -
Safety
2,7l displacement, Ajax powered, with Ruby on Rails and iPods. -
Comfort
Tightened design, a new headlamp, special exterior mirror. -
Colours
It has a wide track and a new gear assembly, uncoditional agility. -
Environment
2,7l displacement, Ajax powered, with Ruby on Rails and iPods.
The image combo is like the one for normal zoom images but contains the additional classes "imageCombo1" and "imageCombo2". It is wrapped using a div element of class "imageCombos".
Power caption
Power caption
Iframes should contain the ID "mainframe".
A film box. The headline as well as the buttons are images, but the texts "Media Player" and "Quicktime" are HTML:
The so-called flip flop navigation allows the user to expand & collapse individual items.
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration. Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration.
The (automatized) overview page for press releases:
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration. Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration.
Wer das Tempo der Zukunft mitgehen will, der bestimmt es am besten schon heute. Das verlangt Kreativität, Kompetenz und Konzentration.
The download element for PDFs. It contains an h3 which ought to be an image of the Porsche font:
Neues von der Porsche AG
Die Uhr zum Auto: Porsche Design PTC 911 Limited Edition
Jubiläum: 30 Jahre Porsche 911 Turbo
Gut in Schuss: der neue Cayman Turbo
Die Symbiose aus Technik, Natur, Mensch etc.
Jubiläum: 30 Jahre Porsche 911 Turbo








![[x]](images/sample-zoom-large.jpg)