Skip to main content
BeulahMae
Participant
August 24, 2017
Answered

Mobile optimization for Dreamweaver CS4

  • August 24, 2017
  • 3 replies
  • 1182 views

What codes are needed to make my old Dreamweaver CS4 Website mobile optimized? Stephen

    This topic has been closed for replies.
    Correct answer Jon Fritz

    Unfortunately, there really aren't any one size fits all "codes to make a site mobile optimized". There is a lot more to responsive design than inserting a couple of code snippets to make a site compatible on small screens.

    Usually, there's no easy way to convert a static site designed for desktops, without completely rebuilding them to be flexible enough for mobile.

    Learn as much as you can about "CSS Media Queries" and "Responsive Web Design"

    3 replies

    Nancy OShea
    Community Expert
    Community Expert
    August 24, 2017

    Wel,l BeulahMae,

    A lot of planning goes into making a mobile friendly web site because mobile users interact differently with their devices.  For example, they don't have a mouse so links, buttons & forms need to be re-designed with touch screen users in mind.  There is no converter that can magically transform your desktop site into a truly mobile friendly one.  But it might give you some insights into how to create one.

    • Starting with a responsive layout is the 1st step.
    • Organizing content into bite size morsels is the 2nd.
    • Creating a good search and mobile navigation experience is 3rd.
    • Optimizing images for average & hi pixel density devices is 4th.
    • And the list goes on....
    Nancy O'Shea— Product User & Community Expert
    occulus.nigra
    Inspiring
    August 24, 2017

    If you're using templates, you might want to check out the Project Seven website. There's a tutorial there with a downloadable converter:

    PVII Template Conversion

    I haven't used it myself but, nothing ventured, nothing gained And, P7 is pretty reliable...

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    August 24, 2017

    Unfortunately, there really aren't any one size fits all "codes to make a site mobile optimized". There is a lot more to responsive design than inserting a couple of code snippets to make a site compatible on small screens.

    Usually, there's no easy way to convert a static site designed for desktops, without completely rebuilding them to be flexible enough for mobile.

    Learn as much as you can about "CSS Media Queries" and "Responsive Web Design"