Skip to main content
A
arno_9064
Participant
September 11, 2024
Question

Homepage HANDY kompatibel einrichten

  • September 11, 2024
  • 2 replies
  • 261 views

Wie kann ich meine Homepage (erstellt auf Dreamweaver Cs 5.5) so einrichten, dass sie auf dem Handy oder Tablet automatisch im richtigen Format erscheint ?

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    September 11, 2024

    There is no magic button that automatically makes old pages into mobile-friendly web pages for you. 

    You'll have to recode the site with modern tools and a Responsive CSS Layout.  Or switch to an online site builder.

     

    CODE TUTORIALS:

    - https://www.w3schools.com/html/
    - https://www.w3schools.com/css/
    - https://www.w3schools.com/bootstrap/

    =============

    CODE EDITORS:
    -- Adobe Dreamweaver CC - https://www.adobe.com/products/dreamweaver.html
    -- Codespaces (free, browser-based) - https://github.com/features/codespaces
    -- Nova (Mac only, formerly called Coda) - https://nova.app/
    -- Pinegrow - https://pinegrow.com/
    -- Sublime Text - http://www.sublimetext.com/
    -- Visual Studio Code (free) - https://code.visualstudio.com/
    -- Wappler ~ Visual Web App Builder - https://wappler.io/
    ============

    ONLINE SITE BUILDERS:
    -- Squarespace - https://www.squarespace.com/
    -- Webflow - https://webflow.com
    -- Wix - https://www.wix.com/
    -- WordPress (open source) - https://wordpress.org/

     

    NOTE:  Legacy CS5 is outdated and unfit for modern use.  The web has changed too much  in 13+ years.


    Hope that helps.

     

    Nancy O'Shea— Product User & Community Expert
    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    September 11, 2024

    There are different ways to do this as follows:

     

    1. Using jQuery Mobile

    Dreamweaver CS 5.5 integrates with jQuery Mobile, which can help you create a mobile-friendly web application.

     

    2. Set up CSS media queries

    This requires creating media queries in your CSS to style the page for the different layouts. E.g. @36646830 (min-width: 576px) {......}

     

    3. Use a Responsive Design Framework

    Consider using a responsive design framework like Bootstrap. Although Dreamweaver CS 5.5 is quite old, you can still manually integrate Bootstrap into your project.

     

    Ensure you include the viewport meta tag in your HTML <head> section to control the layout on mobile browsers:

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

     

    IMHO, option 3 is the way to go.

     

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices