Skip to main content
Participant
November 20, 2014
Answered

How do I turn my already build dreamweaver website in to a responsive website (Mobile friendly)???

  • November 20, 2014
  • 4 replies
  • 18338 views

any one please

    This topic has been closed for replies.
    Correct answer Nancy OShea

    No easy fix for this other than rebuilding your site with a Responsive Framework like Bootstrap.

    Bootstrap · The world's most popular mobile-first and responsive front-end framework.

     

    4 replies

    Participant
    June 15, 2024

    There's no ai tool for this? 

    Nancy OShea
    Community Expert
    Community Expert
    June 15, 2024

    This topic is 10 years older than AI & ChatGPT. 😜

     

    That said, if you use ChatGPT to generate a website, adjust your expectations accordingly.  Your results could well be on par with ChatGPT amigurumi (crocheted animals).

     

    What I asked for: a narwhal

    What I got: this

     

    Nancy O'Shea— Product User & Community Expert
    Nancy OShea
    Community Expert
    Community Expert
    November 20, 2014

    Mobile users have very different requirements.  They need quick access to content, lightweight pages that don't overload batteries or data plans, finger-friendly navigation and mobile-friendly forms, etc...  So retrofitting an existing desktop site to perform well on mobile devices usually requires a total site rebuild and careful planning with mobile users in mind.  It's a good deal more than just converting pixels to percentage widths.  Without seeing your current site, I'm guessing you should probably wait on this until you are fully committed to rebuilding a responsive web site.

     

    Nancy O'Shea— Product User & Community Expert
    piixy
    Inspiring
    March 27, 2015

    HI ! I have the same question, How easy is it to convert my site into a mobile site .

    Here is the link: www.roulasorour.com

    tks!!

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    March 27, 2015

    No easy fix for this other than rebuilding your site with a Responsive Framework like Bootstrap.

    Bootstrap · The world's most popular mobile-first and responsive front-end framework.

     

    Nancy O'Shea— Product User & Community Expert
    Ken_Binney
    Inspiring
    November 20, 2014

    Hi

    We need to see ALL your files to answer your question quickly and accurately without a lot of guessing and questions back-and-forth; simply post a link in the Forum..

    If your site is not yet online, and to prevent others from seeing a page with errors, just rename a copy of your home page  (such as "test.html")  and upload it to your server (with any associated files) in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.

    This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.

    I trust this is helpful.

    Web Magi
    Participating Frequently
    November 20, 2014

    Without seeing your site, it's impossible to say just how much work you're in for, but there is a lot more work involved in designing, building, and producing a responsive site. Converting an existing site usually means rebuilding the structure, laying out and restyling for your break points. Here are a few resources:

    9 basic principles of responsive web design

    Make It Responsive — Web Fundamentals

    Responsive Web Design Basics — Web Fundamentals

    16 really useful responsive design tutorials | Tutorial | Creative Bloq

    Mobile Web Best Practices | Helping People Make Mobile Web Experiences

    If you're really adventurous, you could prototype your RWD project using a different app, and then bring your exported files and assets into Dreamweaver for cleaning up and production: Next-Generation Responsive Web Design Tools: Webflow, Edge Reflow, Macaw - Smashing Magazine

    Good luck!