ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Arts and Design»
  • Graphic Art & Design

Web Design Concept for Newbies

Updated on September 8, 2014
web design
web design | Source

Sometimes people get afraid to get into web design and web development because they feel the amount of technology that is poured into it, will make it difficult for them to catch up with the professional web designers.

For all those people this guide will give them enough information to kick start their careers in web design even if they have zero knowledge about the subject. This guide will also be helpful for people who wants to discover something new or looking to build a site. It may also offer some assistance to those interested in hiring a web designing company, learning the basics of web design will give you the critical knowledge, which gives you upper hand on your designers.

If you search internet you will be surprised to see so many web design and development tutorials, but most of these lessons are targeted towards people who already have little experience in designing a website.

What happens is that after reading few pages your interest suddenly dies and you ask yourself, “What am I doing here?”

Of course, a guide is not meant to be for all audiences that’s why this guide is targeted for newbies in web design. So stay glued to this guide and start learning!

Learning Web Design

With the ever growing popularity of web, learning web design is on everyone’s mind right now, people want to build website by themselves so can implement their own ideas in the website. Also hiring a professional for website designing may cost a lot.

There are many avenues like blogs, courses and different forums out there from where you can get complete web design knowledge but one needs to be aware of what is best for you.

Here are few places from where you can get web design education.

Web Design Schools

Learning web design from school may seem like a waste of money to some as there is so much helping material including videos tutorials, and books available on the interest that you can use to learn from. There is also another reason, as the website design industry is fast evolving and there are few schools that update their curriculum frequently. Mostly schools just focus on web design basics, which you can easily do it yourself.

Nevertheless, many people have found these web design schools to be very helpful. Especially, if you feel you need assistance from a trained professional. If there is any institution that specializes in web design and offers training then in that case you can benefit a lot.

Online Tutorials

You can easily educate yourself through text and video tutorials that are available online, all you need is a computer and internet connection. There are hundreds of sites offering free video tutorials and books that you can study anytime you want. Although this method may seem a bit less interactive and entertaining as compared to learning from school but it is certainly the most effective method that you can use to educated yourself.

These two sites are regarded as the best online resources for learning web design and development for both newbies and professionals.

Basic Web Design Terms

For someone who is new to web design, it is important to understand few terminologies. Some of these terms are explained below:

  • Anchor text

Whenever you see an underlined clickable text on a web page that takes you to another page is called an Anchor text. Main purpose of anchor text is to increase and optimize a website for search engines.

Example: <a href="">Example Anchor Text</a>

  • Back End

Backend of a website refers to things that is not visible to the visitors of a website and something that controls every aspect of the website, including content management system, information, applications, and structure etc.

  • Backlink

Also referred as track backs, a back link is a link that is used on other web sites to get back to your own site. These backlinks play an important part in search engine optimization (SEO) of your site.

  • Bandwidth

This is a term used to define the rate at which data is transferred. This can be measured in either in bits per second, kilobits per second, megabits per second, or gigabits per second. Bandwidth also let us know how fast a website loads from a server to a personal computer.

  • Bounce rate

The rate at which people browse a website without clicking another page is called bounce rate. Smaller bounce rate reflects the beauty of a website. Whereas, a higher bounce rate means there is something wrong with your site.

  • Breadcrumbs

Breadcrumbs mainly refer to those elements within a web site that are placed in site’s navigation. Usually, they appear at the top of a page within navigation, and displays pages and sub-pages.

  • Cache

Sometimes when you visit a website, one or more files are copied, saved or downloaded automatically from the website to your computer. This is usually done through a browser that you are using. As a result of this, those sites load faster, the next time you visits them.

  • CMS

CMS stands for content management system, and is used as a backend tool for managing content of a website. It also differentiates the content from the design and functions.

  • DNS

Domain name service is what DNS stands for. A purpose of DNS is simple but holds huge importance, as it converts an IP address into domain names. Without DNS, remembering all IP addresses of websites you want to visit would have become an impossible task.

  • e-Commerce

Any web site that buys or sells some kind of products and services is call e-commerce or electric. This transaction is done through secure servers.

  • Front-end

Unlike back-end, front end is something that is completely visible to the visitors of a site. This may include things like user interface (UI), images, videos, and text.

  • HTML

Hypertext markup language is the basic language in which a webpage is created. It not only provides the framework but also the content of a webpage.

  • Hypertext transfer protocol (HTTP)

It defines a set of rules or protocol to transfer requests between servers and browsers. HTTP also defines how web pages gets transmitted and formatted.


HTTP Secure is not a protocol itself but a layer on top of another protocol called HTTP. It is used for communication over a secure network.

  • Landing page

This is a page that visitors see as soon as they enter the website. This type of page is designed in a manner that the new visitor is attracted towards it instantly.

  • Meta Data

This is a kind of information that informs the visitor, about the webpage he is about to visit. This data is stored in the header part of a web page.

  • Permalink

This is a permanent link that a blog uses to define the address of a web page or blog post.

  • Plugin

These are third party codes that enhances the functionality of the website. There is no coding required to access these plugins and usually go with blogging and CMS platforms.

  • Web server

A computer software that enables a website or a webpage to appear on the internet is called web server.

  • Script

It is a piece of code that resides in an HTML page, whose purpose is to add interactivity and dynamism to the page.

The Web Design Process

Every web designer follows a set of steps as soon a client comes along. What are these steps and why they are used? These steps are used to organize things and monitor their process during the lifecycle of the project.

These six steps of web design are common and must be understood completely before you start the web design process.


Research or gathering information is usually the very first step of any web design project. Any information that is relevant to the project and helps a designer to understand their target audience is collected in this phase.

Before designing any web site you need to research these four things:

  • Purpose
  • Objectives
  • Target Viewers
  • Content


This phase is the most important one as it requires constant communication with the customer and as a result whole concept of the project is built.


All the ideas and concepts originated in the planning phase are implemented in the design phase. Design phase is further divided into sub-categories:

  • Wireframe
  • Slicing and coding
  • Designing
  • Mockup creation
  • Re-designing


This is where, work of designer diminishes as web developer take lead. The development involves a lot of programming as well as content creation. This is a very distressful and complicated process, as code requires organization, and commented.

Final Toughts

It is hoped, readers would now understand the basic concepts of web design and development with a lot more interest. People often say that web designing is not an easy thing to do and newbies should stay away from it. This is all rubbish, take your learning step by step and work according to plan. In a matter of few months you will be able to design a professional looking web site. However, this can only be achieved through persistence and hard work.

Remember, even the highly skilled web designers are like you when they start up. So, there is a possibility you will be able to follow their success. However, if you don’t have that much time to go deep into design process, you can always hire a web development company near you. A web designing company always takes care of client’s needs and delivers a product that is according to their wishes.

web design
web design | Source


    0 of 8192 characters used
    Post Comment

    • Khurram101 profile image

      Khurram Hussain 3 years ago from Islamabad


    • Besarien profile image

      Besarien 3 years ago

      Nice intro to web design!