Porsche

Porsche Philosophie

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 nameLast name 
FranzHalsFrans Hals ist Mitarbeiter seit 1999. Er leistet vorwiegend gute Arbeit.
FritzHalsEr leistet vorwiegend gute Arbeit.
FranzMeierMeier ist Mitarbeiter seit 1999. Er arbeitet.
HansiHinterseerH. ist Mitarbeiter seit 1999. Er leistet vorwiegend Arbeit.
ThomasSonstwasFrans Hals ist Mitarbeiter seit 2005.
FranzHalsFrans 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 nameLast nameBeschreibung
FranzHalsFrans Hals ist Mitarbeiter seit 1999. Er leistet vorwiegend gute Arbeit.
FritzHalsEr 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.

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.

  • Overview
  • Power
  • Comfort
  • Features
  • Dimensions
  • Safety
  • All

(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.


[NO-FLASH-INFO-1]
[NO-FLASH-INFO-2]

[NO-FLASH-LINK]

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.

32nd Oldtimer Grand Prix Eine Symbiose aus Fortschritt und Tradition. Eine Symbiose aus Fortschritt und Tradition. Eine Symbiose aus Fortschritt und Tradition. 32nd Oldtimer Grand Prix 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.

32nd Oldtimer Grand Prix 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.

32nd Oldtimer Grand Prix 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.

32nd Oldtimer Grand Prix 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.

Start engine

MP3 Format (266 KB)

Play Download

Bla bla

MP3 Format (266 KB)

Play Download

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.

Windows

Boxster Screensaver (Microsoft Windows 95 or higher) 2,65 MB

Download

Mac

Boxster Screensaver (Mac OS X) Bla Bla 2,65 MB

Download

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.

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:

Porsche helps tsunami victims in South-East Asia with EUR 1 million 22.04.2005
Porsche builds new sports prototype - Penske Motorsports exclusive partner 15.04.2005
Porsche helps tsunami victims in South-East Asia with EUR 1 million 22.04.2005
Porsche builds new sports prototype - Penske Motorsports exclusive partner 15.04.2005

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

Download PDF/ 3443 kB

Gut in Schuss: der neue Cayman Turbo

Die Symbiose aus Technik, Natur, Mensch etc.
Jubiläum: 30 Jahre Porsche 911 Turbo

Download PDF/ 3443 kB
 
[x]