Dreamweaver - latest version

[lizd11069924]

I currently have Adobe CS6. Has this been superseded and, if so, what is the latest version?

[Jon Fritz]

Yes, several times over.

CS6 was the final Disk/Perpetual License version of the program, released in 2012.

Over the years since CS6, Adobe has released the Creative Cloud subscription service with CS6 Cloud, CC, CC2014, CC2015, CC2017 and the latest CC2018.

There's no way to get "update" pricing to move from your version, you would just purchase a subscription from Creative Cloud pricing and membership plans | Adobe Creative Cloud

[lizd11069924]

Many thanks for your helpful reply. Gosh, I am behind. I had suspected that the “new” version is subscription only, which is a shame.

My main reason for wondering about an upgrade is that I would like to use Bootstrap to do mobile friendly websites. Are there any plug-ins available for CS6 and, if so, at what cost?

[osgood_]

lizd11069924  wrote

My main reason for wondering about an upgrade is that I would like to use Bootstrap to do mobile friendly websites. Are there any plug-ins available for CS6 and, if so, at what cost?

You don't need the  latest version of DW to use Bootstrap, thats if you must use a piece of bloated crap, you can use any old editor to deploy a Bootstrap website, so CS6 is MORE than adequate to start using Bootstrap. Just go to their website, link up the default css and js files and youre done.

The lastest version of DW has a few Bootstrap snippets which you can make yourself....CS6 and most other editors have a snippets panel. Adobe are charging a premium for making a few 3rd party snippets for you.

[BenPleysier]

Here is an extension for Dreamweaver CS6 https://www.dmxzone.com/go/33143/app-connect-bootstrap-4/ or you could try Wappler​ or  Pinegrow​ both with Bootstrap included. There are other Bootstrap editors, a Google of the subject will reveal these.

[Nancy OShea]

If you can work with code, you don't need extensions to use Bootstrap.  However, educating yourself about Bootstrap's 12-box grid system and classes is essential. 

[pziecina]

https://forums.adobe.com/people/Nancy+OShea  wrote

... However, educating yourself about Bootstrap's 12-box grid system ...

Probably off-topic, but can anyone explain to me why someone requires a grid system when building web sites?

As far as I can see grid systems are a hangover from the days of print, and no matter what one does the end users browser width should be the deciding factor on layout. O/K, we have the 'golden proportions' and other 'optimal' types of layout, but thinking that a 55 inch tv display or a tablet device in portrait that is then rotated to landscape can use a grid design system for optimal user interaction and layout, does not add up.

[osgood_]

pziecina  wrote

https://forums.adobe.com/people/Nancy+OShea   wrote

... However, educating yourself about Bootstrap's 12-box grid system ...

Probably off-topic, but can anyone explain to me why someone requires a grid system when building web sites?

Dunno, built by dummies, used by dummies, is my only observation.

[Nancy OShea]

By grid, I mean that the column sizes should add up to 12 across no matter which device the user has.

2 COLUMN LAYOUT

6 + 6,

7 + 5,

8 + 4 ,

9 + 3

10 + 2 ,

11 + 1.

On larger screens with much more real estate, we could use 4, 5 or 6 columns as long as they add up to 12.

3 + 3 + 3 + 3

2 + 3 + 2 + 3 + 2

2 + 2 + 2 + 2 + 2 + 2

[pziecina]

Thanks for replying Nancy, but what I do not actually 'get' when it comes to any of the grid systems, is that none of then are actually for designing layouts in that they do not allow the user to actually design the web page to any of the accepted optimal design proportions.

I did read an article a few months ago that compared the use of design grids and css grid layouts for actual designing layouts, and I will see if I can find it over then next few days.

[osgood_]

A better way is just make sure the total column widths+margin add up to 100%. I think Bootstrap and many frameworks confuse the issue by using silly numbers like col-md-3 when really it would be more explicit to use col-md-25% or col-md-6 should be col-md-50% Responsive design using percentage widths and few media queries is about as simple as it gets....anyone can learn how to do it in an afternoon.

[pziecina]

osgood_  wrote

A better way is just make sure the total column widths+margin add up to 100%. I think Bootstrap and many frameworks confuse the issue by using silly numbers like col-md-3 when really it would be more explicit to use col-md-25% or col-md-6 should be col-md-50% Responsive design using percentage widths and few media queries is about as simple as it gets....anyone can learn how to do it in an afternoon.

Maybe, but how does one use a grid system to layout too the golden ratio?

If you look at this codepen css -

https://codepen.io/Rplus/pen/JWNEOO

the css values, (I would use calc) cannot be replicated as far as I can understand using a framework or any design grid for the web.

css code example -

  grid-template-columns: 61.8% 9.02% 5.58% 23.6%;

  grid-template-rows: 61.8% 9.02% 5.58% 23.6%;

  grid-template-areas:

    "A B B B"

    "A E F C"

    "A E G C"

    "A D D C"; 

}

[osgood_]

pziecina  wrote

osgood_   wrote

A better way is just make sure the total column widths+margin add up to 100%. I think Bootstrap and many frameworks confuse the issue by using silly numbers like col-md-3 when really it would be more explicit to use col-md-25% or col-md-6 should be col-md-50% Responsive design using percentage widths and few media queries is about as simple as it gets....anyone can learn how to do it in an afternoon.

Maybe, but how does one use a grid system to layout too the golden ratio?

If you look at this codepen css -

https://codepen.io/Rplus/pen/JWNEOO

the css values, (I would use calc) cannot be replicated as far as I can understand using a framework or any design grid for the web.

css code example -

  grid-template-columns: 61.8% 9.02% 5.58% 23.6%;

  grid-template-rows: 61.8% 9.02% 5.58% 23.6%;

  grid-template-areas:

    "A B B B"

    "A E F C"

    "A E G C"

    "A D D C"; 

}

I believe Bootsrtap in DW does have a way to use percentage layouts instead of the normal  3 3 3 3/   4 4 4 /  6 6 / 7 5 / 8 4 / kind of set up. Not as precise as the percentages you posted, from what I remember. At least it did at some stage, maybe that feature  has been remove since. Unless I was dreaming.

But yeah I design something which I feels/looks right, if it needs to be 73.3% because my professional design instincts says it looks better, then that's what I'll use. I dont stick to some restrictive grid.

[pziecina]

osgood_  wrote

But yeah I design something which I feels/looks right, if needs to be 73.3% because my professional design instincts says it looks better, then that's what I'll use...

That's what I mean. When I took my design course the lecturer told us to learn design grids, then to learn how to break them so that a layout/design 'felt' right, but at the same time to learn the optimal layout proportions, (which he said are much more important).

I've read a lot about design grids for use in web design over the years, and no matter how I try I just don't 'get' why they are used and thought of as essential to understand and use by so many people. I could sort of understand if they where used as an aid to a pages content flow, (from large screen to smartphone using media-queries) but no one has shown me or written about using them in that way.

[osgood_]

pziecina  wrote

I've read a lot about design grids for use in web design over the years, and no matter how I try I just don't 'get' why they are used

One word - conveinience. It would be impossible to cover all the variations otherwise in a framework. Its the lowest common denominator mind set. Frameworks are simply that, a cheap, economical, can be effective way to produce something at entry, low level, low skill, low financing. No one uses a framewok because they produce 'pretty' code or are the best thing since sliced bread, they use them for reasons unrelated to whether they are really effective at producing optimum layouts. But lets face it not many of us ever produce optimum design/layouts anyway but at least those taht dont use a framework have the possibility to advance their ability to try and do so, those locked into a framework and dont have the vision or foresight to look beyond the boundaries are well just locked into a very small restrictive world and always will be indebted to their masters.

[osgood_]

https://forums.adobe.com/people/Nancy+OShea  wrote

If you can work with code, you don't need extensions to use Bootstrap.

If you can work with code you don't need Bootstrap, period.

[osgood_]

BenPleysier  wrote

Here is an extension for Dreamweaver CS6 https://www.dmxzone.com/go/33143/app-connect-bootstrap-4/ or you could try Wappler or  Pinegrow both with Bootstrap included. There are other Bootstrap editors, a Google of the subject will reveal these.

Wappler IS Bootstrap 4 + a bit of back-end aint it? doesn't appear to be much good for anything else.

[BenPleysier]

osgood_  wrote

Wappler IS Bootstrap 4 + a bit of back-end aint it? doesn't appear to be much good for anything else.

Appearances can be deceiving. At least in this case it is.

[osgood_]

BenPleysier  wrote

osgood_   wrote

Wappler IS Bootstrap 4 + a bit of back-end aint it? doesn't appear to be much good for anything else.

Appearances can be deceiving. At least in this case it is.

Using it must be deceiving as well unless of course I've missed something. Still I guess you cant judge a product if you can only get to trial part of it.

[ALsp]

I see someone recommended our Harmony Page Builder as an option. I think every single one of our customers would tell you that it blows Bootstrap out of the sky. Whether you use our tool, or take a little time to learn CSS yourself (it's easy) avoiding Bootstrap is a really good idea. A phenomenal idea .

[osgood_]

lizd11069924  wrote

I currently have Adobe CS6. Has this been superseded and, if so, what is the latest version?

Some would say yes and others would say no.

The latest version is CC2018, youre some versions behind........its a lot different from CS6.

[Nancy OShea]

It all depends on what you need DW for.    You can keep using CS6 for as long as your operating system supports it.  But it is not receiving updates nor does it help you with  modern code hints i& auto completion in  HTML5, CSS3, jQuery, PHP, SVG, XML, Bootstrap or responsive web design workflows.

[pziecina]

https://forums.adobe.com/people/Nancy+OShea  wrote

It all depends on what you need DW for.    You can keep using CS6 for as long as your operating system supports it.  But it is not receiving updates nor does it help you with  modern code hints i& auto completion in  HTML5, CSS3, jQuery, PHP, SVG, XML, Bootstrap or responsive web design workflows.

CS6 does support 95% of html5, and about 80% of css(3), all of svg 1.1 and I would argue has better support for xml.

As for responsive design, CS6's media-query support is good enough for 99% of cases, (as much as bootstrap version 4 anyway).

Edit - Just thought I would add that the % values are when compared to all CC versions, for which the latest, (2018) only supports a fraction of html5 and about 80% of css.

[pziecina]

If you wish Bootstrap in CS6 then try the dmxzone extension -

https://www.dmxzone.com/go/21759/dmxzone-bootstrap/

A much better solution with a much smaller file size then you could write your own layouts using flexbox, or use the PVII extension, (which also uses flexbox) -

http://www.projectseven.com/products/tools/hmy/