OpenSeaMap-dev:Website-dev: Unterschied zwischen den Versionen

Aus OpenSeaMap-dev
Wechseln zu: Navigation, Suche
(Corporate Identity)
(Translation)
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 11: Zeile 11:
 
{| class="wikitable"
 
{| class="wikitable"
 
! Left || Center || Right
 
! Left || Center || Right
 +
|-
 +
| [[file:OpenSeaMap-Logo.svg|60px]]
 +
| colspan="2" | Header: OpenSeaMap - the free nautical chart <br>Languages
 
|-
 
|-
 
|   
 
|   
 
  Menue:  
 
  Menue:  
  Main themes <br>. <br>. <br>. <br>. <br>. <br>. <br>.  
+
  Main themes <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>.  
 
| Top:  
 
| Top:  
 
   
 
   
  Chart <br> (as an example how to integrate it into Typo3) <br>Chart
+
  Chart <br>Chart <br> (as an example how to integrate it into Typo3) <br>Chart <br>Chart <br>Chart <br>Chart
 
Middle:
 
Middle:
 +
 +
Teaser
  
 
  Teaser
 
  Teaser
Zeile 27: Zeile 32:
 
  (opt) announcement <br>fair, conference
 
  (opt) announcement <br>fair, conference
  
  monthly cartoon
+
  cartoon <br>monthly  
  
 
Middle:  
 
Middle:  
Zeile 33: Zeile 38:
 
|}
 
|}
  
== Corporate Identity ==
+
== Corporate Design ==
[[Datei:OpenSeaMap-Farben.png|thumb|120px|Farben]]
+
Colours, typo, examples, see: [[OpenSeaMap-dev:De:Corporate-design|Corporate Design]]
 
 
Für Web, Print, PPT, Facebook, Flyer, Logo
 
 
 
=== Farben ===
 
: siehe Tabelle
 
 
 
=== Schriften ===
 
{| class="wikitable"
 
| [[File:Arial_font.svg|30px]] || Arial, sans-serif || Karte bearbeiten
 
|-
 
| [[File:Vera Sans Typeface.svg|75px]] || Bitstream Vera Sans (Linux) ||
 
|-
 
| [[File:Helvetica font.svg|60px]] || Helvetica ||
 
|}
 
 
 
=== Exemples ===
 
: [http://openseamap.org/fileadmin/user_upload/inhalt/PDF/OpenSeaMap-Flyer_de_web.pdf Flyer OpenSeaMap]
 
: [http://openseamap.org/fileadmin/user_upload/inhalt/PDF/Waterdepth_Skipper_en_web.pdf Flyer Water depths]
 
  
 
== Online chart ==
 
== Online chart ==
* [http://map.openseamap.org/ Fullscreenmap as Desktop-version]
+
* [http://map.openseamap.org/ Fullscreen chart as Desktop-version]
 
* [[OpenSeaMap-dev:Fullscreenmap-Layout|Menu structure and layout for Fullscreenmap as Chart-plotter (touch screen, responsive)]]
 
* [[OpenSeaMap-dev:Fullscreenmap-Layout|Menu structure and layout for Fullscreenmap as Chart-plotter (touch screen, responsive)]]
  
Zeile 64: Zeile 51:
 
Please help us to translate OpenSeaMap into multiple languages:
 
Please help us to translate OpenSeaMap into multiple languages:
  
[[Website:translation|HowTo translate the website]]
+
* [[Website-translation|HowTo translate the website]]
 +
* [[Wiki-translation|HowTo translate the Wiki]]
  
 
{| class="wikitable"
 
{| class="wikitable"
Zeile 83: Zeile 71:
 
| ru || 30% ||  || old layout
 
| ru || 30% ||  || old layout
 
|}
 
|}
 
  
 
== Problems ==
 
== Problems ==
Zeile 119: Zeile 106:
  
 
; Struktur
 
; Struktur
: die Website ist bewusst nicht hierarchisch strukturiert, sondern: <br>Die wichtigsten Einsprungpunkte sind im Menü. <br>
+
: die Website ist bewusst nicht hierarchisch strukturiert, sondern: <br> Die wichtigsten Einsprungpunkte sind im Menü. <br>
 +
 
 +
== Siehe auch ==
 +
: [[OpenSeaMap-dev:De:Corporate-design|Corporate-design]]
 +
: [[OpenSeaMap-dev:Website-dev|Website]]
 +
: [[OpenSeaMap-dev:Fullscreenmap-Layout|Fullscreenmap-Layout]]
 +
: [[OpenSeaMap-dev:Layers|Layer]]
 +
: [[OpenSeaMap-dev:De:Documentation_and_Communication|Kommunikation und Dokumentation]]
 +
 
 +
 
 +
[[Kategorie:Layout]]

Aktuelle Version vom 27. Mai 2021, 07:46 Uhr

www.OpenSeaMap.org is written in Typo3.

Main page

openseamap.org

Vision

Imagine OpenSeaMap is a house you walk up to. There are three doors, and you should know immediately which door is for you. Once you get inside, you're given a warm welcome, you know you're in the right room, and you know where the hallway is to get to the next room you want to go to. That's what we want OpenSeaMap to be like.

Layout

until now

Left Center Right
OpenSeaMap-Logo.svg Header: OpenSeaMap - the free nautical chart
Languages
Menue: 
Main themes 
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Top:
Chart 
Chart
(as an example how to integrate it into Typo3)
Chart
Chart
Chart
Chart

Middle:

Teaser
Teaser
Teaser
Top:
(opt) announcement 
fair, conference
cartoon 
monthly

Middle:

Main pages 
.
.
.
.
.
.
.

Corporate Design

Colours, typo, examples, see: Corporate Design

Online chart

Source code

GitHub (old: SourceForge)

Translation

Please help us to translate OpenSeaMap into multiple languages:

Language OK Maintainer Remarks
de 95% Markus Standard language
en 80%
it 60%
ar 30% old layout
es 30% old layout
fr 30% old layout
ru 30% old layout

Problems

New layout
For Arabian, Espaniol, French and Russian we need to implement the new layout.
see: Different styles
Languages
Copy and paste for content does not work.
Pink Tiles
If the embedded chart is moved, pink tiles appears. now all seems ok.
see: https://github.com/OpenSeaMap/website/issues/4
Wrong link to main page
see Map link to home page
Screen resolution
see: Check with netbook
Layout
Teaser hat eine überflüssige Leerzeile am Anfang
Facebook-button
einbinden Ok.png (erledigt)
Galerie
Für die bereits gezeigten Cartoons wäre es schön, eine Galerie zu haben, wo man diese im Nachhinein nochmal betrachten kann.
Seiten-Layout
Für Bilder mit Text wäre es schön, eine übersichtlicheres harmonischeres Layout zu haben [1] [2]
Volltextsuche
eine Volltextsuche wäre sinnvoll.
Struktur
die Website ist bewusst nicht hierarchisch strukturiert, sondern:
Die wichtigsten Einsprungpunkte sind im Menü.

Siehe auch

Corporate-design
Website
Fullscreenmap-Layout
Layer
Kommunikation und Dokumentation