Need guidelines for designing for web

I'm going to be doing some outsourced design for a web developer. I'd like to build the file - a whole web page - in Photoshop and am needing a place to start.
- First, what is the best setup size for that file?
He uses Fireworks but says he doesn't think his version - 8 - can use PSDs. So he wants a PNG. Does a conversion support layers?
- What is the best tool for approaching this? Should I build it in Photoshop or is there some other program that is better for doing this? Am I at least on the right track?
- If anyone has any other advice, guidelines, suggestions that would be helpful in doing this I would appreciate that also.
My Photoshop level is probably about intermediate so if any of you pros have some wisdom to share that would be great. I've never done design for a web page other than some work on my own, which is still a work in progress as I am not a web developer - so the design itself looks nice, but the web page part is still a work in progress.
Thanks =)

You don't need to be the one looking for some of these answers, he does. But good for you for asking. But he should know his file requirements and what programs he has and what they can do. Sounds like he struggled with web design with Fireworks and probably had little taste in graphics and so has now 'hired out' to get someone else to be responsible for his lack of knowledge.
I mean, are you designing a fluid page or do you really need to know the exact dimensions for the page and if so, shouldn't he provide those??!
You can design a page that is a good mock up and slice it up and port it over and he can take the cells where there needs to be content and/or navigation and pull out those parts of the image you created and put in what he needs to make the page work, using CSS or regular links or working within Fireworks. But if you are trying to design something so vague then I agree with Jim, this may not be pretty.
Tell him what you can do and feel comfortable with. If you are just designing the page but he is developing the page, then keep with that. You should ask what size page, the total weight he wants, over all suggestions and then you get to work and do the details for the banners or graphics and he develops those into a working PHP or ASP page. If this is a shopping cart, then I would say this won't be an HTML page. If the page will have a banner across the top, then ask what size banner would he like and is there a minimum size to make the banner fluid?
My question, why not find a good working template out there and you do the customization with the graphics and let him use current proven technology? Go look at web templates with him online. Find something and then do the graphics to customize the template as needed. There are templates for Dreamweaver, Fireworks, and other programs using PHP or ASP pages. Does he know what database he is using, or if the server is Apache or MS? Wow.
If you are designing, again... let him develop. These are two different things. Know your limits. And good luck...
Randal

Similar Messages

  • CS6 trial for design and web premium

    I downloaded the CS6 trial for design and web premium. Now I want to purchase the CS6 design standard. when I go to purchase software, won't they charge me for design premium?
    basically I downloaded a package I don't need. I just need the standard version.

    you should be able to do this efficiently via adobe application manager:  helpx.adobe.com/creative-suite/kb/uninstall-creative-suite-cs5-cs5.html
    then run the cleaner:  http://www.adobe.com/support/contact/cscleanertool.html

  • Need best Architecture design for the following scenario

    Hi Experts,
    I need best architecture design for the following scenario:
    Sender: Mail
    Receiver: if sender body contain u201DApproveu201D, then call SOAP adapter, If SOAP adapter execute successfully, then  send Mail(SOAP adapter executed successfully) and SMS .  So receiver is SOAP, Mail and SMS.
    My current approach issue:
    Three message mapping:
    Mapping1: mail to SOAP
    Mapping2: mail to Mail
    Mapping3: mail to SMS
    In interface determinant>u201DSelect all three operation mappingu201D> u201Cselect order at runtimeu201D.
    Issue in current approach: For me first SOAP adapter should complete successfully, after that only my Mail and SMS operation mapping should execute:
    But problem is before success of SOAP adapter engine, Mail and SMS mapping completed or integration engine executed.
    Note: There is possible to fail the SOAP request in adapter engine.
    Kindly help me --> u201CAm I going correct way or want to change the architectureu201D?
    Thanks for advance!!
    Regards, Kumar

    What do you mean by successful execution of soap call?  Are you talking about Successful response (happy flow) from the soap call instead of application error ? Then based on the response you want to decide sending mail and sms.  How big call is your soap ?  If your soap interface is very simple I can give the other possible way.
    Sender sends the message, use mapping  to read the content and then do soap call in the mapping itself and after seeing the soap response decide about two receivers (mail and SMS).  If your soap call is very simple one, you can go for it. Otherwise I would not recommend this. The reason is you loose some visibility regards to monitoring during soap call in the mapping.
    Other option is go for CCBPM.  Here you receive the message, use send step to soap interface which is sync step. Then after seeing the response create another block with fork steps each for two senders mail and sms. If response bad then dont proceed or execute the next block. Simply use exeception or control step to jump out from the block,

  • Where can I get a list of products for design and web packager?

    Hi I need to create a package and the packager lists all the available software. What are included in the design and web?
    Adobe CC 2014 Design & Web Premium:
    – Adobe Photoshop CC
    – Adobe Illustrator CC
    – Adobe InDesign CC
    – Adobe Dreamweaver CC
    – Adobe Flash Professional CC
    – Adobe Fireworks
    – Adobe Acrobat Pro
    – Adobe Muse CC
    – Adobe Edge Animate CC
    Which of the following can be included:
    Scout
    InCopy
    Gaming SDK 1.3
    Extension Manager CC
    Extended Toolkit
    Exchange Panel
    Edge Reflow
    Edge Code
    Bridge
    Cheers.

    Hello InquiringMind,
    Ray is absolutely right (thanks Ray!). Something that I would encourage you to do since it sounds like you are starting to dive into TestStand is take one of our customer education classes. We have TestStand I and TestStand II available at many different locations throughout the US and World. To sign up please visit ni.com/training or call 866-ASK-MYNI and we can help you out.
    With warm regards,
    David D.

  • Swap CS Production Premium for Design and Web Premium?

    We purchased the CS Production Premium from a retailer by mistake.
    We really needed CS Design and Web Premium.
    Since they are the same price is it possible to swap licenses?
    The retailer was of no help.

    Not that I know. Any (unopened) packages will have to be returned via the retailer, everything else is outside of Adobe's hands. feel free to contact sales support, but I don't think there is anything anyone can do.
    Mylenium

  • Sample Technical design for BSP

    Hello I need sample technical design for BSP ...in general i need to know what are specific areas needed to cover in BSP Tech design...
    Thanks for Help

    Hi Pratyush,
    Try the below links for sample BSP technical design.
    https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/6fc5f6d2-0b01-0010-8faf-e5c5a4bc0fa2
    http://help.sap.com/saphelp_nw04s/helpdata/en/e9/bb153aab4a0c0ee10000000a114084/frameset.htm
    Regards

  • Activating only one program from Design and web?

    So, I downloaded the trial of design and web and decided I only wanted to buy Photoshop because $1800 is a bit too much for me, but I need the program.
    I don't want to have to re-download it because it already took 3 hours for design and web to download.
    so is there a way to individually activate the programs, or is it a packaged deal?

    No, it's not possible. You need to download the separate program and install it.
    Mylenium

  • I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the

    I've just bought a Macbook Pro 15" and I'm trying to use Photoshop, but the resolution its displaying the images at for 100% are too small. I have to design for the web, so need to be intricate with detail, but I'm finding it adjusts the resolution of the image right down. (I mean you can see the image clearly, but it's too small to edit). When I look at Safari and see a web page at 100% it's clear, but the same page displayed in Photoshop CC appears 50% of the size (even though it says it's 100%)   If I move the application window to another screen it adjusts it correctly  – leaving all the pallettes, menus and tools correctly sized as they are on the retina display   Is there some way to adjust the way Photoshop CC displays images so it is more consistent with what you actually see?   There doesn't seem to be any answer on the Adobe forum, so hopefully someone here can shed some light.  MacBook Pro with Retina display, 15", OS X Yosemite (10.10.2), Photoshop CC 2014

    I tested both ways. With "open in low resolution" ckecked the size of the images is cool, but it is low-resolution including Photoshop appearance.
    If "open in low resolution" is unckecked the appearance is good but the very small size.
    See the image below. It has 650 x 732 px, 72 dpi. The font of the text "Neste aniversário ..." is with 18pt.

  • I am running Lightroom 6 in conjunction with 64 bit Photoshop CS6. I need to install Camera Raw 9 plus other relevan updates for the Adobe Design and Web Premium CS6 package. Running Adobe Application manager finds the relevant updates but won't download

    I am running Lightroom 6 in conjunction with 64 bit Photoshop CS6. I need to install Camera Raw 9 plus other relevan updates for the Adobe Design and Web Premium CS6 package. Running Adobe Application manager finds the relevant updates but won't download / install them. Clicking the update button results in an error message "Application Manager has stopped working". This is a windows system running 64 bit Windows 7

    update manually:
    pre cc updates:  http://www.adobe.com/downloads/updates/
    cc updates:  http://prodesigntools.com/adobe-cc-updates-direct-links-windows.html
    cc 2014 updates:  win (http://prodesigntools.com/adobe-cc-2014-updates-links-windows.html) / mac (http://prodesigntools.com/adobe-cc-2014-updates-links-mac.html)

  • I have a second coppy of cs6 design and web premium. Its only for mac and I need it for pc. Can i swap its platform?

    I have a second coppy of cs6 design and web premium. Its only for mac and I need it for pc. Can i swap its platform?

    From Adobe: "If you have an older version of a product, you must order an upgrade instead of a swap." Because you have a CS6 suite your only option may be to subscribe to Creative Cloud in order to get current cross-platform versions of all their applications. Check here for further info: Order product | Platform, language swap

  • Since there is a nasty virus out designed for Apple do I need a virus protection program?

    Since there is a nasty virus out designed for apple, do I now need a virus protection programm?

    Mac OS X versions 10.6.7 and later have built-in detection of known Mac malware in downloaded files. The recognition database is automatically updated once a day; however, you shouldn't rely on it, because the attackers are always at least a day ahead of the defenders. In most cases, there’s no benefit from any other automated protection against malware.
    The most effective defense against malware is your own intelligence. All known malware that affects an up-to-date Mac OS system takes the form of trojans that can only operate if the victim is duped into running them. If you're smarter than the malware attacker thinks you are, you won't be duped. That means, primarily, that you never install software from an untrustworthy source. How do you know a source is untrustworthy?
    Any website that prompts you to install a “codec,” “plug-in,” or “certificate” that comes from that same site, or an unknown site, merely in order to use the site, is untrustworthy.
    A web operator who tells you that you have a “virus,” or that anything else is wrong with your computer, or that you have won a prize in a contest you never entered, is trying to commit a crime with you as the victim.
    “Cracked” versions of commercial software downloaded from a bittorrent are likely to be infected.
    Software with a corporate brand, such as Adobe Flash Player, must be downloaded directly from the developer’s website. No intermediary is acceptable.
    Disable Java (not JavaScript) in your web browser(s). Few websites have Java content nowadays, so you won’t be missing much. This setting is mandatory in Mac OS X 10.5.8 or earlier, because Java in those versions has bugs that make it unsafe to use on the Internet. Those bugs will probably never be fixed.
    Follow these guidelines, and you’ll be as safe from malware as you can reasonably be.
    Never install any commercial "anti-virus" products for the Mac, as they all do more harm than good. If you need to be able to detect Windows malware in your files, use ClamXav — nothing else.

  • I want to create a SWF for my small web site. How do I do this? Do I need to purchase "Flash Builder"?

    I want to create a SWF for my small web site. How do I do this? Do I need to purchase "Flash Builder"?

    Hi Developer_46038, 
    if for example all the properties and object are stated as list, i think there is a tool that overcome cross list.
    http://listrollup.codeplex.com/
    http://social.msdn.microsoft.com/Forums/sharepoint/en-US/13a51be5-4007-46e8-bbb2-5e04320dfebd/cross-list-webpart?forum=sharepointcustomizationlegacy
    you can also using dataview webpart to show the cross lists:
    http://office.microsoft.com/en-us/sharepoint-designer-help/create-a-data-view-HA010094804.aspx
    http://office.microsoft.com/en-us/sharepoint-designer-help/connect-two-data-views-HA010169133.aspx
    3rd party: http://community.bamboosolutions.com/blogs/bambooteamblog/archive/2009/03/11/relational-database-capabilities-for-sharepoint-lists-cross-list-web-part.aspx
    but i am not quite sure how crystal report will do, if you can make the crystal report as also list, i think its possible, 
    http://social.msdn.microsoft.com/Forums/sharepoint/en-US/8247edf5-dee8-49d8-b7ee-9e49bfd97b9b/crystal-report-in-sharepoint-2010-webpart?forum=sharepointdevelopmentprevious
    Regards,
    Aries
    Microsoft Online Community Support
    Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

  • (Adobe Design and Web Premium full licence for Windows 7 Home Premium)

    My computer is not working properly and I am about to get it fix. I was told that my software programs (Adobe Design and Web Premium full license for Windows 7 Home Premium) will be formatted which means I will not be able to have them on my computer anymore. How do I reinstall it on my computer after it is fixed? This will be my first time reinstalling it on my computer.

    you just need your serial number and the installation files.  you should deactivate (help>deactivate before reformatting your hd.  if you don't have your serial number, use belarc advisor to recover it from you computer before doing anything else.
    if you need the installation files,
    Downloads available:
    Suites and Programs:  CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4 | CS3
    Acrobat:  XI, X | 9,8 | 9 standard
    Premiere Elements:  12 | 11, 10 | 9, 8, 7
    Photoshop Elements:  12 | 11, 10 | 9,8,7
    Lightroom:  5.6| 5 | 4 | 3
    Captivate:  8 | 7 | 6 | 5
    Contribute:  CS5 | CS4, CS3
    Download and installation help for Adobe links
    Download and installation help for Prodesigntools links are listed on most linked pages.  They are critical; especially steps 1, 2 and 3.  If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

  • How do I change my Japanese Photoshop for an English one in the Design and Web Premium CS6 series?

    Hi,
    I recently purchased a Japanese version of Design and Web Premium CS6, I called Adobe and got a set of serial number for an English version. All the programs except for Photoshop were successfully translated into English.
    How do I get an English version of the Photoshop program?

    Hi Kazuya38,
    Please peform the following steps in order change the User Interface of Photoshop CS6(Japanese or any other language) to English.
    Windows:
    Navigate to the directory C:\Program Files\Adobe\Adobe Photoshop CS6\Locales\<languageSet>\Support Files
    Look for the file named "tw10418.dat"
    Rename the file extension to .back from .dat(please make sure Photoshop is closed
    Restart Photoshop.
    You need to follow the same procedure for C:\Program Files(x86)\Adobe\Adobe Photoshop CS6\Locales\<languageSet>\Support Files
    Mac:
    Navigate to the directory /Applications/Photoshop CS6/Locales/<languageSet>/Support Files
    Look for the file named "tw10418.dat"
    Rename the file extension to .back from .dat(please make sure Photoshop is closed
    Restart Photoshop
    Note: Here <languageSet> is ccorespond to your current language.
    Hope this helps.
    Let me know if you have any other question.
    Regards,
    Sumit Singh

  • IBook for Graphic and Web Design

    Hello,
    I'm thinking of buying my sister's iBook (since she doesn't really use it). I was talking to a mac rep about using the iBook for Graphic and Web Design purposes and I wanted to get other people's opinions on how Adobe Creative Suite and Dreamweaver have performed in other people's iBooks.
    Thanks!

    Running a lot of applications simultaneously, or a few high processing type applications such as Adobe's is what takes up RAM. OS X utilizes Hard Drive available space to make up for memory (RAM) deficiencies. This will "slow down" a system's ability to manage the files. So if you like to multiple applications opened at the same time, buy more RAM. Personally, 1 gb ought to be the minimum for today's systems.
    By contrast, a computer's processor, including logic board, video board, etc. are the engine of the system. The iBook has a small engine. So no matter how much RAM you feed it, it's still going to operate like a small engine. If you want more processing power, you would need to purchase a more powerful notebook (eg Power Book) or a more processor oriented machine such as the Intel iMac or Mac Pro.

Maybe you are looking for