Skip to main content
A
AnotherMe
Inspiring
December 23, 2017
Answered

Is desinging a website from Photoshop to Dreamweaver looked down upon?

  • December 23, 2017
  • 2 replies
  • 1118 views

I'm covering an awesome tutorial on Adobe's website that teaches how to design and develop a website starting from Adobe Photoshop comps to Adobe Dreamweaver.  My question is, within the web design field, is this practice of web design looked down upon? Are web designers expected to use higher ends tools to develop a website?

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

new tools from prototyping try to integrate those type of informations and specifications... informations as

  • css extraction, like color, typos, icons,
  • svg copying from logos, icons, small elements...
  • dimensions (space, gutters, margin, padding, ...) but used as delta offset compared to a proportionnal value (em, vm, %, and so on)
  • dom tree refereing a the layer name (layer name which could then be translated in a tag name and/or in tag attribute (class, id, data-*)
  • different size image generation ready to be used from a master reference which will populate an srcset...
  • rapidely set a new HTML component and save it in a shared library to be reused
  • ... well most the next following ones, there are some more interesting features, are under NDA and can be really expressed in a public forum...

but any way you got the bottom line... that way, it will really help to merge you web designer work to your rapid proptotyping in whatever code editor that you use...

stay tuned


I  agree that design must integrate in the total workflow. 

That said, I use Photoshop for quick comps and generating web images.  But I use Illustrator for SVG.    It's a personal preference because I like Illustrator's SVG export options.   The resulting XML code can be edited in DW code view if need be.

2 replies

O
osgood_
Legend
December 23, 2017

These days l never produce static comps in any photo editing program. I dont really see the point any longer since the construction  needs to conform to various devices. Since a few years ago l now just design and build on the fly as it were, dynamically, testing out  code solutions as l go along. I think you would be surprised how many developers have now taken that approach.

It is a fairly easy approach to take if you are a competent coder as you see instantly how the design and the dynamics react in real time, rather than wasting time producung static pictures.

A
AnotherMeAuthor
Inspiring
December 23, 2017

osgood_  wrote

These days l never produce static comps in any photo editing program. I dont really see the point any longer since the construction  needs to conform to various devices. Since a few years ago l now just design and build on the fly as it were, dynamically, testing out  code solutions as l go along. I think you would be surprised how many developers have now taken that approach.

It is a fairly easy approach to take if you are a competent coder as you see instantly how the design and the dynamics react in real time, rather than wasting time producung static pictures.

And you use Dreamweaver for this?

B i r n o u
B i r n o u
Legend
December 23, 2017

I don't speak for OS... but DW lost it's real reactive live construction... working using Sketch to mockup, then use a watch/connect task(s) plugged to any editor that you like, help to work live on as many device as we have around us

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
December 23, 2017

I often receive Photoshop compositions from designers to then gratefully use the Extract panel in Dreamweaver to extract the assets as per How to extract assets from PSD files into Dreamweaver web pages

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
    A
    AnotherMeAuthor
    Inspiring
    December 23, 2017

    BenPleysier  wrote

    I often receive Photoshop compositions from designers to then gratefully use the Extract panel in Dreamweaver to extract the assets as per How to extract assets from PSD files into Dreamweaver web pages

    So am I correct in saying that extracting Photoshop compositions into Dreamweaver simplifies the getting the comp to CSS? In other words, it will extract the fonts, and colors?

    BenPleysier
    Community Expert
    BenPleysierCommunity Expert
    Community Expert
    December 23, 2017

    That is correct.

    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