�ݺ�ߣ

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

�ݺ�ߣ

Website Design Terminologies

Recommended

More Related Content

What's hot (20)

Similar to Website Design Terminologies (20)

Recently uploaded (20)

Website Design Terminologies