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 (4) | Webdesign (4) | Website (1)

Google und responsives Design (01.04.2015 12:32:13)

Seit einigen Wochen werden die Nutzer der Webmaster Tools von Google häufig mit Nachrichten wie dieser konfrontiert:

Beheben Sie Probleme der mobilen Nutzerfreundlichkeit auf...

Wenn man dann weiter liest erfährt man:

Die Systeme von Google haben 6 Seiten Ihrer Website getestet und bei 83 % dieser Seiten kritische Fehler in Bezug auf die Nutzerfreundlichkeit auf Mobilgeräten erkannt. Die Fehler auf den 5 Seiten beeinträchtigen die Nutzererfahrung auf Mobilgeräten für Ihre Website deutlich. Diese Seiten werden von der Google-Suche als nicht für Mobilgeräte optimiert eingestuft, und werden entsprechend in den Suchergebnissen für Smartphone-Nutzer dargestellt.

Dieses Beispiel stammt direkt aus den Auswerungen zu dieser Website. Von 6 untersuchten Unterseiten ist nur eine für die Benutzung mit Smartphones optimiert. Das ist genau diese Startseite, die über ein respronsives Webdesign verfügt.

Bei manch einem Websiten-Verwalter mag dies nur ein Achselzucken hervorrufen, doch es kann erstnhaft davon ausgegangen werden, dass sich eine fehlende Anpassung des Webdesigns auf die Platzierung bei den Google Suchergebnissen auswirkt.

  (mehr lesen...)

Kommentare ansehen
 
Content Management System (31.03.2015 23:20:12)

Wer seine Website bei einem Webspace-Anbieter mit PHP und FTP-Zugang aufbaut, schlägt gleich mehrere Fliegen mit einer Klappe: Die Kosten sind in aller Regel viel niedriger als bei solchen Anbietern wie Jimdo, nPage oder CMS4People, außerdem... (mehr lesen...)

Kommentare ansehen
 
Flexible Galerien (01.04.2013 23:29:00)

Die NPage Galerien haben den gro├čen Nachteil, dass sie nicht flexibel sind. (mehr lesen...)

Kommentare ansehen
 
Webdesign mit jQuery Mobile (15.03.2013 16:57:00)

jQuery Mobile ist eine Möglichkeit, Webseiten so zu gestalten, dass ist auf nahezu allen Endgeräten gut funktionieren. (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: http://goldi-daggi1961.de.tl | aquarienverein.npage.de