Web Design Tricks

Web design tricks are used by Professional web designers; to create effective web page designs but most importantly to show off beautiful code. A web designer’s job is to develop web pages that communicate effective design, while also demonstrating knowledge of html and CSS. Web designers can utilize a variety of web design tricks there are tons of design related resources available for free to  designers, graphic designers or anyone seeking knowledge of creating or learning about website design tricks.  Professional web designers such as Molly, Lynda, and Eric Meyer, often have blogs or have written books, dedicated to helping others learn how to create web design tricks. I have found a great list of web design tricks & resources and have listed them on my website, you can check out the article it’s called “Useful websites that offer free web design tips & tricks” I have also included in this article some basic web design tricks that you will be able to incorporate in your next design project.  

The first thing you want to do before designing your web page is to create a flowchart, a flowchart will aid in the outline of your web design project.  Next you will need to decide how you want to lay-out your site. There are a few basic layouts, however most professional designers use layouts that are compatible with the more popular browsers, “this design trick’ is very important to know, as you will want all users to be able to access your web pages. The site Just dreamweaver has a ton of free blank or empty layouts that you can use as a guide. Or you can choose from some pre-made templates that are featured free, on smashing magazines website.  If you don’t like any of the layouts suggested, you can create your own. Make sure to ensure browser compatibility by incorporating the right browser hacks. Make sure you know how the browser hacks work before you use this particular web design trick. Do some research on website design tricks before attempting to write your own code.  

Next you will use the measurements from you’re empty web template to start the design process. Most Professional designers use Photoshop to design the graphical interface of their web page. I like to start my PSD interface template by boxing my layout first. For instance If I have a header at the top of my page, I would first create a big grey box and label it header, than on my side bar I would create another grey box, matching the measurements 100% from my html coded template, this ensures that I have a perfectly even and compatible transition from PSD to html or xhtml. After you have laid out your grey outline you can turn on rulers and guides and start lining up your grey outlines.  

Now if you turn off the entire layer, you will see that the rulers have perfectly lined up your site for you. The next step is to lock the rulers than group the grey layer and hide them and then lock the grey layer as well. Now you are ready to start your design, if you are having trouble coming up with concepts, look at some example sites to get your creative juices flowing. With these Web Design Tricks you are sure to create a 100% cross browser compatible web design that’s super easy and fast to create, furthermore now that you know these simple web design tricks, you can incorporate them in your next design project.  

Web Site Development – The Roles of Web Designers and Web Programmers

A web site is a software package. By definition, a package is a ready-made program that is available to users for use to perform some tasks. These users include non-IT professionals. Thus, a web site qualifies to be a package like Microsoft Office, Peachtree Accounting packages.

Before the revolution of The Web (WWW), development of software package was the exclusive preserve of skillful programmers. Programmers or software developers develop the logic of programs which a package will eventually use to function. This logic building aspect of software development requires high level of intellect. This together with the intricacies of mastering programming languages made the development of packages uninteresting and unattractive to a large spectrum of people.

Following the revolution of The Web, it became possible for non-programmers to develop packages right from the inception. These are web-based packages and of course, web sites, requiring no programming skills. The result was the creation of a new type of profession called Web Design. A web designer is someone who organizes a web page by arranging texts, pictures, animations, forms etc on a page and formats them to produce good presentation. All he needs do is to make use of any of the appropriate web development tools like Macromedia Visual Studio and Microsoft FrontPage. Through the Design section of Macromedia Dreamweaver, for example, you can design a whole web page without using HTML codes. What you have is a web site. A web site is one or more web pages. These web development tools are the equivalent of what the popular package Adobe PageMaker does which is to organize and format pages of books, magazines, newspapers etc. No programming is required.

The limitation of web designing is the creation of static web sites which may be suitable for some applications but not all. They produce non-interactive and non-dynamic web sites that are unsuitable for certain applications and needs. For example, online registration. The role of a web designer stops at this point and that of a web programmer begins. As a result of the limitation of static web sites, the need to move further arose. People wanted sites where they could post forms for tasks like creating accounts online and authentication of passwords. This led to the development of web programming languages otherwise known as scripts. Examples are JavaScript, ASP, ASP.NET, JSP, PHP, ColdFusion etc. The result was the creation of the profession of web programming. A web programmer is someone who develops programs for the purpose of performing automated tasks on a web site. Some prefer to call them software developers. Example of such tasks are:

  1. Data validation.
  2. Form submission.
  3. Sign Up.
  4. Database search.

Thus, it became possible to develop dynamic and interactive web sites capable of doing what conventional software could do on stand-alone computer and network using non-internet technologies. Online banking, stock broking are examples. These functions can now be carried out entirely on internet. To develop functional scripts for such automated tasks, logic building and mastery of the programming language to use in terms of syntax are required. Most of the programs are written from scratch.

Can you be a web designer and a web programmer? Yes, you can. There are people who double as web designer and web programmer but specialists are noted for doing better in their respective fields of specialization than non-specialists. Some sites do not require more than web designing but many sites nowadays require both web designing and web programming like the multi-tier applications that have presentation layer, the logic layer that interfaces the presentation layer with the database, and the data layer that contains the database. There are even database specialists who design database and write what is called stored procedures and triggers right inside the database. The use of stored procedures increases the overall efficiency of site execution as it minimizes the number of times SQL statements are parsed, compiled, and optimized during execution. You can see that site development is quite deep.

The roles of web designers and web programmers are complementary in the development of web site. You need to identify where your ability lies and allow that to inform your choice of area of specialization. If you know you have the ability to write programs, you can go beyond web designing and become a web programmer but if it is otherwise, stick to web designing and continue to grow and sharpen your skills. The truth of the matter is that programming is not for everybody.

If you are a conventional graphic artist, you will find it easy to crossover to web designing and if you are a conventional programmer, you can readily crossover to web programming. What I mean by conventional graphic artists are those who have the expertise in the use of tools like CorelDraw, Photoshop, and PageMaker to perform Desktop Publishing tasks. By conventional programmers, I mean the experts in programming languages like C++, FoxPro, COBOL, and Dbase.

As long as you can determine where your ability lies, you will surely overcome frustrations in your tasks of developing web sites and you will continue to enjoy what you are doing. If you are a web designer and you have a job that involves programming which you cannot handle, look for assistance from a web programmer. If you are a web programmer and you are having issues with web designing in your task, seek the assistance of a web designer. If you can handle both areas to a very large extent, well and good.

Choosing a Web Designer

Many small business owners struggle with deciding on how to make the right choice for designing their website. They search the web for help with their website and find that the choice is harder than they thought. Currently there are (literally) millions of websites who claim to be professional web designers. However, one must be careful in choosing the right person or people in which to trust their company image. In this article, I will attempt to categorize web designers into manageable groups, and teach the reader the difference between the types.

Web designers fall into four general categories: freelance amateur, freelance professional, Web Design Company, Web Development Firm.

Freelance Amateur

The majority of web designers you will come across, especially searching the Internet, are freelancers. That is, individuals who do web design but are not employed by a web design company. Some are self-employed professionals but most of these freelancers are amateur-hobbyist types. They find a copy of FrontPage™ came with their MS Office™ Suite. They discovered how fun it could be to make web pages so they started telling their friends that they could “design” web pages.

The “pros” of using an amateur is that they are very cheap. The “cons” are too numerous to mention, but I’ll point out a few. They have no training; they have little knowledge of what makes a good website work; they do not understand HTML code or CSS but only FrontPage point and click; they do not understand general design and layout concepts and they have little real experience. The biggest reason they should be avoided for the serious businessperson, is that their work looks amateurish, which makes your company look amateurish. Who wants that?

Freelance Professional

A professional is often defined by simply being paid. People think that if you are paid for something, then you are professional. Maybe that’s true in the Olympics, but for the business services world, you are not a professional until you are established and respected as one by your clients and peers. Freelancer professional web designers are a giant leap from the amateur in that they have established a portfolio of respectable work. They have some sort of qualified training and experience and they have credentials that can be verified by contacting references. They have a good reputation with their clients and other professionals. In general, a good freelance professional web designer can be good person to have doing your site. But they are hard to distinguish from the amateur when you are just searching the web.

The upside is, if you find a good one they are significantly cheaper than a web design company. But that is usually the only upside. If the budget limits you, then a freelancer will do for a small project. But anything seriously important should be left to a professional company.

Some downsides to using a freelance pro are that they are usually part-time, meaning they are limited in how much time they can devote to your project. They are also limited in what they can do for you. Most freelancers are specialists in one area and generalists in everything else. Some have no skills in anything except their one specialty and often you will have to find others to fill roles. In addition, freelancers are not always cheap although many of them are aspiring to create their own company; some are highly sought after and charge $100 per hour or more for their work. My advice here is, if you have that much to spend, go with a company that has a team of professionals to get the job done in a timelier manner.

Web Design Company

This is the next step beyond a freelance professional. The web design company offers the “whole show”. They provide real project management and have pulled together a team of web experts to get a wider range of jobs done. A company can provide a much higher level of expertise in web design, programming, content development and more.

Such a company is usually very small, yet large enough to handle larger scale projects. Compared to the most highly qualified freelancer, a company has a diversity of talent and collaboration working for them. The end-result is usually a much higher quality product.

The only real drawbacks are on the one hand, the web design company is more expensive than a freelancer because there are many more people on the job. However, you get what you pay for rings true. On the other hand, for very large projects or long term development, web design companies may be too small and usually do not have the human recourses to accommodate that $500,000 contract. In the end, for serious business people looking for quality and professionalism and who can’t afford the big firm, this is the way to go.

Web Development Firm

As the title implies, a web development firm is like any traditional company. They have a staff of office workers, they have owners and officers, and they have a team of talented professionals who are paid a good salary for their work. They often have a sales force that do inside and outside sales. The quality of their work goes without saying, as you could not be so well-established by doing shoddy work. These firms offer teams of very talented professionals who work on your project and get the job done in a timely and extremely efficient manner. Additionally, they usually cover all aspects of website development including marketing and advertising. They may have teams of specialists that they can deploy to your location and work in-house under a temporary contract. The possibilities are endless.

If price is not an issue and the highest quality work is necessary, then this is who you want to do the job. For smaller budget businesses, a quote from an established web development firm might knock you off your chair, but know that companies who have project requirements that reach hundreds of thousands of dollars know the score. Thus, the only real drawback for a web development firm is that they are usually very expensive. Then again, cost is relative and bigger companies like to work with bigger companies.

In summary, the choice is yours. I would recommend for the serious businessperson, that you budget a decent amount of dollars to properly design and execute a professional website. I would avoid the amateur and outsource to an individual or company with good experience and reasonable rates to create my web presence. If money were no object, then I would only deal with established firms and pay the big bucks to get the job done right and done well.