Basic glossary of web design terms for non designers (part 2)
1 like463 views
This document is a continuation of a glossary series providing web design terms for non-designers, covering various key concepts such as HTML, meta tags, and responsive design. Key definitions include the importance of homepages and landing pages, the role of hosting and navigation, and terms related to user interface and experience. The glossary aims to empower readers with essential vocabulary to better engage in discussions with design professionals.
Basic glossary of web design terms for non designers (part 2)
- 1. 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 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 NonDesigners (Part 2) https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 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 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 NonDesigners (Part 2) https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 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%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%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%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb- design- terms- part2%2F) (https://plus.google.com/share? url=https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%2Fblog.designveloper.com%2F2016%2F10%2F28%2Fweb- design- terms- part2%2F) (http://www.linkedin.com/shareArticle? mini=true&url=https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%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%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%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 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 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 NonDesigners (Part 2) https://blog.designveloper.com/2016/10/28/webdesigntermspart2/ 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 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