Skip navigation
Ash182ava
Ash182ava Calculating status...
Currently Being Moderated

Urgent help needed to make my existing website cell phone friendly using Dreamweaver

Aug 16, 2012 4:48 AM

I need help making my existing website friendly for mobile users. My knowledge of Dreamweaver is limited so I could do with basic instructions. I want to simply add a bit of code and maybe tweak a few things here and there that will enable my site to look better visually when accessed on a mobile/cell device.

 

Any help with this would be massivly appreciated, thankyou !!

729 Views   3 Replies   Latest reply: osgood_, Aug 16, 2012 5:26 AM
 
Replies
  • osgood_
    Currently Being Moderated
    1. osgood_,
    Aug 16, 2012 5:02 AM   in reply to Ash182ava
    Report

    It won't be as easy as just adding a bit of code. You need to take time out to learn about responsive design techniques. One solution would be to use css media queries:

     

    http://webdesignerwall.com/tutorials/responsive-design-with-css3-media -queries

     

    I'm not sure I'd want to convert an existing site to one that is responsive because of the complexities that you could face. In that senario it might be easier to build a seperate but much simplified site which you could give to mobile users.

     

    It really depends on how complex the original design is. Starting a responsive site from scratch is going to be much easier because you take those goals on right from the start instead of trying to backtrack which is what you are doing when the site is already built.

     
    |
    Mark as:
  • Ash182ava
    Currently Being Moderated
    2. Ash182ava,
    Aug 16, 2012 5:08 AM   in reply to osgood_
    Report

    Hey thanks for the reply !

     

    ok so say I create a new site specifically for mobile users how would I link the two ? and how would I make it so the website itself knows how to detect when it is being openend from a mobile device or a normal computer

     

    thanks

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    3. osgood_,
    Aug 16, 2012 5:26 AM   in reply to Ash182ava
    Report

    Google 'detect mobile device using javascript'.

     

    A simple example would be to look for the screen width. If the screen width is less or equal to 480 then the user gets sent to the 'alternative' mobile site:

     

     

    if( screen.width <= 480 ) {
        location    .href = '/mobile.html';
    }

     

     

    As I say I would only use this to create a much simplified version of the original site which was build not taking mobile devices into consideration at the time.

     

    You could try and convert the existing site using css media queries but I think you'll have a hell of a time doing so because it means adding additional css, assuming your site uses css. The more the site varies from page to page the more problems you will encounter.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points