ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

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 imageAUTHOR

      Khurram Hussain 

      4 years ago from Islamabad


    • Besarien profile image


      4 years ago

      Nice intro to web design!


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)