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.

How Do You Become a Web Designer? Do You Have What It Takes?

Web design can be an enjoyable and fulfilling experience. It’s a trade that combines technical skills with creative ability. If you feel comfortable with computer technology and you enjoy creating documents, web design can be a great way to combine the two interests.

That being said, it’s always overwhelming to consider learning a new skill. Before learning how to become a web designer, you should ask yourself, “Should I become a web designer?”

I’ve been learning web design since I was ten years old, in 1994. I now do a lot of web design for myself and for some small business clients. There have been plenty of pleasures, but also plenty of frustrations. If you’re considering becoming a web designer, there are some things you should keep in mind.

If you have a lot of time to devote to learning HTML, CSS, JavaScript and Photoshop, it’s possible to learn the basics in a couple of months. Be ready to spend some money on manuals, books, and applications.

No matter how you decide to learn web design and how you decide to enter the field, some people have better potential to become web designers than others.
When you’re programming, even if you’re using a simple language like HTML and using a helpful application like Dreamweaver, you’re going to encounter some frustrations. Sometimes, when I create an HTML document, I spend a lot more time making corrections and problem solving than doing fun stuff. Are you prepared to spend a lot of time testing and making little changes? No matter how you approach web design, tedium can’t be completely avoided. If you’re easily frustrated and discouraged, web design might not be for you.

Unless web design is going to be just a hobby for you, you will have clients you have to work with. Sometimes clients have a lot of specific expectations. Some clients have experience with web design themselves, but others may demand things without knowing the technical limitations involved. Before you start any project for clients, it’s best to have a thorough conversation with them about what they want and what they need. That can save you a lot of time. How would you like to spend weeks developing a website, only to discover that your client wants completely different fonts, colors, graphics, site organization and content? If you’re going to get into designing web pages for other people, you’re going to have to be ready to make a lot of compromises and take a lot of criticism. Are you ready for that?

Finally, ask yourself if you have the time and energy to promote yourself. If you want to be hired by a web design firm, in addition to learning skills and possibly obtaining certifications, you’ve also got to be ready to pound the pavement with your resume and portfolio. It might take you over a year to find a job. Be ready to attend a lot of job interviews, and possibly get a lot of rejections.

If you’re going to become a freelancer, like I am, you’ve really got to devote a lot of energy to self-promotion. Set up a website, preferably with your own domain. Be ready to spend some money on advertising. Spend a lot of time promoting your services with social media – Twitter, Facebook, Linked-In, and so on. Scan classified ads, particularly online classifieds. Print business cards and distribute them wherever you can. Use your connections and word-of-mouth to your advantage. Tell everyone you know that you’re a web designer, and maybe someone knows someone who could be your first client. Sometimes I spend more time promoting myself than I do actually doing the work itself.

If you’re ready to spend a little bit of money, do a lot of tedious work, take some criticism, and do a lot of self-promotion, then web design may be the field for you.

First, you’ve got to start the learning process. If you enjoy classroom instruction and having teachers, sign up for some web design and graphic design courses through your local community college. If you’d rather start learning on your own, buy some good books, look at the source codes of the web pages you visit, and go through some online tutorials. Even if you’re going to start learning web design in a school setting, be prepared to do a lot of learning in your free time, as well.

It’s important to learn HTML, especially HTML5. Learn Cascading Style Sheets (CSS), up to CSS3. JavaScript, possibly some server side scripting languages, and Flash are very useful, too. Don’t forget to learn how to use Photoshop. If you don’t have the money to buy Photoshop right away, start by downloading some free graphic design programs like Paint.Net and GIMP. You can learn some of the basics of graphic design that way, and possibly be better prepared when you finally buy the most recent version of Photoshop.

These days, people access the web in more ways than were ever possible before. When you’re web designing, you not only want to make your web pages work in multiple browsers, but also on multiple devices. Even basic cell phones can access the web today, not just smart phones such as BlackBerrys and iPhones. Even some video game playing devices like the Sony PSP and Nintendo DSi have web browsers. Web surfers could be using tiny screens or enormous screens. They could be using a variety of different browsers and versions of browsers. Users may have completely different plug-ins and fonts; Adobe Flash is a browser plug-in, for instance. When you’re learning web design, try surfing the web in as many ways as you can.

There are many helpful resources for learning web design online, and there are many helpful online tools for web designers, many of which I use.

The W3C is an excellent place to start. They’re the non-profit organization founded by Tim Berners-Lee, the man who started the World Wide Web. The W3C sets standards for HTML, XML and CSS. In addition to information about coding languages and standards, they have handy tools to validate your code.

HTML Goodies has a lot of excellent tutorials and articles.

I’ve learned a lot so far, but I’m always learning more, and I’ll always be a student of web design and media technology. As technology advances, things change. There’ll always be new programming languages and applications. Learning is a constant process.

Web design has been an engaging experience for me, and if you decide to get into it yourself, I hope you take it seriously and have a lot of fun.

Web Design – Five Simple Steps to Follow

1. Flashy Pages: unwanted Distractions

Most of web designers feel the need to create stylish splash pages that do nothing but create a barrier which stops web users in their tracks and forces them to make the unnecessary decision of whether to push forward to the home page or to leave your website forever. These “website introductions” are typically short Flash-based movies that showcase the web designer’s flash design skill set, yet offer the web user nothing but a distraction. Flash animations are so common these days that it’s almost impossible to actually impress a web user with a Flashy page. The main goal of any website design should be to either deliver the web user what they want or to get the web user to perform an action. a flashy page only slows down this process and should be avoided at all time.

2. Banner Advertisements: Less Is More

When it comes to the strategic placement of banner advertising, the old proverb “less is more” needs to be applied to web design. A single successful banner advertisement is more profitable and valuable then a whole bunch of banner advertisements that get minimal click-through. The harder it is to secure a single banner advertisement space, the more appealing it becomes to advertisers. it’s best to try and fill space with useful content. Another tip is to surround your banner advertisements with as much useful content as possible; this will also make the space more appealing to potential advertisers.

3. Navigation: Is The Important Key

The fastest Bike in the world is useless if no-one knows to drive it. The same goes for websites. Website owners can choose to invest thousands in web design, logo design, flash design, splash pages, funky animations and a whole host of other aesthetic goodies to make the site look fantastic, but if web users cannot navigate around the site to consume the content or purchase products, then the whole website fails to achieve its goals. In web design when it comes to designing effective navigation it’s best to keep it as simple as possible. Once again, web designers will often go overboard and design navigation menus that include flash animations, multi-tiered dropdowns and a whole host of other unnecessary additions that only work to distract the user, instead of helping them navigate around the website. Navigation is the key that unlocks good website design

4. Coding: Never Copy & Paste

Amateur web designers will often copy and paste code from various websites and compile their website like its Frankenstein. When an error occurs, the web designer doesn’t know how to fix it because they didn’t write the code. Web designers must then sit down and waste time working out what each piece of code does, before discovering the error and then rectifying it. During this time it’s the web users who suffer, as they sit through error after error. Although writing the code from scratch causes longer initial development stages and may cost more in the short term, it will save you a lot of time in the long run if any errors do happen to occur. As mentioned above, errors need to be avoided, whatever the cost. Before seeking professionals to do your website design or flash design, always run double-checks to see how much of the code they are actually writing. If the web design agency is copying code from within their own web design / flash design team, then there is nothing to worry about because someone in the agency will know what to do if a problem arises or they typically have an FAQ that can be easily referenced. The only time you should worry is if the code is copied from an external website.

5. Consistency: Way To Success

Regardless of size, every website should remain consistent to ensure the web user knows exactly where they are and where to look at all times. This applies to everything from simple navigation links to the location of help menus. The goal should be to make the web user familiar with all aspects of your website, from the colours used in the design to the overall layout. Some web designers, who are often pressured by management to create a variety of web designs, feel the need to experiment with different colour schemes and website layouts within a single website, but this does nothing but confuse the web user by causing disorientation. Only break consistency when the website is receiving a complete overhaul.

Web Design and Development Information

Web design usually involves many varied disciplines and skills in the maintenance and production of websites. The different parts that encompasses web designing include interface design, graphic design, authoring which includes proprietary software and standardized code, search engine optimization and user experience design. Although some designers may specialize in all the aspects of web design, most designers usually work in groups each individual tackling a different aspect of the process.

The term web design is mostly used to refer to the design process involving the front-end design of a site that includes writing mark up too. In the wider scope of website development, Web design is partially complex more than web engineering. This is because web designers are expected to have the technical Know-How in usability and to be at par with the current website accessibility guidelines if their work involves creating mark up too.

HTML and CSS in Web design

HyperText Markup Language commonly known as HTML, plays a big role in web design since it gives the content in the website, it’s meaning and structure by defining what the content is, for instance, paragraphs, images, headings and so on. Cascading Style Sheets or what is commonly referred to as CSS, is a display language used to enhance the appearance of the content in the site for example use of colors and fonts.

Both the languages CSS and HTML are used independently of each other and that should be maintained when dealing with web design. For instance in all your web related activities such as “Web Design and development, appearance, website, homepage, HTML” HTML should not be written in a CSS document vice versa. The general rule is that HTML should always be representing content while CSS should always represent how that content appears. For those who are the beginners of HTML, in some cases you might encounter strange and often-new terms but with time you are likely to become more conversant with all of them. However, the commonly used terms in HTML you should begin with include attributes, tags and elements.

New standards in HTML and CSS

To enhance “Web Design and development, appearance, website, homepage, HTML” the W3C recently released new standards of CSS the CSS3 and HTML the HTML5. Additionally the W3C released new JavaScript API’s. Although they are all new but they are all individual standards. While the new term HTML 5 solely refers to the latest version of the HTML and a number of the JavaScript API’s it is common to hear most people use it to refer to the whole lot of the new standard both the CSS3,the HTML 5 and JavaScript.

Technologies and Tools used in web design

Depending on the step of the production process, web designers use a wide range of varied tools in their work. Though the principles behind them remain the same, the tools and technologies are updated with time by the current software and standards. To create design prototypes or and images that are formatted on the web, web designers use raster and vector graphics. The main technology used in creating websites is the standardized mark up, which can be generated or handcooked using the WYSIWYG editing software. Furthermore, there is proprietary software that uses plug-ins to bypass the user’s browser versions. They are mostly WYSIWYG but with the choice of using the scripting language of the software. Search engine optimization strategies may also be applied to check the ranking at the search engine and suggest ways of improving it. Other tools used are the mark up validators and other tools used for testing accessibility and usability. This is to make sure that the website meets the website accessibity guideline.

Homepage design

Most Usability professionals and experts such as Kyle Soucy and Jakob Nielsen have on a number of times insisted on homepage design for any website success since the homepage is the most essential part of a website. However, in the early 2000’s it was discovered that a surging number of web traffic was inconsiderate to the homepage and was directly going to the contents of the pages via e-newsletters, RSS feeds and search engines.

Due to this, it is evident that homepages play a lesser important role in the success of any website. In the years 2012 and 2013 rotating banners and sliders, also known as carousels became a very popular component of web design on homepages. The carousels are used to display recent content in a specific space. However, while undertaking “Web Design and development, appearance, website, homepage, HTML” it should be noted that carousels often damage site’s usability and search engine optimization.

Web development

The term web development is used to refer to the work involved in coming up with a website for the World Wide Web. Development usually ranges from coming with simple single page sites using plain text to the complex web applications, social network services and electronic businesses. Tasks in web development include web design, client liaison and e-commerce development.

Web site appearance

The feel and look of your site is more essential than just displaying the information you want, but doing it in a way that it appeals and creates attention from your target audience information. Multiple factors should be taken into account when scaling out the appearance of your website. One of the major considerations is your intended audience. Look at their nationality, gender, age bracket, animations, colors, animations and graphics.

In summary, the idea here is to assist you develop a site that appeals and gets attention from the largest possible audience in all your work including web design and development.