Basic Glossary Of Web Design Terms For Non-Designers (Part 2)

By on October 28, 2016

Basic web design terms for non-designers

There are so many jargon when it comes to web design that we’re breaking them up over a two-part series. In Part 1, we covered the terms organized alphabetically from letter “A” to letter “F”. In my final attempt to blow your mind with the glossary of web design, we present the left one.


Home Page

When visitors access your website, this is the first thing catching their eyes. The home page usually gives viewer an overall look of your company. Just like a saying that goes: “You never get a second chance to make a first impression”, first impression always matters, make sure it’s a good one!


Hosting allows you to make your website accessible via the internet. This is the web servers where your website files are housed, served, and maintained.


HTML stands for Hypertext Markup Language which is the main language used to write webpages and used by your browser to display your site to the user. It allows the system to know what is supposed to be an image, and what is supposed to be text copy.

Hyper Links

Take this as an example: Designveloper. Clicking on that words and you will be taken to another web page. That’s how hyper links work. It’s a link from one web page to another, either on the same site or another one. Usually these are text or images and are highlighted in some way.


Infinite Scrolling

Its name already told it all! Infinite Scrolling refers to layouts with very long pages that require lengthy scrolling. It is actually a popular trend on the web design scene right now.

Information Architecture

It refers to the organization of the information, dealing with what pages go where in a website’s structure, what content is contained on each page and how each of these interact with other pages within the site


Landing Page

In the purest sense, a landing page is any web page that a visitor can arrive at or “land” on. Oftentimes, a special landing page is designed for a specific business purpose (usually in connection with an advertising or marketing campaign)

Liquid Layout

See Fluid Layout


Mega Tags

Meta Tags are an HTML tag which provide information about a given web page such as description, author, copyright, etc. One of the reasons they are used is to assist search engines categorise a website correctly.


Mockups are basically real size models of how your design is planned to look.



The elements that appear on a website to take you to different pages. While it is most often thought of the “menu bar” located on the top or side of a website, it can also include text links at the bottom of the page.


Page Template

This term refers a unique page layout for a website. Your website can have multiple templates. For example, the homepage and contact page of a website look different and contain different elements, therefore they are two different page templates.


A plug-in is a bit of third party code that extends the capabilities of a website. It provides a way to extend the functionality of a website without having to redo the core coding of the site.


Responsive Design

Responsive design creates the layout magically adjusts itself to fit any sizes of the screen, whether desktop, mobile or smart phone.

Here is 5 Compelling Reasons Why Your Website Should Be Responsive!


It’s also referred to Really Simple Syndication. RSS allows content to be syndicated from one site to another. It’s most commonly used on blogs.


Search Engine Optimisation (SEO)

SEO is a crucial element of any website design and development and it is the method that help search engines (such as Google, Yahoo, Bing, etc.) understand the information on your website in order to rank higher in organic search results. This includes metatags and ALT attributes.

Single-page Sites

Basically, single-page sites are nothing but a single page without any additional pages.Instead of using main navigation, with single-page sites, the whole page exist on only one long page which offer a faster and clear reading experience.

Check this article out for a deeper understanding.


User Interface (UI)

The user interface is simply how a user interacts with the design on a page.

User Experience (UX)

UX focuses on the human interaction with the computer or device.


URL stands for Uniform Resource Locator. It’s the address that specifies where on the Internet a site can be found.


White Space

White space is also called called negative space. It’s the blank space that surrounds text, images or other parts of the page. One more thing adding, white space is not necessarily white but uses the background color of the site.


That’s a look at some of the more common web design terms you’ll see in the web world. Now you’re practically a web designer, right? Just kidding! But guess what? You are totally ready for your meetings with a design agency!

By no means is this the be-all-end-all of web design terminology… so feel free to add your own glossary in the comments as well.

Did you miss out on the first installment of this series? We’ve got you covered:

  • Basic Glossary Of Web Design Terms For Non-Designers (Part 1)
  • Leave Comment

    About Author


    Hi, my name is Van. I’m a stubborn introvert, an iced milk tea drinker, a barefoot kitchen dancer, a singer of shower time and an enthusiastic copywriter dying to write about anything around my world.



    • Today Visitor: 113
    • Month Visit: 59,371
    • Total Posts: 121


    Facebook By Weblizar Powered By Weblizar