Basic glossary of web design terms for non designers (part 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/ 1/7

Basic Glossary Of Web Design TermsFor Non-Designers (Par t 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.

HH o m e P a g eWhen 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 t i n gHosting 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 V a 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

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

H T M LHTML 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 p e r L i n k sTake 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.

II n 屸 n i t e S c r o l l i n gIts 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 f o r m a t i o n A r c h i t e c t u r eIt 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

LL a n d i n g P a g eIn 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)

L i q u i d L a y o u tSee Fluid Layout (https://blog.designveloper.com/2016/10/26/web-design-terms/)

MM e g a Ta g s

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 c k u pMockups are basically real size models of how your design is planned to look.

NN a v i g a t i o nThe 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.

PP a g e Te m p l a t eThis 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.

P l u g - i nA 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.

RR e s p o n s i v e D e s i g nResponsive 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/)!

R S SIt’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.

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

SS e a r c h E n g i n e O p t i m i s a t i o n ( S E O )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 i n g l e - p a g e S i t e sBasically, 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.

UU s e r I n t e r f a c e ( U I )The user interface is simply how a user interacts with the design on a page.

U s e r E x p e r i e n c e ( U X )UX focuses on the human interaction with the computer or device.

U R LURL stands for Uniform Resource Locator. It’s the address that speciៗ�es where on the Internet a site

can be found.

WW h i t e S p a c eWhite 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

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%2F28%2Fweb-

design-

terms-

part2%2F&title=Basic%20Glossary%20Of%20Web%20Design%20Terms%20For%20Non-

Designers%20%28Part%202%29&summary=There%20are%20so%20many%20jargon%20when%20it%20comes%20to%20web%20design%20that%20we%E2%80%99re%20breaking%20them%20up%20over%20a%20two-

part%20series.%20In%20Part%201%2C%20we%20covered%20the%20terms%20organized%20alphabetically%20from%20letter%20%26%238220%3BA%26%238221%3B%20to%20letter%20%26%238220%3BF%26%238221%3B.%20In%20my%20ៗ�nal%20attempt%20to%20blow%20your%20mind%20with%20the%20glossary%20of%20web%20design%2C%20we%20present%20the%20left%20one.%20H%20%5B%26hellip%3B%5D&source=Designveloper

Software

agency

-

Meteor

prime

partner)

(http://www.tumblr.com/share/link?

url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb-

design-

terms-

part2%2F&name=Basic%20Glossary%20Of%20Web%20Design%20Terms%20For%20Non-

Designers%20%28Part%202%29&description=There%20are%20so%20many%20jargon%20when%20it%20comes%20to%20web%20design%20that%20we%E2%80%99re%20breaking%20them%20up%20over%20a%20two-

part%20series.%20In%20Part%201%2C%20we%20covered%20the%20terms%20organized%20alphabetically%20from%20letter%20%26%238220%3BA%26%238221%3B%20to%20letter%20%26%238220%3BF%26%238221%3B.%20In%20my%20ៗ�nal%20attempt%20to%20blow%20your%20mind%20with%20the%20glossary%20of%20web%20design%2C%20we%20present%20the%20left%20one.%20H%20%5B%26hellip%3B%5D)

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)

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 sF 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 rW 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 tW e b D e s i g n

(https://blog.designveloper.com/2016/09/27/web-

design-misconceptions/)

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 AMeteor App?3 comments • 4 months ago•

Van Do — Thanks for sharing. Great articleby the way! :)

Designveloper at AngelHack Ho ChiMinh 2016 Hackathon1 comment • 5 months ago•

vienpn — good job

Watch Out These Hottest Web DesignTrends in 20161 comment • 4 months ago•

Hung Vo Hoang Manh — The trends existfor a couple of years but Micro interactionsis worth to spend more time on.

Meteor Deep Dive – ReactiveProgramming With Tracker4 comments • 3 months ago•

Serge P. INCHAUD MAMBO — Great jobmiss thanx for all!

ALSO ON BLOG.DESIGNVELOPER.COM

0 Comments blog.designveloper.com Login1

 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