25 Replies Latest reply: Mar 24, 2014 9:44 AM by Nancy O. RSS

    Programs for web design

    sumvmac

      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

        • 1. Re: Programs for web design
          Community Member

          FW and DW are where anyone should start.

           

          These two apps may also be where many end.

          • 2. Re: Programs for web design
            sudarshan.t CommunityMVP

            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..

            • 3. Re: Programs for web design
              sumvmac Community Member

              Thanks so much for your comments. I am currently providing a graphic design service but want to be able to offer my clients web page design too. I don't know much about web design or what fields I want to get into, all I know is, I want to be able to design a web page for a business from scratch using my own design elements, (static and flash.) I thought I would start by teaching myself as I have experience with this and then decide whether I need further training. So basically I need to know which classroom in a books would give me the best start. I completely understand that design is something that is continually changing, especially the way we use technology to do it, I find I am constantly searching for different techniques on the internet and respect that web design would be developing even faster. I really appreciate your feedback and advice. Thanks again

              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

              • 4. Re: Programs for web design
                sudarshan.t CommunityMVP

                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...

                • 5. Re: Programs for web design
                  Nancy O. CommunityMVP

                  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/

                  • 6. Re: Programs for web design
                    sumvmac Community Member

                    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

                    • 7. Re: Programs for web design
                      sudarshan.t CommunityMVP

                      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

                      • 8. Re: Programs for web design
                        sumvmac Community Member

                        Thanks again for your advice. I have plenty of reserach to start on. I have a discount to get some Adobe learning material which will expire soon so just want to grab it now. I'll get dreamweaver but do you think I should get fireworks too, is there anything else from Adobe you could suggest. I will use the online sites that you have all given me too. I am really starting from scratch so I understand I have alot to learn .

                        • 9. Re: Programs for web design
                          John.P.Ramos Community Member

                          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!

                          • 10. Re: Programs for web design
                            Community Member

                            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 .

                            • 11. Re: Programs for web design
                              sudarshan.t CommunityMVP

                              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

                              • 12. Re: Programs for web design
                                jazz_tastic Community Member

                                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

                                • 13. Re: Programs for web design
                                  meocon89 Community Member

                                  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.

                                  • 14. Re: Programs for web design
                                    Ngoc Quan Community Member

                                    I chose Dreamweaver. it work on Mac and Windows.

                                    • 15. Re: Programs for web design
                                      sakalinlar Community Member

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

                                      • 16. Re: Programs for web design
                                        Nancy O. CommunityMVP

                                        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.com%2F

                                        http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=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/

                                         


                                        • 17. Re: Programs for web design
                                          dweb3d.com Community Member

                                          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 ]]

                                           

                                          • 18. Re: Programs for web design
                                            Jewelry From Thailand Community Member

                                            Have a good knowledge here.

                                            • 19. Re: Programs for web design
                                              dhosford Employee Hosts

                                              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

                                              • 20. Re: Programs for web design
                                                John.P.Ramos Community Member

                                                Hi

                                                 

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

                                                 

                                                It looks great.  I'm interested.

                                                • 21. Re: Programs for web design
                                                  dhosford Employee Hosts

                                                  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^

                                                  • 22. Re: Programs for web design
                                                    dweb3d.com Community Member

                                                    Nice tool for try, good!

                                                    • 23. Re: Programs for web design
                                                      spudsmurphy13 Community Member

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

                                                      • 24. Re: Programs for web design
                                                        AhMcNay Community Member

                                                        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.

                                                        • 25. Re: Programs for web design
                                                          Nancy O. CommunityMVP

                                                          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.