Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Thema geschlossen 
Responsive Website mit NetObjects Fusion
#1
Willkommen in unserem neuen Forum für Fragen zum responsiven oder adaptiven Webdesign :hallo:

Bis einschließlich "NOF 2015" gibt es ja bisher leider immer noch keine Tools in NOF, die das Erstellen von responsiven Seiten (automatisch) erlauben.

Responsive Seiten passen sich prozentual jedem Display an - also auch kleinen Displays, wie jenen von Smartphones (Handys).

Es gibt natürlich eine Vielzahl von Möglichkeiten das zu realisieren.

NOF beruht heute noch auf Pixel-Angaben, das heißt die eingestellte Breite eines Layouts ist dann auch die Breite, die ein jedes Display darstellen wird. Dadurch werden, speziell an kleinen Displays, die Seiten zu klein angezeigt, Links sind manchmal mit dem Finger kaum zu treffen. Ein solchen Verhalten einer Website wird mittlerweile auch von Google abgestraft und man verliert wertvolles Ranking.

Ich habe daher schon vor vielen Monaten (im August 2014) mal angefangen verschiedene Testseiten mit NOF zu erstellen, bei denen ich entweder das eigentliche Layout von NOF oder auch einen Layoutbereich von NOF auf Prozentangaben konfiguriert habe, was mit jeder NOF-Version relativ leicht zu realisieren ist.

Das ist im Moment aber eher eine "Notlösung", da die von NOF automatische generierten Pixelangaben weiterhin vorhanden bleiben und dann lediglich durch eine Style-Anweisung überschrieben werden - aber - es funktioniert.

Hier mal einige Beispiele, die folgende Features enthalten. Diese Seiten funktionieren in allen Browsern und auf allen mobilen Geräten gleichermaßen, also auch im Betriebssystem 'iOS' (iPhone) und 'Android' (Samsung):


1) Seite beruht auf einer Umstellung des NOF "Layouts" auf Prozentangaben:

http://www.nof-tutorials.com/Responsive-...ayout-CSS/

2) Seite beruht auf einer Umstellung des NOF "Layoutbereichs" auf Prozentangaben:

http://www.nof-tutorials.com/Responsive-...knavi.html


Beiden Beispielen habe ich auch noch eine eigene, responsive Navigations-Leiste gegeben, die auch teilweise in eine adaptive und/oder eine responsive Slick-Navigation umschaltet, denn mit der normalen, grafischen Navigationsleiste von NOF, ist ein responsives Design nicht realisierbar.

Dennoch warten wir natürlich alle gespannt auf eine Lösung von NetObjects Fusion in einer neuen Version ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Thema geschlossen 


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Website-Anzeige im Startbildschirm praesi1979 6 79 20.04.2019, 17:31
Letzter Beitrag: immergut
  Netobjects Fusion 15 Download McL 34 2.419 03.04.2019, 14:17
Letzter Beitrag: EddahStyle
  Responsive Website nicht funktioniert goldpompon 23 881 03.01.2019, 14:21
Letzter Beitrag: goldpompon
  Menü-Gestaltung "Fusion 15" Manfred Aubert 10 447 06.10.2018, 08:41
Letzter Beitrag: Manfred Aubert
  Net Objects Fusion 2013 lässt sich nicht Installieren rjhaller 14 778 22.07.2018, 10:26
Letzter Beitrag: Tommy Herrmann
  Alte responsive Seiten mit parallax-Effekt stobi_de 4 398 05.07.2018, 15:33
Letzter Beitrag: Doris Rehhausen
  NOF15 Website auf neuen PC übernehmen steinchen 5 1.293 17.03.2018, 11:48
Letzter Beitrag: postler1972
  NetObjects Fusion neue Version? spotzel 1 2.479 20.02.2018, 12:29
Letzter Beitrag: AndyNeu
  NOF Responsive Slider wird auf den Unterseiten nicht richtig angezeigt funsport 2 638 22.10.2017, 08:43
Letzter Beitrag: Raven
  Seite komplett auf responsive umbauen Ludmilla 10 1.560 27.09.2017, 11:13
Letzter Beitrag: barbara0701



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!