Photoshop/Fireworks/Dreamweaver work flow

Hi chaps - I am a newbie and have been doing weeks of
research - I currently have CS2 but would consider CS3 if I REALLY
need to (though money is a problem at the moment). Here though, my
dilemma. I am a broadcast designer (reasonable knowledge of
Photoshop) who needs to learn how to make a web-site and I want to
do so correctly using the best tools for the job and the best
techniques. I'm learning a little html but would like to develop a
work flow that reflects my existing designer-type knowledge. I've
been working through lots of tutorials, I have bought some from a
couple of excellent companies (guess I shouldn't mention their
names) but they are excellent but even with their CS3 tuts (which
are the most up to date) they work with tables a lot ( and I've
been told to learn CSS not tables) and the Photoshop tuts say
'slice', optimize images and even create rollovers in Photoshop,
Fireworks tuts say do it all in Fireworks, Dreamweaver tuts say do
it all in DW. Can anyone help please ? I've gained a lot of great
knowledge about the 3 packages from my training but not the BEST
way of integrating them.
Any advice welcome and I'm sorry about the length of the
post. Regards Roger

Here's a good read, too -
http://apptools.com/examples/pagelayout101.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Iain71" <[email protected]> wrote in
message
news:fgup8i$l9k$[email protected]..
> Hi there,
>
> I was in a similar position when I first started using
DW/FW - and went
> through all the tutorials about slicing etc to create
navbars, had a few
> issues, and discovered that the general consensus was
not to use FW, and
> that
> CSS was definitely the way to go.
>
> A site which I found really useful for doing simple
enough navigation
> using
> CSS was this one :
>
>
http://css.maxdesign.com.au/listamatic/
>
> I've generally found that I don't stick to any one
method, but whichever
> suits
> most, seems to offer the path of least resistance,
without mucking things
> up
> too much - I don't think many would say absolutely never
use tables, as
> there
> are times when they suite - although probably more for
content within a
> <div>
> rather than to create the page's general layout.
>
> I guess FW is good for optimizing graphics for the web -
not sure how it
> compared to PS, as I've always got by with FW as my
needs are pretty basic
> compared to a more serious PS user.
>
> I also think you tend to come across things along the
way that you would
> like
> to do, and can pick things up along the way rather than
decide more rigid
> working practices from the outset.
>
> This is more a rambling stream of thought that anything
- but just my 2c
> off
> the top of my head!
>

Similar Messages

  • How do I create full width photos for a website with Photoshop - Fireworks - Dreamweaver CS3 ?

    Greetings & Help!
    I'm trying to create a full width photo layout using Photoshop or Fireworks CS3 and then end with Dreamwaver CS3 without the photo's being tall.
    Exactly as the following websites - which all seem to be using the same size of photo or very close to it.
    This site is static with full width photos that are not tall.
    http://www.jenniferhandyproperties.com/selling
    This site is static for the most part and full width photos that are not tall
    http://www.gnvpartners.com/web/
    This site is Flash with full width photos that are not tall.
    expodesigncenter
    I would love to create a flash site just like expo but at this point I would settle for a static photo with the same size being the same on each page.
    Also I would like my site to be a liquid layout so the photo and everything else (text, Links etc) on the page flows correctly.
    The problem...
    I'm trying to use photo's from Istockphoto.com. The size of the photo's they offer are
    425 x 282 px (5.9" x 3.9")
    849 x 565 px (11.8" x 7.8")
    1698 x 1131 px (5.7" x 3.8")
    I'm selecting horizontal photo's. I do not know how to match the same width, height and appearence as the websites I mentioned above.
    If I choose a photo that fits the width then the length is too long. Also if I choose a large photo and have to crop it then most of the detail of the photo is lost.
    I'm attempting to create a mock-up for my web in Fireworks CS3 and after search Adobe and www I came across the mock up should be 1004px which would end up being 1024 with vertical scroll bar and small margins.
    I also have Photoshop & Flash CS3 but should mention (if you haven't already guess it by now) I am a rookie when it comes to creating a website.
    So if you can offer a solution in "Non-Tech Terms" I would appreciate it.
    Thank you in advance for your time.

    In the second example, the photo is set to background with a tile. The other parts are over top of the photo and done with layers with a background color setting.

  • New features for Fireworks/Dreamweaver ?

    Hello,
    Compared to the CS3 version, are there some new features to
    make the couple Fireworks/Dreamweaver work better ?
    Thank you.

    Oh, sorry - to make the DW/FW couple work better? I am not
    really aware of
    any, but if you are using FW to write HTML to be used in DW
    be aware that
    this is a very poor method and will get you into trouble. Is
    that the case?
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "ModularG2" <[email protected]> wrote in
    message
    news:gi9ad8$dqo$[email protected]..
    > Hello,
    >
    > Compared to the CS3 version, are there some new features
    to make the
    > couple Fireworks/Dreamweaver work better ?
    >
    > Thank you.

  • Just upgraded to Photoshop CC 2014 and it's playing havoc with my work flow.

    I've just upgraded to Photoshop CC 2014 and it's playing havoc with my work flow.
    i)  From LR5.5, when I click edit with "Photoshop CC 2014" - it opens PS CC 2014 but doesn;t open the image
    ii) Whenever I try and use Nik Viveza it crashes PS CC 2014 when applying the changes from viveza.  I've checked that I have the latest version of Nik software.  It was working fine PS CC
    I'm now going back to CC until these can be resolved.
    Thanks
    Chris

    I was going to reply that I have multiple monitors and have had zero problems with Viveza used with PS CC 2014.  Then I realized two things. One I didn't know if the OP was on windows or the Mac and, two, if the Mac was it a Big Cat or geographic system.  The display characteristics differ greatly between the three systems.
    It sure would be nice to have a one line signature specifying the poster's system available for use on this board.
    Late 2012 i7 27 inch iMac with 32 GB RAM, 3 TB Fusion, OS X 10.9.3, 2nd monitor is Apple Thunderbolt.

  • Fireworks Rollover Works in Preview but Not In Dreamweaver

    Hey,
    I have created a rollover image in fireworks, which works in the preview option on fireworks.
    I have exported it as : html & images, exporting slices.
    This works when I open it straight from the file BUT when I try pasting it into dreamweaver (insert -> image: fireworks html) the box where the rollover image appears but with a cross in it.
    I have also tried copying the html from fireworks into dreamweaver but this doesn't work.
    When I try this the image appears and the link works BUT the rollover doesn't?
    This is the code I use:
    <a href="www.whereartyou.co.uk/reviews/evahesse" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Page1','','<img src="images/Page 1_f2.gif" width="400" height="310" />',1)"><img name="Page1" src="file:///C|/where art you/images/Page%201.gif" width="400" height="310" border="0" id="Page1" alt="" /></a>
    Thanks in advance for any help or suggestions.
    Cheers

    This doesn't appear to be a Flash related posting, so you might get better results in the Dreamweaver forum...
    http://forums.adobe.com/community/dreamweaver/dreamweaver_general

  • Fireworks not working on main user

    I purchased the new WebPremium CS3 last year when it came out
    and I can't use Fireworks on my computer unless I create a new user
    and use it on that user. It is a real pain as I have to keep
    switching users and find the files in the shared folders. I wasted
    a day with Adobe uninstalling and re-installing this before they
    told me it was a known issue. I have Windows XP service pack 2, and
    thought that they would do an update to repair this, as a few other
    programs I use need Fireworks to work properly. But here it is
    almost three months later and nothing. Has anyone else experienced
    this? And did you find a fix that their technicians don't know
    about? It was only after talking to them off and on all day that
    someone told me it was an issue, as it seemed a new problem to the
    other three people I spoke to. I get this error when I try to open
    Fireworks. "the application fireworks has unexpectedly quite. A
    crash report has been generated"
    Thanks

    In case anyone wants to know what the issue was with
    Fireworks, it is apparently a connection to Dreamweaver! What I had
    to do was to export all the sites I have listed, and then go into
    the regedit and rename the Fireworks folder (within the Adobe
    folder) and the sites folder (that path is: adobe - common - 9 -
    sites). Then Fireworks would open. I imported all my sites at once,
    and Fireworks wouldn't open again. So I went back and changed the
    newly created folders in Reg edit again and then one by one
    imported my sites until I found the one that was causing the
    problem. I deleted it and then renamed it, and set up that file
    again and everything worked. ( I imagine if you just deleted them
    all from your list of sites, that would work too, if you weren't
    keen on touching your regedit) The issue with the site that was
    causing the problem was (I think) that the person's web site has an
    apostrophe and although their domain doesn't, I named the site this
    in the manage sites section, and it allowed it but screwed up
    Fireworks.
    It's a strange problem and this is the way they've worked
    around it. I'm most relieved to be able to use Fireworks within the
    same user again!
    mary

  • Possible work flow Shoot(RAW)-Aperture-CS2-Aperture-output

    I have Aperture installed on two machines, my 15" 1.5Ghz/1.5GB-RAM and on my PoweMac dual 2Ghz G5/2 GB RAM and the speed is acceptable on both so far.
    On the PowerMac I moved the Aperture library to a second SATA drive, which should speed things up a bit.
    I have not had enough time to envelope myself in Aperture, only a hour here and there.... work keeps getting in the way But so far it looks like I could change my workflow.
    CS2 cannot be removed from my workflow as I tweak all final images before output(print and jpg/tiff) in CS2. Layers and the healing brush is key in portrait work.
    My workflow from shoot to output with D2X has been:
    -Shoot(all RAW)
    -FW transfer of files into date+clientname-named directory structure
    -Bridge to sort, rank, annotate, etc
    -ACR to make adjustments to files, copy and paste raw settings is great as well as synchronize make for quick post processing
    -Web gallery is easy enough and IMO looks better than Aperture's
    -Shots selected for final output by client are then opened in CS2, tweaked, cleaned, improved, vignettes applied, etc(according to client and contract), then saved off as jpg level 10(rarely as tiff)
    --If it is a big or important portrait, I will save a PSD file with the layers etc
    -Bridge to annotate the finished shots
    -Output to Epson R2400 or lab
    -Archive directory with sidecar files to two(just in case!) CD or DVD(depending on size)
    While I can see a workflow improvement with Aperture replacing Bridge and ACR, issues I see:
    -Aperture RAW conversions are not on par with ACR
    -Raw workflow in Aperture is a completely different animal than ACR
    -White balance in Aperture is hard to use
    -Plugins? Like the vignette tool in ACR to dodge(great for white backgrounds) or burn corners
    Possible pluses so far:
    -More control over colors, luminance, etc in Aperture, although at the cost of simplicity(yes, this will diminish over time with more experience)
    -The loupe tool is great, when it is too slow on the PB, I just use the "Z" key for toggling 100%..
    -Integration of the photo books, although CS2 has something similar from Ofoto
    -Stacking(this could be added to Bridge though)
    -Vaults for archiving
    -Coolness for being an Apple application(yes it is a cult and yes I joined of my own free will)
    So, when 10.4.4 comes out with tweaks to Aperture like RAW conversions being on par with ACR and white balance tool option/fix, I could see Aperture replacing Bridge and ACR in my work flow.
    Given my past four years with Apple and one iBook, two Powerbooks, two PowerMacs, one Indigo iMac, all of the OS X versions, and Final Cut Express, I have faith that the Aperture team is working feverishly to get theses initial issues fixed and am certain version two will be even better, AND encourage Adobe to add more wiz to their already great product, PhotoShop.
    Tonight I will try this workflow, where I do the RAW conversion, send to CS2, and save back to Aperture....
    So much to fiddle with, so little time!

    I'd love to hear how this works out for you as your workflow is virtually identical to mine. I haven't devoted much time to Aperture as I'm preparing for an xmas vacation and am hoping a big patch (or two!) are en route.
    Rob

  • Using HTML file from Photoshop in Dreamweaver (Was: Help.....Newbie Here)

    Hi
    I'm new to dreamweaver. I know a bit of photoshop and wanted create a simple  website using photoshop and dreamweaver. I created a layout and sliced out the different parts and when saved as web, it created a set of image files and a html file.
    Now when I placed this html file in dreamweaver, everything got right just as I created in photoshop but when I tried to place an swf file on an image which was sliced out from the photoshop, the other images (sliced on photshop) get scrambled in dreamweaver. I tried everything but I can't understand how to place an object Even while placing text on an image file, the whole layout gets scrambled.
    Any help please. I want to place a swf file and also write a heading "radio player" above the swf file on an image in dreamweaver.
    Thanks

    Slicing the design from Photoshop will give you 'image' output - this is very bad practice. You're only supposed to slice design elements & use CSS to put them together within a webpage.
    I'd recommend you take some time out and go through this tutorial before continuing to work - http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
    This will give you a quick walkthrough of how you can re-create the PSD design using CSS for building a 'proper' website.

  • Work Flow - Suggestions, tutorials, or Books

    Hello All,
    I've been teaching myself AE, as well as Ps, Ai, and Pre Pro. (Creative Suite 4) 
    I'm somewhat comfortable with a couple of the applications but by no  means a master of any.  However, I think that its takes me too long to  do some things, and I believe that I have encounter some problems  because of my work flow and probably could have avoided them if I had  formal training.
    It could also be that I don't have a  frame of reference and don't know how long things actually take, and to  me, I just feel like I'm moving slow.  I have been surprised to find  out that a particular music video or special effect that I saw took a  TEAM of people, a MONTH(s) to create.
    For those  of you who have gone to school and learned AE (or the other programs)  with an instructor and a planned course, do you think you would have  grasped the program(s) and how to make your creative ideas come to life  on screen as easily if you had not gone to school and learned on your  own?
    Now that I am learning a 3D program (Blender) and will  be trying to incorporate AE, Premiere Pro, Photoshop, Illustrator and  Blender all together, when needed, and I was wondering if there is any  book that deals with the proper workflow. Or is just doing the tutorials  and building up knowledge/skills the way.  Practice makes perfect but  does practice make efficient?  And  I haven't even gotten into the  scripts or expressions YET.
    In buying the Creative Suite I had visions of making  MOVIES/videos with all the special effects, flashing lights,  disappearing acts, etc...   and since all these applications came  together in the Creative Suite- its ment for and possible for a person  to do ALL things, by him or herself,  --maybe my thinking is wrong and  one should specialize and get with a team.
    Is it that  when one is trying to create a certain effect or look, knowing each  application and its abilities would sort of guide you to the correct  work flow??  But until you know these applications -- Very Well--, its a  lot like stumbling in the dark and trying out different blending modes.
    Is there a book that lays out the proper or most efficient workflow.  I  have been reading several booking on AE and also some on Pr Ps and Ai  and doing tutorials on line, and learning Blender on line at  CreativeCow.net  but the books don't teach workflow.
    Thanks in Advance

    One unfortunate side-effect of the Production Premium package is that it's one serial# that is designed to be for one user and therefore some have made the leap to the conclusion that one person can be an expert in all those applications...I think it's 11 apps (depending on where you draw the line on what's an app and what's a utility, etc.)  I've actually seen a couple job descriptions in corporate environments written around the contents of the Production Premium software compilation. 
    ...'workflow' is a pretty deep topic that is hard to learn in abstract.  It's also so wildly variable and evolving so fast that codifying it is pointless.  I started an HD post production book for Focal Press some years ago, but abandoned it as a lack of cooperation and transparency from manufacturers and the sheer velocity of development on all fronts...computers, codecs, displays, cameras...just prevented anything from being complete and timely.
    Unfortunately the internet has spawned the idea that if enough of us with 20, 30, or 40 years experience just keep brain-dumping into cyber-space, eventually anybody will be able to somehow 'proxy' all that experience through 3 days of intense Googling.  It just doesn't work that way.
    Like most of us, you'll need some time in the chair to be able to really get a handle on what you need to plan for and prioritize as workflow is really specific to everyone's specific circumstances. 
    You'll have to start with specific questions, and get specific answers, start to accumulate the answers until they start to connect...then the Googling helps to fill in some gaps...practical experience refines your ideas on what really works and what doesn't, you add that to what you know about your tools...suddenly you're an expert. 
    ...and usually, the decades it takes to get there fly by pretty quickly.  I have no idea what happened to the last 25 years.

  • Which adobe photoshop elements will work on osx 10.5.8 platform

    which adobe photoshop elements will work on power mac G5 Osx 10.5.8 platform Leopard

    Hi John,
    Thanks for you reply to my initial question
    John Waller wrote:
    Photoshop Elements 10 was the last version to support OS X 10.5.8
    http://helpx.adobe.com/x-productkb/policy-pricing/system-requirements- photoshop-elements.html
    I bought photo shop elements 10 a couple of weeks ago and loaded it on to my computer which is Power Mac G5 running on OS X 10.5.8 Leopard. When I loaded the software on to the hard drive there seemed to be no problem. The file appeared as adobe Photoshop Elements 10 and included the sun flower icon.
    Point 1:
    When I open the file I have four additional icons (deploy - packages - payloads - Install) the install folder is red and has a no entry motif in white when you click this icon the massage comes up 'You can't open the application "Install" because its not supported on this architecture.
    Point 2:
    When I click on the sun flower icon Photoshop Elements 10 its takes me straight to Photoshop Elements 2 an old version that was transfered when I had to change the computer. If I click on the elements 2 icon it launches for a couple of seconds and an error message then comes on "An unexpected and unrecoverable problem has occurred because of a programe error. Photoshop will now exit.
    I would be most grateful for your assistance. Mac user North Yorkshire England

  • I have just had a large set of updates to my CC Apps, why have InDesign CC, Illustrator CC, Photoshop CC, Dreamweaver CC and Muse CC NOT been updated but a new version has been installed (2014)?

    I have just had a large set of updates to my CC Apps, why have InDesign CC, Illustrator CC, Photoshop CC, Dreamweaver CC and Muse CC NOT been updated but a new version has been installed (2014)?

    http://blogs.adobe.com/jkost/2014/06/installing-the-2014-release-of-creative-cloud.html
    -This messages says (at least some) CC 2014 programs use NEW plugins https://forums.adobe.com/thread/1499663
    -so do not uninstall the older CC programs if you use plugins in your programs until you are sure you have plugins that work in CC2014
    If you are sure you don't need the old CC programs
    -http://helpx.adobe.com/creative-cloud/help/install-apps.html to install or uninstall

  • Aperture Work flow or an alternative

    I am an amateur photographer using a nikon d70. I am now shooting in raw to get a better control on the output, but also with more pictures to process as result. I have used Photoshop elements with ACR for work flow processing. I use iview pro for file handling. Downside of ACR in the PS elements mode is that filmstrip and multiple picture handling is missing. I have tried trial version of Bibble 4, Capture one and PS CS 2 for their workflow and white balance results. I came to the conclusion that PS CS provides in WB adjustment best results with different pictures. As a Mac user I am aware of the aperture features as advertised in their QuickTime movies. I have also seen the discussion on hardware requirements and WB issue. But the aperture work flow setup is tempting (keep the work flow in the raw domain and does not change the original raw file). There are two routes to follow: A. buy full version of PS CS and stay with current hardware. B. buy Aperture with adjusted hardware. Price tags are totally different and are of my own concern. Question: advice on the road to go without price tag consideration.
    Imac G5   Mac OS X (10.3.9)  

    You could have a workflow that is non-destructive with Photosohp CS2 by using Bridge. It's very effective and will give you more and better control that those other alternatives - except Aperture. I've been using Aperture for two days now and I have to say I'm really getting to like it. Though on my dual 2Ghz G5 (1st generation) with a Radeon 9800 Pro and 3.5 gigs of RAM it can be a tad bit slow. I'm sure some optimization will occur in the next update or two to speed things up.
    Bottom line, I think Aperture's workflow looks promising. And I really like a lot of the benefits of working in a totally 16 bit environment where I don't have to manually handle the files and their locations, or the sidecar files or anything else. And I can export files directly for whatever purpose I might have.
    So my first choice, for your question would be Aperture. Second choice would be Bridge and PS CS2.
    G5 Dual 2Ghz G5   Mac OS X (10.4.3)  

  • How well does a Macbook pro and a Macbook air run Xcode, Photoshop and Dreamweaver?

    How well does a Macbook pro and a Macbook air run Xcode, Photoshop and Dreamweaver?

    MacBook Pro - no problem, it is an extremely popular computer for running that software. Just look at the Adobe demo videos of their products, most of the time you can see a MacBook Pro running the software in their video.
    MacBook Air - should be just as good most of the time.
    However, if you get involved in heavy Photoshop work like highly stacked layers/masks/channels, 16 bits per channel or up, or merging HDR or panoramas, the MacBook Pro may be better because it can take 16GB RAM while the MacBook Air can take only 8GB RAM.
    Also, if you are going to do serious programming in XCode or Dreamweaver, you may find the MacBook Air screen to be too small for all of the code windows and tool palettes that you may want to open and arrange in those programs. The 15" Retina screen of the MacBook Pro will let you spread out your work and do less window switching. The 11/"13" MacBook Air screens are both smaller and non-Retina so not as sharp.
    Even Photoshop is nicer on the 15" MacBook Pro because of the extra screen space for the image with less intrusion by the tool palettes.
    In short, if you are a casual user the MacBook Air will be great. If you are a professional with a heavy workload the MacBook Pro may be more efficient overall due to the larger screen and higher RAM capacity.

  • Updating to Mavericks issues with Illustrator, Photoshop and Dreamweaver

    Since updating to Mavericks I am having problems with Illustrator, Photoshop and Dreamweaver opening files on Parallels VM and network servers. Will updating Java to 7 help? Everything worked before upgrade. Photoshop say files are empty, in Dreamweaver the document is blank and Illustrator crashes. If I open the files off my local machine everything works fine.

    Go to each program forum, in OVERVIEW mode
    Then, in the area just under Ask a Question, type in
    maverick
    or
    mavericks
    or
    10.9
    You may now read previous discussions on this subject... be sure to click the See More Results at the bottom of the initial, short list if the initial list does not answer your question

  • I now have two copies of Photoshop, Illustrator, Dreamweaver and Muse. One set is CC and the other is 2014 - Why?.  Can I remove the CC version?

    I have just updated a 2014 version of Muse. It is now Muse2014.1 Release. beneath that is: 2014.1.0.375. CL785695.
    My query is it this: Is this the 13th August update that I have just installed?  What harm would occur if I ununstalled the Muse CC version. I also have CC versions of Photoshop, Illustrator, Dreamweaver and Muse. I assume it is necessary to have both (?) otherwise wouldn't Adobe have removed the obsolete versions when the updates were uploaded?

    DON'T! I removed the older versions and all hell broke loose.  Edit Original type commands stopped working and I had to go in and manually tell windows which program should open an already existing photoshop file, for example...bridge still doesn't seem to recognize PS2014 and I have to open photoshop files from photoshop...Kinda ridiculous if you ask me.

Maybe you are looking for

  • How many devices can I use my iTunes Match subscription on

    Since the upgrade I have not been able to connect to iTunes Match on my iPad and support doesn't seem to know how to fix it either.  My desk top , laptop, and iPhone seems to be working fine though.

  • Anyway to un update the w520 usb 3.0?

    Since I have updated the usb 3.0 drivers, none of my usb 2.0 devices work.   Is there anyway to reverse the update? Or at least is there a way to force the usb 3.0 into 2.0 mode? Cheers Solved! Go to Solution.

  • Using TCP or shared variable for data transfer

    I am trying to send a large amount of numbers from a real-time module to a host computer.  These numbers have been arranged into a large array, such as an array with 10s of thousands of points.  The time critical portion of getting the information ha

  • Wi-fi disconnects

    My ITouch is constantly disconnecting from my wireless network. Signal strength is very good, but it usually disconnects within a minute or so. Since it is a secure network I have to keep plugging in my password. So (1) I could use a hint about keepi

  • How do I download and use Tango

    How do I download and use Tango? I was able to download it but i cannot click on it to use. I want to use it to video chat with my friend who has the iphone.