Skip to main content
R
revdave
Inspiring
May 21, 2018
Answered

Code development help needed with a one page file.

  • May 21, 2018
  • 3 replies
  • 859 views

Hi,

In the past I have created websites with multiple pages. Development was not too complex because anyone page never got two large.

Now, I am attempting to work with a single page. Of course, this means that these single pages getting very large.

Question: I am interested in any development tips of how to navigate around the page during development. For example, using the code disclosure triangles that can collapse or expand code can be a big help. But I'm curious how you can find sections of code that you might need to work on when the file gets very large?

I'm interested in any tips to help with navigation with large files.

Thanks

Dave

This topic has been closed for replies.
Correct answer osgood_

I would think DW has a Dom inspector panel which would allow you to jump around the page by selecting a section of code and being taken to the selection. Its the one thing that a good visual editor does best, allows you to see visually where you are in design view, then switch to code view and be at that position. Editors without a design view can be a PITA to work with in terms of locating the code you need to get to fast.

Edited:

DW does have a Dom inspector panel. This tutorial may help:

Adobe Dreamweaver CC DOM Panel - YouTube

3 replies

R
revdaveAuthor
Inspiring
May 23, 2018

Hi osgood - Thanks for the help - Yes that video is a good start. Then I realized that the DOM inspector is super helpful for what I need when I add   sections &  ID's to the code (like <section id="this section">).

Then it shows a great list of everything and one click will jump right to the code!

THAT IS SUPER HELPFUL - THANKS AGAIN!

O
osgood_Correct answer
Legend
May 22, 2018

I would think DW has a Dom inspector panel which would allow you to jump around the page by selecting a section of code and being taken to the selection. Its the one thing that a good visual editor does best, allows you to see visually where you are in design view, then switch to code view and be at that position. Editors without a design view can be a PITA to work with in terms of locating the code you need to get to fast.

Edited:

DW does have a Dom inspector panel. This tutorial may help:

Adobe Dreamweaver CC DOM Panel - YouTube

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
May 22, 2018

Have a look at this tutorial to get an idea Bootstrap Layouts: Responsive Single-Page Design - Welcome

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
R
revdaveAuthor
Inspiring
May 23, 2018

Hi Ben - That course looks good - I think  Ray Villalobos is a great instructor

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices