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.

1. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 1/7

Basic Glossary Of Web Design Terms
For Non-Designers (Part 2)
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 (https://blog.designveloper.com/2016/10/26/web-design-terms/), we covered the
terms organized alphabetically from letter “A” to letter “F”. In my ៗ�nal attempt to blow your mind with
the glossary of web design, we present the left one.
H
H o me Page
When visitors access your website, this is the 韛�rst 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 ៗ�rst impression”, ៗ�rst impression always matters, make sure it’s a good one!
H o s ting
Hosting allows you to make your website accessible via the internet. This is the web servers where
your website 韛�les are housed, served, and maintained.
W E B & M O B I L E D E V E L O P M E N T
( H T T P S : / / B L O G . D E S I G N V E L O P E R . C O M / C A T E G O R Y / W E B - M O B I L E - D E V E L O P M E N T / ) ,
W E B S I T E D E S I G N ( H T T P S : / / B L O G . D E S I G N V E L O P E R . C O M / C A T E G O R Y / W E B S I T E -
D E S I G N / )
B y Va n D o ( h t t p s : // b l o g . d e s i g n v e l o p e r. c o m / a u t h o r / v a n d o / ) o n O c t o b e r 2 8 , 2 0 1 6



2. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 2/7
HT M L
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.
H y per Links
Take this as an example: Designveloper (https://www.designveloper.com/). 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.
I
I n 屸nite S c ro lling
Its name already told it all! Inៗ�nite 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.
I n fo r matio n 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
L
Landing Pag e
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 speciៗ�c business purpose (usually in connection
with an advertising or marketing campaign)
Liq uid Layo ut
See Fluid Layout (https://blog.designveloper.com/2016/10/26/web-design-terms/)
M
M ega Tags


3. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 3/7
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.
M o ckup
Mockups are basically real size models of how your design is planned to look.
N
Navigatio n
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.
P
Pag e Temp late
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.
Plug-in
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.
R
Res p o ns ive Des ign
Responsive design creates the layout magically adjusts itself to 韛�t any sizes of the screen, whether
desktop, mobile or smart phone.
Here is 5 Compelling Reasons Why Your Website Should Be Responsive
(https://blog.designveloper.com/2016/09/13/responsive-website-design/)!
RS S
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.


4. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 4/7
S
S earch Engine Optimis atio n (S EO)
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.
S ingle- page S ites
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 (https://blog.designveloper.com/2016/08/19/beneៗ�ts-of-using-single-page-
webistes/) out for a deeper understanding.
U
U s er I nter fac e (U I )
The user interface is simply how a user interacts with the design on a page.
U s er Ex perience (U X )
UX focuses on the human interaction with the computer or device.
U RL
URL stands for Uniform Resource Locator. It’s the address that speciៗ�es where on the Internet a site
can be found.
W
W hite S pace
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.
Conclusion


5. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 5/7
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 ៗ�rst installment of this series? We’ve got you covered:
Basic Glossary Of Web Design Terms For Non-Designers (Part 1)
(https://blog.designveloper.com/2016/10/26/web-design-terms/)
(https://www.facebook.com/sharer/sharer.php?
u=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb-
design-
terms-
part2%2F)

(http://twitter.com/intent/tweet?
source=Designveloper
Software
agency
-
Meteor
prime
partner&text=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb-
design-
terms-
part2%2F)

(https://plus.google.com/share?
url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb-
design-
terms-
part2%2F)

(http://www.linkedin.com/shareArticle?
mini=true&url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10
design-
terms-
part2%2F&title=Basic%20Glossary%20Of%20Web%20Design%20Terms%20For
Designers%20%28Part%202%29&summary=There%20are%20so%20many%20jarg
part%20series.%20In%20Part%201%2C%20we%20covered%20the%20terms%20org
Software
agency
-
Meteor
prime
partner)

(http://www.tumblr.com/share/link?
url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10
design-
terms-
part2%2F&name=Basic%20Glossary%20Of%20Web%20Design%20T
Designers%20%28Part%202%29&description=There%20are%20so%20
part%20series.%20In%20Part%201%2C%20we%20covered%20the%20te

design terms
 web design
 web design terms
 web development terms

 Basic Glossary Of Web Design Terms For Non-Designers (Part 1)
(https://blog.designveloper.com/2016/10/26/web-design-terms/)
 (https://blog.designveloper.com)


6. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 6/7
Crucial Tips For Creating A Responsive Website  (https://blog.designveloper.com/2016/11/02/responsive-
website-tips/)
Y O U M AY A L S O L I K E
B a s i c G l o s s a r y O f W e b D e s i g n T e r m s
F o r N o n - D e s i g n e r s ( P a r t 1 )
(https://blog.designveloper.com/2016/10/26/web-
design-terms/)
R e a s o n s W h y V i s i t o r s L e a v e Y o u r
W e b s i t e I n 1 0 S e c o n d s
(https://blog.designveloper.com/2016/10/13/reasons-
for-leaving-a-website/)
R i d i c u l o u s M i s c o n c e p t i o n s A b o u t
W e b D e s i g n
(https://blog.designveloper.com/2016/09/27/we
design-misconceptions/)
  
 


7. 12/1/2016 Basic Glossary Of Web Design Terms For Non­Designers (Part 2)
https://blog.designveloper.com/2016/10/28/web­design­terms­part2/ 7/7
What To Consider Before Deploying A
Meteor App?
3 comments • 4 months ago•
Van Do — Thanks for sharing. Great article
by the way! :)
Designveloper at AngelHack Ho Chi
Minh 2016 Hackathon
1 comment • 5 months ago•
vienpn — good job
Watch Out These Hottest Web Design
Trends in 2016
1 comment • 4 months ago•
Hung Vo Hoang Manh — The trends exist
for a couple of years but Micro interactions
is worth to spend more time on.
Meteor Deep Dive – Reactive
Programming With Tracker
4 comments • 3 months ago•
Serge P. INCHAUD MAMBO — Great job
miss thanx for all!
ALSO ON BLOG.DESIGNVELOPER.COM
0 Comments blog.designveloper.com Login1
Share⤤ Sort by Best
Start the discussion…
Be the first to comment.
Subscribe✉ Add Disqus to your site Add Disqus Addd Privacy🔒
Recommend  2
Call me Cloudy. I'm just a girl who wants to enjoy every moment of her journey.
A B O U T A U T H O R
