Meine Bolivien-Website mit Responsivem Webdesign

Ich habe meiner Bolivien-Website ein neues Outfit verpasst. Hier kann man ganz gut vergleichen, wie die Website früher aussah und wie ich sie jetzt gestaltet habe.

Wenn du mir dazu deine Meinung mitteilen möchest, dann kannst du das entweder im Gästebuch oder in diesem Trehad des NPage-Forums tun.

Responsives Webdesign auch bei NPage

Auch dem dem Smartphone und dem Tablet-PC gut lesbar?

Bolivien Website auf Tablet

Geht das überhaupt bei NPage? Ja und nein. Die NPage-Designvorlagen haben alle eine feste Breite. Zurzeit lässt sich so ein flexibles Seitendesign bei NPage nur umsetzen, wenn man ein eigenes Design verwendet.

Die Website zu Bolivien im alten Design

Die alte Website sah so aus:

WebSite Bolivien - altes Design

Das Design war auf eine Bildschirmbreite von 1024 Pixel optimiert. Bei breiteren Monitoren blieb rechts immer ein mehr oder weniger breiter Rand, bei kleineren Sichtgeräten musste man immer wieder nach Rechts scrollen. Sehr umständlich! Wer sich dieses Design Live ansehen will - die Seiten gibt es immer noch: Website Bolivien im alten Design ansehen.

Die Website zu Bolivien im neuen Design

Die einzelnen Seiten sind noch nicht fertiggestellt, denn nur mit dem Einbau des Design-Styles ist es nicht getan. Auch der HTML-Code der einzelnen Textseiten muss angepasst werden. Im Wesentlichen werden die neuen Seiten aber so aussehen, wie diese Startseite: schlicht, aber funktional.

Nicht ganz einfach in der Umsetzung sind die Sonderseiten und Extras, vor allem


Videos

Diese beiden Videos habe ich 2008/2009 in La Paz aufgenommen, mit einer einfachen Digitalkamera. Bei dem ersten Video handelt es sich um Szenen von der Alasita 2009, das zweite habe ich einfach bei einer Fahrt mit dem Stadtbus durch die Marktstraßen aufgenommen.

Bolivien 2009 La Paz Alasita

Bolivien Strassenmarkt in La Paz


News

Kategorie: alle Artikel (1) | Webdesign (4) | Website (1)

Responsive Design (31.03.2013 22:09:00)

Diese Website soll endlich auch ein neues Design bekommen. (mehr lesen...)

Kommentare ansehen
 

Linkliste

{foreach $linklist as $link_id => $link} {if $link_id != 'seq'} {if $link.type == 'category'} {$category_id = $link.id} {$link.title}
{foreach $linklist.$category_id as $link_id => $sub_link} {if $link_id != 'id' && $link_id != 'title' && $link_id != 'type'} {$sub_link.description} {$sub_link.title} {$sub_link.clicks} Klick(s)
{/if} {/foreach}
{else} {$link.description} {$link.title} {$link.clicks} Klick(s)
{/if} {/if} {/foreach}

Impressum & mehr

Kontakt

{* Demo-Anwendung: Captcha-03 *} {* Beginn Kontaktformular *} {* Fragen und Antworten *} {$questions.1.frage = 'Welche Farbe hat die Sonne?'} {$questions.1.antwort = 'gelb'} {$questions.2.frage = 'Wie lautet Merkels Vorname?'} {$questions.2.antwort = 'Angela'} {$questions.3.frage = 'Wie heißt die spanische Hauptstadt?'} {$questions.3.antwort = 'Madrid'} {$questions.4.frage = 'Alle Wege führen nach...'} {$questions.4.antwort = 'Rom'} {$questions.5.frage = 'Nachts sind alle Katzen...'} {$questions.5.antwort = 'grau'} {$questions.6.frage = 'Null plus null ist gleich...'} {$questions.6.antwort = 'null'} {$questions.7.frage = 'Wie heißt die französische Hauptstadt?'} {$questions.7.antwort = 'Paris'} {* Weitere Texte *} {$show_text.answer = 'Gib die Antwort ein:'} {$show_text.submit = 'Antworten senden'} {$maxfragen=7} {$debug=1}

Mit Versand einer PN

{if $debug==1}

Diese Kontaktformular befindet sich im Debug-Modus.

{/if}

Pflichtfelder sind mit (*) gekennzeichnet.

{* Verarbeitung *} {if $post.var1}{* Wenn eine Eingabe abgeschickt wurde *} {if $debug==1} Übergeben wurde der versteckte Wert {$post.var2}
Gespostet wurde die Antwort {$post.var1}
Die richtige Antwort ist {$questions.{$post.var2}.antwort}
{/if} {if $post.var1 == $questions.{$post.var2}.antwort}{* Wenn Eingabe richtig *} {if $debug==1} Die Anwort ist richtig {/if} {send_admin_pm subject={$post.var5}} post.var1: {$post.var1} post.var2: {$post.var2} gesendet von (IP):{$ip} gesendet von (User Agent}:{$user_agent} von Adresse:{$page_url} Inhalt der Nachricht =============== post.var3-Name:{$post.var3} post.var4-E-Mail:{$post.var4} post.var5-Betreff:{$post.var5} post.var6-Nachricht:{$post.var6} {/send_admin_pm} Die Nachricht wurde abgeschickt. {else}{* Wenn nicht Eingabe richtig *} Noch einmal!
{$zufallszahl={random type='nums' min=1 max={$maxfragen}}} {* Formular ausgeben (mit Fragen und Antwortfeldern, etc. *}
{if $debug==1}

Zufallszahl aus 1-{$maxfragen} ist {$zufallszahl}

{/if}
Name: (*)

eMail: (*)

Betreff: (*)

Nachricht: (*)

Kontrollfrage:
{$questions.$zufallszahl.frage}

Antwort: (*)

{/if} {else}{* Wenn noch keine Eingabe abgeschickt wurde *} {if $debug==1}

Noch keine Anwort

{/if} {$zufallszahl={random type='nums' min=1 max={$maxfragen}}} {* Formular ausgeben (mit Fragen und Antwortfeld *}
{if $debug==1}

Zufallszahl aus 1-{$maxfragen} ist {$zufallszahl}

{/if}
Name: (*)

eMail: (*)

Betreff: (*)

Nachricht: (*)

Kontrollfrage:
{$questions.$zufallszahl.frage}

Antwort: (*)

{/if}
{* Ende Kontaktformular *}

Impressum & Gästebuch

Gästebuch und Impressum sind zurzeit noch nicht im neuen Design integriert, Beide Seiten sind jedoch noch im alten Design erreichbar:

 


nPage.de-Seiten: Proud of Halliwell | <a href="http://www.pensionen-weltw