SlideShare a Scribd company logo
WEBSITE DESIGN TERMINOLOGIES
Terms used with a particular technical application in a
particular subject
WEBPAGE
 A web page is a single document, generally
written in HTML/XHTML, meant to be
viewed in a web browser.
WEBSITE
 A set of interconnected webpages, usually
including a homepage, generally located on
the same server, and prepared and
maintained as a collection of information by
a person, group, or organization.
WEB BROWSER
 Browser refers to the program a website
visitor is using to view the web site.
Examples include Safari, Firefox, Google
Chrome, Opera, and Internet Explorer
DOMAIN NAME
 The name of the website that people type
into a browser to visit it.
URL
 Stands for Uniform Resource Locator. A
site’s URL is its address, the item that
specifies where on the Internet it can be
found.
HTML
 (HyperText Markup Language)
 It’s the primary language used to write web
pages.
 It’s primarily intended as a way to
provide content on websites (with CSS handling
the layout and stylistic options), though it can
also be used to determine how that content is
CSS
 Cascading Style Sheets
 Describes how HTML elements are to be
displayed on screen, paper, or in the media.
 Is a style sheet language used for describing
the look and formatting of a document written in
a MarkUp language.
styles that are written directly in the tag on
the document. Inline styles affect only the
tag they are applied to.
Inline Style Sheet
Internal Style Sheet - holds the CSS code for
the webpage in the head section of the
particular file. This makes it easy to apply
styles like classes or id's in order to reuse the
code
Internal Style Sheet
EXTERNAL STYLE SHEET
 External Style Sheet - This is a CSS
document that is written in a separate,
external document. The biggest
advantage to using an external style
sheet is that it can be linked to by multiple
HTML/XHTML files.
FAVICON
 Short for favourite icon also known as
a shortcut icon, website icon, tab icon, URL
icon, or bookmark icon, is a file containing
one or more small icons associated with a
particular website or webpage.
NESTING
 Refers to putting one HTML element within
another element. When this is done, the
elements have to be closed in the reverse
order from how they were opened.
HYPERLINK
 Is a reference to data that the reader can
directly follow either by clicking, tapping, or
hovering
Example: Hyperlink
TITLE ATTRIBUTE
 Text used to describe the webpage on top of
the browser window.
 A HTML title is recognizable by search
engines and should be carefully determined
ALT ATTRIBUTE
 Alternate text used to describe an image
 The alt attribute provides alternative
information for an image if a user for some
reason cannot view it.
CALL TO ACTION
 A button, arrow or other graphic element,
which entices a user to perform a particular
action.
HERO IMAGE
 A large banner image prominently placed on
a web page, generally in front and center.
 First visual a visitor encounters on the site
and its purpose is to present an overview of
the site’s most important content.
PROMO AREA/BANNER
 An area on a website which can be used to
promote products or services
EXIT PAGE
 An exit page is the last page a visitor may
see before exiting your website
Example: On many e-commerce, a shopping
cart is a popular exit page
INPUT FIELD
 A blank area where a user would input
specific text based information. They are
found within a form on a website.
WHITE SPACE
 It refers to the space around elements.
White space allows the elements to stand
out to the user.
SEO
 Search Engine Optimization
 The process of affecting the visibility of a website or
webpage in web search engines like Google, Yahoo
or Bing.
 Words Matter
 Titles Matter
 Links Matter
 Words in links
 Reputation
CMS
 Content Management System
 Allows its users to edit, delete and manage the
content of a website from a visual interface.
 A successful CMS requires no knowledge of
programming languages, CSS or HTML to easily
update a website.
Example: Expression Engine, WordPress, Magento.
Drupal
REFERENCES
https://www.smashingmagazine.com/2009/05/web-
design-industry-jargon-glossary-and-resources/
https://sarahlynndesign.com/blog/website-design-
terminology

More Related Content

PPTX
Core uc1-nursery facilities AGRICULTURAL CROP PRODUCTION
PPTX
Front-End-Development-Basics-and-HTML-Structure.pptx
PPTX
Ppt on Website Planning
PDF
introduction of search engine Optimisation
PDF
introduction of search engine Optimisation
PDF
Lesson 6
PPT
Design And Documentation
PPT
Web designing and publishing computer studies theory lesson
Core uc1-nursery facilities AGRICULTURAL CROP PRODUCTION
Front-End-Development-Basics-and-HTML-Structure.pptx
Ppt on Website Planning
introduction of search engine Optimisation
introduction of search engine Optimisation
Lesson 6
Design And Documentation
Web designing and publishing computer studies theory lesson

Similar to Website Design Terminologies (20)

PPT
Ch 1 Dreamweaver
PPTX
Basic of web design
PPTX
Web designing course bangalore
PPTX
SEO Basics: Foundations and Best Practices for Search Engine Optimization
PPSX
web devs ppt.ppsx
PPTX
What is Wordpress | What is HTML | Wordpress vs HTML
PPTX
Lit 20170306
PPTX
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
PPTX
Web Development basics with HTML,CSS, Js
PPTX
FRONTEND DEV BECOME A PRO AND UPSKILL YOUR KNWOLEDGE
PPT
TID Chapter 8 Web Page Development
PPT
Introduction to HTML
PPT
Web Page Authoring 1
PPT
Introduction to HTML
ODP
Wordpress
PPTX
Front end web development
PDF
Lesson 8 Computer Creating your Website.pdf
PPTX
Internet workshop
PPT
Introduction to Web Development Web Basics & HTML Tags
PPTX
Web topics.pptx
Ch 1 Dreamweaver
Basic of web design
Web designing course bangalore
SEO Basics: Foundations and Best Practices for Search Engine Optimization
web devs ppt.ppsx
What is Wordpress | What is HTML | Wordpress vs HTML
Lit 20170306
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
Web Development basics with HTML,CSS, Js
FRONTEND DEV BECOME A PRO AND UPSKILL YOUR KNWOLEDGE
TID Chapter 8 Web Page Development
Introduction to HTML
Web Page Authoring 1
Introduction to HTML
Wordpress
Front end web development
Lesson 8 Computer Creating your Website.pdf
Internet workshop
Introduction to Web Development Web Basics & HTML Tags
Web topics.pptx
Ad

Recently uploaded (20)

PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
sap open course for s4hana steps from ECC to s4
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
cuic standard and advanced reporting.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
Big Data Technologies - Introduction.pptx
PDF
KodekX | Application Modernization Development
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Spectroscopy.pptx food analysis technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
sap open course for s4hana steps from ECC to s4
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
“AI and Expert System Decision Support & Business Intelligence Systems”
cuic standard and advanced reporting.pdf
Encapsulation_ Review paper, used for researhc scholars
Chapter 3 Spatial Domain Image Processing.pdf
Big Data Technologies - Introduction.pptx
KodekX | Application Modernization Development
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Per capita expenditure prediction using model stacking based on satellite ima...
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Understanding_Digital_Forensics_Presentation.pptx
NewMind AI Weekly Chronicles - August'25 Week I
Spectroscopy.pptx food analysis technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Ad

Website Design Terminologies

  • 1. WEBSITE DESIGN TERMINOLOGIES Terms used with a particular technical application in a particular subject
  • 2. WEBPAGE  A web page is a single document, generally written in HTML/XHTML, meant to be viewed in a web browser.
  • 3. WEBSITE  A set of interconnected webpages, usually including a homepage, generally located on the same server, and prepared and maintained as a collection of information by a person, group, or organization.
  • 4. WEB BROWSER  Browser refers to the program a website visitor is using to view the web site. Examples include Safari, Firefox, Google Chrome, Opera, and Internet Explorer
  • 5. DOMAIN NAME  The name of the website that people type into a browser to visit it.
  • 6. URL  Stands for Uniform Resource Locator. A site’s URL is its address, the item that specifies where on the Internet it can be found.
  • 7. HTML  (HyperText Markup Language)  It’s the primary language used to write web pages.  It’s primarily intended as a way to provide content on websites (with CSS handling the layout and stylistic options), though it can also be used to determine how that content is
  • 8. CSS  Cascading Style Sheets  Describes how HTML elements are to be displayed on screen, paper, or in the media.  Is a style sheet language used for describing the look and formatting of a document written in a MarkUp language.
  • 9. styles that are written directly in the tag on the document. Inline styles affect only the tag they are applied to. Inline Style Sheet
  • 10. Internal Style Sheet - holds the CSS code for the webpage in the head section of the particular file. This makes it easy to apply styles like classes or id's in order to reuse the code Internal Style Sheet
  • 11. EXTERNAL STYLE SHEET  External Style Sheet - This is a CSS document that is written in a separate, external document. The biggest advantage to using an external style sheet is that it can be linked to by multiple HTML/XHTML files.
  • 12. FAVICON  Short for favourite icon also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons associated with a particular website or webpage.
  • 13. NESTING  Refers to putting one HTML element within another element. When this is done, the elements have to be closed in the reverse order from how they were opened.
  • 14. HYPERLINK  Is a reference to data that the reader can directly follow either by clicking, tapping, or hovering Example: Hyperlink
  • 15. TITLE ATTRIBUTE  Text used to describe the webpage on top of the browser window.  A HTML title is recognizable by search engines and should be carefully determined
  • 16. ALT ATTRIBUTE  Alternate text used to describe an image  The alt attribute provides alternative information for an image if a user for some reason cannot view it.
  • 17. CALL TO ACTION  A button, arrow or other graphic element, which entices a user to perform a particular action.
  • 18. HERO IMAGE  A large banner image prominently placed on a web page, generally in front and center.  First visual a visitor encounters on the site and its purpose is to present an overview of the site’s most important content.
  • 19. PROMO AREA/BANNER  An area on a website which can be used to promote products or services
  • 20. EXIT PAGE  An exit page is the last page a visitor may see before exiting your website Example: On many e-commerce, a shopping cart is a popular exit page
  • 21. INPUT FIELD  A blank area where a user would input specific text based information. They are found within a form on a website.
  • 22. WHITE SPACE  It refers to the space around elements. White space allows the elements to stand out to the user.
  • 23. SEO  Search Engine Optimization  The process of affecting the visibility of a website or webpage in web search engines like Google, Yahoo or Bing.  Words Matter  Titles Matter  Links Matter  Words in links  Reputation
  • 24. CMS  Content Management System  Allows its users to edit, delete and manage the content of a website from a visual interface.  A successful CMS requires no knowledge of programming languages, CSS or HTML to easily update a website. Example: Expression Engine, WordPress, Magento. Drupal