In our last post we described the basic fundamentals of how a website functions. We mentioned that a website resides on one or more servers which transmit the content of each web page to the user’s web browser. This week we will speak about the differences between various web sites and explain the process of how a website is created.
Before one embarks upon a web development project, it is imperative to establish the purpose of the site to be created. I like to divide all web sites into two categories: Application-driven sites and online brochures. An application-driven site is a website that performs specific functions, such as displaying live product inventory, accepting online purchases and payments, or an account management portal, to name a few. Creation of such sites will generally mean an extensive project with much careful planning. While this may be a suitable option for larger corporations or web-based businesses, it is not always the correct path for smaller companies with more modest budgets.
When a small non-web-based company builds a website, they will commonly choose the “online brochure” option. The purpose of such a website is to merely establish a corporate presence on the web. An online brochure will usually contain between 5-20 pages which describe the services provided, and (optionally) the corporate staff.
Once the type of website to be created has been determined, the actual work can begin. The creation of a website is broken down into two parts: font-end design and back-end development. The specific technique used will vary somewhat between different design and development firms, but the general method is usually the same. Here is how we do it at
Spetnik Solutions:
First, the graphic designer(s) assigned to the project will meet with the client to better understand the requirements for the look-and-feel of the site. After several drafts, a design is approved and a final proof is generated. The final proof is a high-quality graphic representation of each page style to be displayed on the site. This is then sent to the front-end design team which “slices” up the graphics and converts them to a web-friendly format. The front-end designers then create HTML pages, merging the static graphics with text. These pages are designed to be viewable in all major web browsers, and have the precise appearance that the website will have.
Now it is time for back-end development. Back-end development is the creation of any applications that need to run behind the scenes on the web server. While an “online brochure” will need very little development, “application-driven” sites will require many hours of development. However, even “brochure” sites will generally have some development needs - at the very least a “mailer” application which generates an email when a visitor fills out a “contact” form or a basic content-management solution.
Generally, the development team will create the server applications and integrate them with the HTML pages to produce a finished product. The website is then uploaded to the web server, and the site goes live.
This covers the basic process of website design and development. Next, we will discuss tips for building an effective website and common pitfalls that you should avoid.