Wednesday, June 30, 2010

Web Design Tools for Budding Web Designers

Two of the recognised industry standard tools for web design are Adobe's 'Dreamweaver' website design software package and Adobe's 'Photoshop' which is a graphics tool used for editing and formatting digital photographs. There are of course other similar software packages and additional tools such as Adobe's 'Flash' program(which handles dynamic graphics) and that anyone seriously concerned with the production of professional looking website designs should be familiar with; but essentially Dreamweaver and Photoshop  form your key components for basic web design and are, I believe, the best web design tools available.

The 'Flash' software program is a very nice to have accessory that can provide an added dimension to your designs, but should be used within the context of the design brief.

There are a number of versions of Dreamweaver available but they all effectively perform the same or similar functions.

It is a professional HTML editor for designing, coding and developing websites, web pages and web applications. The application offers 2 design environments in which to work, the code view and the design view. You can also select a 'split' view that lets you see both the code and design views simultaneously.

The design view (visual editing features) allows you to very quickly create web pages without the need to write the associated code that lies behind the design, Dreamweaver takes care of this on your behalf. You can drag in and position the various page elements from an adjoining panel and streamline the development work flow by creating and editing images in third party graphics applications such as the aforementioned 'Photoshop' or Adobe's 'Flash' program.

What you will find in practice is that although you can in theory design a website completely from the design screen that you will in fact combine both functions to produce your designs more effectively i.e. typically the basic design is drawn together using the visual editing features and then the coding view is used to fine tune your design to complete the final details. From my experience, it is likely that as you become more familiar with the program that you will find yourself utilising the coding functionality more and more, particularly for managing the pure code aspects of the design such as CSS functionality (cascading style sheets).

Photoshop also comes in many versions and forms, but again the basic functionality is very similar for the different versions. Photoshop allows you to configure and manage static images such as digital photographs or generated images that you may have created within the program. One of the key benefits of Photoshop is that it is relatively easy to use and has been developed with website integration in mind. You can create and save files for the web, reducing resolution for fast loading on the Internet whilst retaining the quality of the image to a level where the differences to the original file are for all intents and purposes indiscernible.

It goes without saying that in order to benefit from any of the programs mentioned, any budding web designer should consider taking a web design course to at least get the basics sorted out. My recommendation would be that any courses that are undertaken would include what I consider to be the two core industry standard software packages mentioned and ideally would also include a basic course on the use of Adobe's 'Flash Program'.

There are also many free courses and lots of information on the Internet to cover almost every topic, including website design, and once you are past the basic principles and standard practices stage of your development you will find that these courses plus practical experience will prove invaluable for further development of your design skills.