Web Design

Web Design Glossary of Terms

web design

Welcome to our comprehensive web design glossary, where we demystify essential terms and concepts to help you navigate the intricate world of web design with ease and confidence.

HTTP and Web Protocols

#

  • 301 Redirect
  • 404 Error

D

  • DNS

H

  • HTTP
  • HTTPS

R

  • Robot.txt

S

  • Sitemap URL

U

  • URL

#

301 Redirect

Permanent redirection from one URL to another, important for SEO.

404 Error

HTTP status code indicating a requested page was not found.

D

DNS (Domain Name System)

Translates domain names to IP addresses, directing web traffic.

H

HTTP (Hypertext Transfer Protocol)

Protocol for transferring web pages over the internet.

HTTPS (Hypertext Transfer Protocol Secure)

Secure version of HTTP, encrypting data transfer.

R

Robot.txt

File instructing search engines on how to crawl web pages.

S

Sitemap URL

Location where a site's sitemap is stored for search engine indexing.

U

URL (Uniform Resource Locator)

The web address used to access a specific resource online.

Programming and Scripting Languages

A

  • API

C

  • CSS

H

  • HTML

J

  • JavaScript
  • JSON

P

  • PHP

X

  • XML

A

API (Application Programming Interface)

Set of rules for software applications to communicate.

C

CSS (Cascading Style Sheets)

Stylesheet language for designing web pages.

H

HTML (Hypertext Markup Language)

Standard language for creating web pages.

J

JavaScript

Programming language for interactive web content.

JSON (JavaScript Object Notation)

Lightweight data-interchange format.

P

PHP (Hypertext Preprocessor)

Server-side scripting language for web development.

X

XML (eXtensible Markup Language)

Markup language for data sharing across systems.

Web Design and Layout

B

  • Back-end
  • Bootstrap

E

  • Elastic Layout

F

  • Fixed Width Layout
  • Fluid Layout
  • Front-End

R

  • Responsive Design

W

  • Wireframe

B

Back-end

Server-side operations and database interactions of a website.

Bootstrap

Framework for creating responsive web designs.

E

Elastic Layout

Layout using relative units for flexible design.

F

Fixed Width Layout

Layout with fixed dimensions regardless of screen size.

Fluid Layout

Layout adapting to the browser window size using percentages.

Front-End

User interface and experience components of a website.

R

Responsive Design

Design that ensures optimal display on various devices.

W

Wireframe

Blueprint outlining a webpage’s structure and layout.

Web Development Tools

C

  • Cache
  • CDN
  • CMS

D

  • DHTML
  • Doctype
  • DTD

E

  • External Style Sheet
  • Embedded Style

I

  • Inline Style

L

  • Lamp

N

  • Node.js

C

Cache

Temporary storage for frequently accessed web data.

CDN (Content Delivery Network)

Distributed servers delivering content based on user location.

CMS (Content Management System)

Software for managing website content.

D

DHTML (Dynamic HTML)

Combination of HTML, CSS, and JavaScript for dynamic web content.

Doctype

Declaration specifying the HTML version of a document.

DTD (Document Type Definition)

Defines the structure and rules of XML documents.

E

External Style Sheet

Separate CSS file linked to HTML for consistent styling.

Embedded Style

CSS written directly into the HTML document.

I

Inline Style

CSS that’s applied directly to HTML elements via the style attribute.

L

LAMP (Linux, Apache, MySQL, PHP)

Software stack for web server environments.

N

Node.js

JavaScript runtime for server-side applications.

User Interface (UI) and User Experience (UX)

B

  • Breadcrumb

B

  • Dropdown Menu

F

  • Focal Point
  • Fold
  • Font Family
  • Font Style
  • Font Weight

G

  • Graphical User Interface (GUI)

H

  • Header
  • Hover State

I

  • IFrame
  • Image Map

N

  • Navigation

L

  • Prefetch

U

  • User Interface (UI)
  • User Experience (UX)

B

D

F

Focal Point

The area of a webpage designed to draw attention.

Fold

The part of a webpage visible without scrolling.

Font Family

Group of fonts defined in CSS.

Font Style

Defines the style of text, such as italic or normal.

Font Weight

Thickness of text characters, such as bold or light.

G

Graphical User Interface (GUI)

Visual interface allowing user interaction with a web application.

H

Hover State

Visual change when a user hovers over an element.

I

IFrame

HTML element for embedding another document within the current page.

Image Map

Image with clickable areas linking to different destinations.

N

P

Prefetch

Technique for loading resources in advance for faster access.

U

User Interface (UI)

Visual elements enabling interaction with a website.

User Experience (UX)

Overall experience and satisfaction of users interacting with a website.

Web Hosting and Servers

B

  • Bandwidth

M

  • MySQL

S

  • Server

W

  • Web Hosting

B

Bandwidth

Amount of data transferred over a network in a given time.

M

MySQL

Relational database management system for storing data.

S

Server

Computer system providing data to other computers over a network.

W

Web Hosting

Service providing server space for websites.

Web Security

C

  • Ciphertext
  • Certified

D

  • Decryption

S

  • SSL/TLS Certificate

C

Ciphertext

Encrypted data that is unreadable without decryption.

Certified

Verification that a website is secure and trustworthy.

D

Decryption

Process of converting encrypted data back to its original form.

S

SSL/TLS Certificate

Digital certificates ensuring secure data transmission.

Web Content and SEO

E

  • eCommerce

F

  • Favicon

K

  • Keyword

L

  • Link Building

M

  • Meta Tag
  • Meta Data
  • Markup

S

  • SEO
  • Sitemap
  • Slug

E

eCommerce

Online buying and selling of goods and services.

F

Favicon

Small icon representing a website in a browser.

K

Keyword

Specific word or phrase used for SEO and content optimization.

L

Link Building

Strategy of acquiring backlinks to improve SEO.

M

Meta Tag

Provides metadata about a webpage in the header.

Meta Data

Information about data, used for SEO and content management.

Markup

Code used to structure and present content on the web.

S

SEO (Search Engine Optimization)

Techniques to improve website ranking on search engines.

Sitemap

List of pages on a website for search engine indexing.

Slug

List of pages on a website for search engine indexing.

CSS and Styling

E

  • EM
  • EX

F

  • Font Family
  • Font Style
  • Font Weight

H

  • Hexadecimal

Z

  • Z-index

E

EM

Unit of measurement relative to the parent element’s font size.

EX

Unit of measurement relative to the height of the lowercase "x".

F

Font Family

Group designation for typefaces in CSS.

Font Style

Defines the style of text, such as italics.

Font Weight

Specifies the thickness of text characters.

H

Hexadecimal

Base-16 numbering system used to define colours.

Z

Z-index

CSS property controlling the stacking order of elements.

Web Design Elements

E

  • Element

P

  • Plugin

W

  • Widget

E

Element

The basic building block of a web document, defined by tags.

P

Plugin

Software component adding specific features to a website.

W

Widget

Interactive elements added to a website for functionality.

Deprecated and Legacy Terms

D

  • Deprecated
  • Dither

D

Deprecated

Software component adding specific features to a website.

Dither

Technique for approximating colours in limited palettes.

Miscellaneous

B

  • Base Tag

C

  • Certified
  • Client-side

F

  • Footer

H

  • HIT
  • HTACCESS
  • Homepage
  • Hyperlink
  • Hypertext

I

  • Inline Frame
  • Inheritance

L

  • Liquid Layout
  • Link
  • Link Farm
  • Landing Page

M

  • Mega Menu

O

  • Optimizely

P

  • Page Speed

X

  • X-Ray Mode

Z

  • Zapier

B

Base Tag

Specifies the base URL for relative links.

C

Certified

Verification of security and trustworthiness.

Client-side

User-facing part of a web application.

F

H

HIT

Request for a single file from a web server.

.HTACCESS

Configuration file for managing server settings.

Homepage

Main page of a website.

Hypertext

Text with embedded links to other documents.

I

Inline Frame

HTML element for embedding another document.

Inheritance

CSS property values passed from parent to child elements.

L

Liquid Layout

Layout adapting to browser window size using percentages.

Link Farm

Website designed to increase link popularity.

Landing Page

Page where visitors enter a website.

M

Mega Menu

Large dropdown menu showing multiple options.

O

Optimizely

Tool for testing and measuring website performance.

P

Page Speed

Measure of how quickly web pages load.

X

X-Ray Mode

Visual display of element borders, margins, and padding.

Z

Zapier

Tool for connecting multiple web applications.