logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-06-2016, 01:20 PM   #1
Garyr
 
Join Date: Jun 2009
Posts: 17
Default Optimizing for mobile devices

Hi I have built a site in dreamweaver which I am shortly going to publish but wanted to know how I optimize it so it can be viewed on mobiles and tablets? Many thanks
Garyr is offline   Reply With Quote
Old 01-07-2016, 12:15 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

if you have already made it use some media queries to alternate the view based omn screen size. I does depend on how you have constructed yur site but thats a piece of string answer
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 01-07-2016, 10:01 AM   #3
Garyr
 
Join Date: Jun 2009
Posts: 17
Default

hi thanks for your reply. I have created it using tables i dont have pop ups flash videos etc and from what i have read google states that it prefers a responsive design so it is a fluid page no matter what device you are viewing the site on. (which means starting over again which I dont want to do) or dynamic serving
this uses the same URL regardless of device, but generates a different version of HTML for different device types based on what the server knows about the userís browser. (this is the one I want to use but dont know how to alter the HTML to achieve this) Is this something you could help with or know where I could find the answer? Thanks for you help
Garyr is offline   Reply With Quote
Old 01-07-2016, 11:54 AM   #4
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Responsive design is the solution indeed.

It does not require separate HTML. The HTML is the same, and you use media queries in your CSS to change the layout based on viewport width.

This is now the defacto standard on how to make web pages.

You would have to rewrite the HTML to do this unfortunately. No tables.
domedia is offline   Reply With Quote
Old 01-07-2016, 05:09 PM   #5
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

unless the tables are for data of course
d a v e is offline   Reply With Quote
Old 01-07-2016, 06:48 PM   #6
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Of course, good clarification indeed
domedia is offline   Reply With Quote
Old 01-14-2016, 08:02 AM   #7
Duncan3
 
Join Date: Jan 2016
Posts: 2
Default

Oh, I knew it did not require separate HTML just now...
Duncan3 is offline   Reply With Quote
Old 01-15-2016, 02:40 AM   #8
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

i find the hardest part of converting an olsd site to responsive , particularly for mobile phone use is the menu, in general its an easy fix to change divs to 100% so they stack, or use no display for less needed items so heres a few links for menus that might be useful.
http://exisweb.net/incredibly-useful...-menu-patterns
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:52 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com