Highlighted

Responsive site. How to implement to already built site?

New Here ,
Apr 07, 2020

Copy link to clipboard

Copied

I am a complete novice. Did course in Dreamweaver built my first web site (nearly finished) Never taught about responsive web sites. How do I make my site responsive or do I need to start again? Thanks

 

Views

188

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Responsive site. How to implement to already built site?

New Here ,
Apr 07, 2020

Copy link to clipboard

Copied

I am a complete novice. Did course in Dreamweaver built my first web site (nearly finished) Never taught about responsive web sites. How do I make my site responsive or do I need to start again? Thanks

 

Views

189

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 07, 2020 0
Adobe Community Professional ,
Apr 07, 2020

Copy link to clipboard

Copied

The normal way to create a responsive site is to start with the mobile view. This is because the realestate for a mobile is the most restrictive. Once the mobile view has been created, it is simple to change the other views according to their realestates using media queries.

 

Alternatively, start with the desktop view and, using media queries, change the layout to suit the smaller devices. This task is usually more extensive than mobile first.

 

In other words, you can make your existing site responsive using media queries. I suggest that you start again using the mobile first method.

 

See for more https://helpx.adobe.com/au/dreamweaver/how-to/responsive-web-design-basics.html


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 07, 2020 1
LEGEND ,
Apr 07, 2020

Copy link to clipboard

Copied

Depends how complex your current website is. Im assuming you have used fixed widths for your containers otherwise it would be responsive. If you have used a lot of fixed widths in your construction its probably easier and cleaner to start again.  Responsive needs to be taken into account at the outset of a project - its not that difficult once you understand the concept which anyone can learn in a couple of hours.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 07, 2020 1
Adobe Community Professional ,
Apr 07, 2020

Copy link to clipboard

Copied

To make your site mobile friendly requires careful planning and consideration about how mobile users interact with their devices vs desktop users.  For example, forms & link targets need to be optimized for adult fingers to access.  Mobile users don't have a mouse, so interactive elements must be triggered by onClick instead of hover or mouseOver.  And then there is the matter of content.  Owing to limited data plans and less real estate, how much content can the mobile user be expected to consume?  For those reasons, I think you should start over with one of the Responsive Starter Pages in Dreamweaver CC.  See screenshots.

 

File > New > Starter TemplatesFile > New > Starter Templates

 

When you save your file for the first time, DW will create Assets folders and files for you as shown in your Files Panel (F8).

Files PanelFiles Panel

 

Post back if you have more questions.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 07, 2020 0
Adobe Community Professional ,
Apr 07, 2020

Copy link to clipboard

Copied

An alternative option to consider, Adobe Portfolio is FREE with paid Creative Cloud plans.  Portfolio themes are responsive out of the box.  There are 12 themes to choose from. See examples below.

 

Portfolio hosting is included, no extra fees & no coding skills required.  You could have a new site up and running in under 30 minutes.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 07, 2020 1