[JOGELIME]

Viele Jahre versuch ich mich schon in der Webseitenerstellung. Doch aus Faulheit zumeist in diversen Programmen in der Entwurfsansicht. Selten aber doch schreib ich manchen Code um – das heißt ich hab noch immer Grundkenntnisse und kaum mehr - das ging bisher recht gut. Jetzt hätte ich gerne ein Programm welches mir behilflich ist Webseiten für Mobiles Internet zu erstellen.

Wo soll ich ansetzen?

[ThreeChord]

<link rel="stylesheet" media="(max-width: 640px)" href="html5_stylesheet_mobile.css">
<link rel="stylesheet" media="(min-width: 640px)" href="html5_stylesheet.css">

Bei einer größe von unter 640px Breite werden die Daten aus der html5_stylesheet_mobile.css genommen.
Bei allem darüber die Daten aus html5_stylesheet.css

So bekommt man relativ einfach die Ansicht an das jeweilige Gerät angepasst...

[ThreeChord]

<link rel="stylesheet" media="(max-width: 640px)" href="html5_stylesheet_mobile.css">
<link rel="stylesheet" media="(min-width: 640px)" href="html5_stylesheet.css">

Bei einer größe von unter 640px Breite werden die Daten aus der html5_stylesheet_mobile.css genommen.
Bei allem darüber die Daten aus html5_stylesheet.css

So bekommt man relativ einfach die Ansicht an das jeweilige Gerät angepasst...

[JOGELIME]

Naja mit den Stylesheets alleine dürfte das nicht zufriedenstellend funktionieren. Da muss ja vorher der ganze Seitenaufbau dementsprechend gestaltet werden.

Dazu wäre mir ein Hilfsprogramm echt lieb . . .

[Mr_Braun]

Das Stichwort hierzu wäre "Responsive Design". Google ist hierfür dein Freund.

[JOGELIME]

Die Antwort zu meiner Frage welche Programme für die Erstellung mobiler Webseiten verwendbar sind.

Da gibt es Online-Seiten wo man ganz einfach ein angepasstes (Response) Design erstellen kann -zB Mobilonso. Als Programme selbst eignen sich Website X5 Proffessional und auch der Dreamweaver CC 2015.

Wie überall ist bei den Programmen eine einarbeit nötig.

[MuetzeOfficial]

Zitat von JOGELIME

Viele Jahre versuch ich mich schon in der Webseitenerstellung. Doch aus Faulheit zumeist in diversen Programmen in der Entwurfsansicht. Selten aber doch schreib ich manchen Code um – das heißt ich hab noch immer Grundkenntnisse und kaum mehr - das ging bisher recht gut. Jetzt hätte ich gerne ein Programm welches mir behilflich ist Webseiten für Mobiles Internet zu erstellen.

Wo soll ich ansetzen?

Responsives Webdesign. Bisschen sollte man sich damit einfach mal beschäftigen, sonst braucht man es nicht machen. Es soll ja am Ende auch valide sein und mit jedem Browser funktionieren.

Bootstrap ist ein responsives Framework & sehr breit verbreitet. Ich persönlich nutze fast nur noch die SASS als Basis:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Es wird von Programmen, wie Phpstorm & Dreamweaver unterstützt, was die Arbeit damit sehr vereinfacht & beschleunigt.

Bootstrap 4 Cheat Sheet:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Gibt auch Editoren usw, die ich aber nicht getestet habe, da ich nur Phpstorm nutze und so gut, wie alle Klassen im Kopf habe:
[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]