Skip navigation
Currently Being Moderated

Programs for web design

Apr 17, 2012 7:12 PM

Hi, I have CS5.5 Mater Collection and want to purchase classroom in a book to learn how to do web design, which books will I need? I'm looking at Fireworks, Dreamweaver, Flash (professional, calalyst & builder) Do I need all these? I have heard that Flash is being fazed out, is this correct and if so what program is the alternative? Thanks

 
Replies
  • Currently Being Moderated
    Apr 18, 2012 6:55 AM   in reply to sumvmac

    FW and DW are where anyone should start.

     

    These two apps may also be where many end.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 18, 2012 9:50 AM   in reply to sumvmac

    sumvmac wrote:

     

    Hi, I have CS5.5 Mater Collection and want to purchase classroom in a book to learn how to do web design, which books will I need? I'm looking at Fireworks, Dreamweaver, Flash (professional, calalyst & builder) Do I need all these? I have heard that Flash is being fazed out, is this correct and if so what program is the alternative? Thanks

    You should first ask yourself a few questions:

     

    1. Are you looking at specializing in 1 field of web designing? There are tons of ways to create websites - Flash, HTML5, Dynamic (PHP/ .NET), Static (Simple HTML), etc...

    2. What is your foundation? Do you have any prior knowledge/ experience in web designing?

    3. Are you just looking at building rich media elements/ assets for web designing or create a full-scale website, bottom-up?

     

    Once you're clear of what you want to do/ be, post your reply here. We'll be happy to guide you in the right direction.

     

    Also, please note nothing happens in 5 minutes or overnight. Being a web designer is different from being a good web designer. And your learning never stops. It's a continual process. I have, rather most of us on this forum have been doing this for over a decade now and we're still learning. We're still trying to find that one right thing we want to specialize in!

     

    Good luck with your self analysis!

     

    Cheers..

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 18, 2012 9:11 PM   in reply to sumvmac

    Can you tell me the difference between HTML5 & Flash, I have been advised that it is best to now create elements using HTML5 but as I don't really know much about this, what does it mean and how is it done. Thanks

    There are way too many differences between HTML5 & Flash - we'd be discussing that all week or even all month long here.

     

    But, Primarily, HTML5 runs off your browser natively without the need of any external plugins such as a Flash player unlike Flash. HTML5 is pure HTML code and is completely styled using CSS - Flash requires Adobe Flash or Flash Builder or something similar to create. HTML5 will work on mobile devices (such as iPad/ iPhone) whereas Flash wont. HTML5 exploits the feasibility of AJAX/ jQuery/ CSS to create awesome, lightweight websites.

     

    In my opinion, HTML5 is the way-ahead...

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 19, 2012 3:00 PM   in reply to sumvmac

    1) Use graphics apps for images only.  DO NOT use graphics apps as a shortcut to web page creation except for quick comps. The code is too rigid and unstable for use on real web sites.

     

    2) Print/graphics design is nothing like designing for the web.  Print graphics are static and unchanging.  Web pages need to be flexible to work on various devices, viewports and browsers.  Different rules apply.

     

    3) Put Dreamweaver away until you've learned the fundaments of HTML & CSS code.  This is required learning.  Later as your skills improve, learn all you can about client-side (JavaScript) and server-side (php or asp) scripting as this is what separates amateurs from professionals.

     

         Start Here:   http://w3schools.com/

     

    4) Unless you're a game developer, forget about Flash.  For web sites, there's little future in Flash.

     

    5) If you want to create custom web animations, look at Adobe Edge ~ HTML5, CSS3 & JQuery.

    http://labs.adobe.com/technologies/edge/

     

     

    Best of luck,

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

    http://alt-web.blogspot.com/

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 19, 2012 9:52 PM   in reply to sumvmac

    sumvmac wrote:

     

    Thanks Sudarshan. Am I able to create a website using just Dreamweaver and Fireworks, if so, will they allow me to use HTML5 or do I need another program for this. At this stage, if I just got Fireworks and Dreamweaver classroom in a book, would that be sufficient enough to learn how to create a basic website? Thanks

    You definitely can create a website using DW and FW. You can code HTML5 with DW. These links should help you begin:

    http://www.w3schools.com/html5/default.asp

    http://www.html5code.com/

     

    Classroom in a book is okay to begin with. But, as you advance in your learning, you'll need to see it in action to get a better understanding. Browse HTML5 websites, read online tutorials - there are tons of resources. This should get you going. It's not very hard to code HTML5. You could see this site that I've done in HTML5: www.architectarchna.com

     

    Don't hesitate to post any other questions you may have.. We're happy to help..

     

    Cheers,

    ST

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 23, 2012 6:35 AM   in reply to sumvmac

    Hi,

     

    Fireworks helps a lot for website elements such as buttons and other type of graphic elements.  It also flows pretty well within DreamWeaver, but if you know enough Photoshop that would work well too.

     

    Good luck!

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 26, 2012 1:59 AM   in reply to sumvmac

    good question and good choice .I perfer photoshop rather than fireworks ,for I do the website design needs more colorful and greatful image.well.photoshop just fit for me .

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 26, 2012 3:11 AM   in reply to sumvmac

    Typically I'd recommend the following:

     

    1. Dreamweaver
    2. Photoshop
    3. Fireworks

     

    You could also choose to buy the following if you're looking at doing an end-to-end design integration:

     

    1. Illustrator (helps create Vector graphics that can then be imported to other tools_
    2. Flash (if you're considering to do Flash animation/ websites)

     

    This should get you started first.

     

    Cheers,

    ST

     
    |
    Mark as:
  • Currently Being Moderated
    May 8, 2012 5:00 PM   in reply to Sudarshan Thiagarajan

    So! I went to an Adobe User Group meeting last week and we talked about CS6 and specifically went over the new features that Dreamweaver and Fireworks will offer. This was fantastic because everything seems to be more user-friendly in CS6. For example, you can create an effect in Fireworks, and there's a CSS panel that will generate the code for you to then paste into Dreamweaver, and, upon previewing your site, will replay that effect for you! Just a heads up too, that Fireworks hasn't truly been "updated" until the CS6 version. Adobe purchased from Macromedia and made it "work correctly" for the CS5 release, but added no actual upgrades until now!

     

     

    My suggestions regarding web design would be:

     

    1. Dreamweaver

    2. Fireworks

     

    May want to include:

     

    1.Photoshop

    2. Illustrator

    3. Flash

     

    Cheers! -jazz

     
    |
    Mark as:
  • Currently Being Moderated
    May 19, 2012 1:09 AM   in reply to Sudarshan Thiagarajan

    HTML5 brings the user to experience a completely new Web surfing, faster, more stable and more secure. HTML5 will help content on the Web work better without depending on any other supporting applications.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 5, 2012 7:22 PM   in reply to sumvmac

    I chose Dreamweaver. it work on Mac and Windows.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 16, 2012 8:27 AM   in reply to sumvmac

    I used fireworks and dreamweaver tools for http://www.ttgint.com website which helped me a lot. Html5 and css2 is used.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 16, 2012 10:06 AM   in reply to sakalinlar

    Looks like XHTML to me and your doc type should be on the first line of code; not the second. 

    This is causing your page to run in Quirks mode which confuses browsers and may lead to performance & rendering problems.

     

    Finally, validate your HTML & CSS code as you have some errors that need fixing.

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ttgint.co m%2F

    http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&u ri=http%3A%2F%2Fwww.ttgint.com%2F

     

    Overall, a good effort.

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     


     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2012 9:40 PM   in reply to sakalinlar

    Hi, most important is to understand the essence of what it means web design at different levels, eg usability, customizable design and quality standards, would be great to have the Adobe tools available, and it would take maybe a video, as the video on the web is a very direct way to reach users, another very important level is the publicity will be given to the page in social media and search engine optimization, and may be useful as a program illustrator, since items such as infographics are important when it comes to displaying information, may be more direct to users and especially easy to understand. As for programs, for layout dreamweaver is an incredible tool, but you have to understand first is the html language, and understand that you have different types and versions, for example html5 and xhtml1 are programming languages ​​that should be understood in somehow, to make developments that meet standards of quality, in terms of web design adaptable, today all sites should be designed so that mobile devices can interpret, note that the flash is not read mobile devices however you can get to make great animation with it, making it essential to consider an alternative site for our mobile phones as an alternative to action script language that is the language in which we can program from flash, javascript is the language and its varieties Jquery is very useful today, especially if you design a site "on the scratch"

     

    Jorge Forero

    [[ commercial links removed by admin ]]

     

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 22, 2012 11:30 PM   in reply to dweb3d.com

    Have a good knowledge here.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 1:40 PM   in reply to sumvmac

    Hi there,

     

      I just wanted to circle back on this thread and let you know that if you are still interested in utilizing HTML5 for interactive content and animation, Adobe will be releasing a new product in the near future called Adobe Edge Animate. Edge Animate is an HTML5, CSS3 and Javascript authoring program that allows you to create HTML5 animations without having to know code. It is in Preview right now, so it's free to try out until 1.0 is released. You can download it here:

     

    http://www.edge.adobe.com/

     

      As other users have mentioned, Web is much different from Print Design, and needs to be flexible as it is viewed in all different ways. As a designer, I like to reference different web design blogs for inspiration, and I personally feel that this helps train your eye for designing for web. A great blog is Web Design Ledger (http://webdesignledger.com/category/inspiration). Also, the programs I utilize to develop and design for Web are Photoshop, Illustrator, Dreamweaver, and Edge Animate Preview 7. I used to use Fireworks a lot but found that I preferred the interface of Photoshop more as it is a program I use more often. Also, Illustrator is great to have for creating SVG images, which are becoming increasingly popular with the presence of Retina display on iPhones, iPads, and now the newest Macbook.

     

    I hope this helps! You have a lot of great advice here already! I just thought I would throw in my two cents. ; )

     

    -Devon

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 2:05 PM   in reply to dhosford

    Hi

     

    The correct link is http://edge.adobe.com/ (without the www.)

     

    It looks great.  I'm interested.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 24, 2012 2:15 PM   in reply to John.P.Ramos

    My apologies. I have the "http://www." ingrained into my system I must have accidentally typed it! ; )

     

    But yes, you're correct that's the right link^

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 25, 2012 11:11 PM   in reply to dhosford

    Nice tool for try, good!

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 11, 2013 9:46 AM   in reply to sumvmac

    Hey there are a lot web hosting company. But you must always choose a good one. Similarly, I also tried a website called http://www.llt-group.com which helped me a lot for making my website even better like never before. Try this!

     
    |
    Mark as:
  • Currently Being Moderated
    Calculating status...
    Sep 16, 2013 6:38 PM   in reply to dweb3d.com

    Good pitch. so go sell the job and show me the money. you are so right online markiting :but you always need  the sale!

     
    |
    Mark as:
  • Currently Being Moderated
    Calculating status...
    Mar 22, 2014 4:31 PM   in reply to Sudarshan Thiagarajan

    I saw this thread when I was looking for finding the most ideal program or edotpr to use in Web Design. I have been going to school and I have learned all the basics of Web Design but have had trouble creating profesional looking sites. A fellow student turned me on to Adobe Muse. I have found the program very easy to use and can say my site looks a thosand times better since I started using it. Problem is that Muse does all the coding for you, which might be a detriment to me at this point. Should I be continuing to the hard coding myself until I can create a site that looks professional or are programs like Muse becoming more popular. I want to one day find a job as a web designer and want to do as much as I can to be appealing to a company or a potaential client.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 24, 2014 9:44 AM   in reply to AhMcNay

    MU is OK for hobby sites and non-coders who just want to get the best results they can without looking at code.  As such, you're limited in what you can do.  For example, you couldn't use MU to build a CMS, blog or e-commerce site because it can't support server-side programming and databases.

     

    If you want a career in web development, you need to be working with pro-level software like Dreamweaver and learning everything you can about server-side technologies and SQL databases.  That's where the money is because most businesses these days have database driven web sites.

     

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points