Nee de enige manier om zoiets te doen wat Mark wilt is met frames werken.
Webpagina A in een iframe stoppen in website B.
Maar of dit de kwaliteit is die je baas wilt afleveren is maar de vraag,
Je zult moeten afstappen van het idee dat een website iets anders is op je desktop dan op je mobieltje. Dit zijn op vandaag geen twee verschillende dingen meer maar gewoon één site die zichzelf aanpast aan de breedte van je device. De browsers op een smartphone of tablet zijn precies het zelfde als de gene die je op een desktop computer gebruikt alleen zijn ze ingericht voor touch-screens.
Je kan twee kanten op gaan namelijk,
Optie 1) Werken met een soort van Web apps.
Dit wilt zeggen dat je een website A hebt welke in een App jasje gestopt wordt en toont alsof het website B is.
Voorbeelden hiervan zijn scripts als jQuery Mobile en dat soort projecten.
Voordelen:
+ Werk supersnel en past perfect in jouw eerste gedachte.
+ Adobe Fireworks heeft hier een speciale integratie voor om jQuery Mobile Thema’s aan te passen.
Nadelen:
– Browser-snuffelen is niet meer van deze tijd omdat het niet betrouwbaar is.
– De bezoeker van de website krijgt een App gevoel ipv een website gevoel.
– Na verloop van tijd loop je achter de feiten aan want jQuery Mobile vereist updates.
– Copy-/paste van content dat er voor kan zorgen dat je met dubbele content te maken krijgt op één domein.
Optie 2) Werken met Media Queries.
Media Queries zijn gewoon toe te passen binnen de CSS van de huidige website en hiermee bepaal jij wat de browser toont en hoe deze het toont bij een x bepaalde scherm of device -afmeting.
Voordelen:
+ Als kennis van CSS geen probleem is kun je hier ook mee werken.
+ Vraagt geen verdere updates, toekomstige browsers zullen dit altijd ondersteunen.
+ Je hebt maar één site dus nooit problemen met dubbele content.
+ De website blijft zijn unieke en eigen huisstijl behouden alleen smaller of aangepast.
Nadelen:
– Het is niet te verkopen als een los pakket ‘mobiele site’ maar meer als update-/aanpassing aan de huidige site. Onder de term Responsive Design.
– Meer werk dan optie 1 omdat je de bestaande website even een onderhoudsbeurt moet geven die je waarschijnlijk bij elke nieuwe website die je aflevert ook geeft.
Namelijk; begrijpen dat mensen die met een telefoon de website bezoeken dit vaak onderweg doen op het netwerk van hun provider en het dan minder prettig vinden als ze webpagina’s van 5MB moeten inladen op hun telefoon. (Databundels)
Je zult dus de website moeten optimaliseren, minfy de .js en .css bestanden, enable browser-cache en optimaliseer de afbeeldingen. Probeer zo weinig mogelijk browser requests te maken dus maak bijv. van alle icons (Facebook, Twitter, Email) een Sprite.png en probeer alle grafische lay-out elementen met daarin een gradiënt om te zetten naar CSS3.
Allemaal dat soort aandachtspunten zijn vrij standaard voor het afleveren van een nieuwe website en deze punten moet je wel even opnieuw doorlopen zodra je Media Queries gaat toepassen aan een bestaande website anders heeft het miss. later een minder resultaat dan waar je op gehoopt had.
Succes.
