[kcg123]

Hallo,

ich habe folgendes Problem bzw Fragestellung und hoffe ihr könnt mir weiterhelfen.
Leider habe ich nicht direkt einen Threat zu meinem Prob gefunden und hoffe
falls es diesen in der Art gibt, nicht direkt anmacht oder so .

zum Problem:

ich habe eine HTML/CSS Seite und eine jQuery-mobile site programmiert mit codiqua (drag und drop app auf der hp
http://jquerymobile.com/) und möchte diese jQuery-Site in der HTML-Site so einpflegen dass wenn man
auf smartphones bzw kleineren mobile devices displays die jQuery-Webiste sieht.

Ich hoffe ihr könnt mir helfen.

Gruß

[ChrisKam]

Noch mal mit Satzzeichen, bitte.

[kcg123]

So ich habe was anderes probiert. Es geht um das Thema
Responsive Webdesign

also in DREAMWEAVER habe ich eine normale HTML/CSS-Seite programmiert sowie unter "Neues fließendes Ratserlayout" diese Webiste, für "Mobil"(480px) programmiert. Nun will ich diese zwei Seiten verbinden.

1. Wie geht das? Sprich wie lautet der Code?

2. Möchte ich dass die Mobil-webiste angezeigt wird auf Smarthphones und nicht die normale HTML,
ist das richtig so?

Dankö

[ChrisKam]

OK - ich habe keine Ahnung von Dreamweaver, da ich dieses Programm seit einigen Jahren meide. Grundsätzlich funktioniert das so:

Auf beiden Geräten wird derselbe Code verwendet (!)
Für die entsprechende Viewport-Größe werden die passenden Styles eingebunden, mit Media Queries
dazu musst Du Dir überlegen, welche Breakpoints du brauchst etc.
Später kannst Du Dir dann noch Gedanken über gerätespezifisches JS und andere Kleinigkeiten machen (Stichworte dazu: Mobile First, Progressive Enhancement, Unobstrusive Javascript)

Schau mal hier http://mobile.smashingmagazine.com/2012/10/24/beyond-common-media-query-breakpoints/

Die Webseite vom Smashingmagazine ist übrigens generell ein perfektes Beispiel für gelungenes Responsive Design. Mach' mal das Fenster größer und kleiner, dann weißt Du, was ich meine.

[kcg123]

Aber gibt es eine Möglichkeit diese 2 Inhalte mit einander zu verbinden?

[Smooth-Graphics]

[kcg123]

Genau ich habe eine MOBILE-version und eine DESTOP-version.
und will diese verbinden. Und dafür brauche ich einfach
nur den "Verbindungscode"/ Code womit ich die beiden Sachen verbinden kann.
Was ist "Redirect"? wie geht das?

[Karlarsch]

Einfaches Verbinden:

Via link: "hier geht es zu Mobile Version" bzw. "hier geht es zu Desktop Version"

Was du wahrscheinlich eher möchtest:

Mobile Devices und ggf. Tablets werden auf die Mobile Version geschickt, alle anderen auf die Desktop Version

Für Google gebe ich dir da folgende Suchbegriffe an die Hand:

- Device Detection
- Javascript
- Redirect

Gruß
Karl