basic glossary of web design terms for non designers (part 2)
TRANSCRIPT
12/1/2016 Basic Glossary Of Web Design Terms For NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 NonDesigners (Part 2)
https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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