Mobile optimization for Dreamweaver CS4

[BeulahMae]

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

[Jon Fritz · Accepted solution]

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"

[occulus.nigra]

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...

[Nancy OShea]

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....