101 Web Design Terminologies Every Business Executives Should Know

It is rare for a business owner or a marketing manager to know web design terminologies. However, this does not mean that you should not try to understand these terms. There are times when communicating with a web designer can be frustrating because you don’t know how to express yourself in their terms.

In this guide, we will help you understand what your web designers are talking about.

A

ABOVE THE FOLD

Above the fold used to mean the upper half of a newspaper page, now it means the visible part of the web page that the visitor sees without scrolling. Since desktop, mobile, and tablet devices have various screen sizes, your web designer must put it into consideration when doing the content layout and placement.

Because it is the most visible to your website visitor, the content you place above the fold should be the most important element to achieving your business goal. This will rely on collaborating with the web designer and clearly pointing out your business goals and website purpose.

Aside from this, you have to make sure that the above the fold gives the best user experience to your visitors to convince them to stay. If the above the fold is not presentable nor interesting enough to the web visitors they will immediately exit your page, and this will increase your page bounce rate. The higher the bounce rate, the lower your page will rank in search pages.

See also: Below the Fold

ACCESSIBILITY

When designing a website, it is important to make it readily available even to people with disabilities including visitors who are using screen readers and individuals who have hearing impairments. A website with lo accessibility will not be able to give a positive user experience for those with disabilities. When making a website design, it is important to consider your site accessibility to provide the best user experience to every visitor.

ALIGNMENT

Alignment is lining up the top, bottom, sides, or middle of graphic elements (e.g. texts, images, videos, buttons, etc.). The alignment is not simply choosing a matter of whether you want to line up the elements to the left or to the right. Instead, you have to use the best type of alignment to improve your web design and user experience.

This means that proper design will make your webpage visually appealing and gives the users the ability to easily scan through the content and give a calmer reading experience. You do not have to choose only one alignment in your web design, instead, you can use a mixture of different alignments such as: centered, fully justified, right-justified or ragged left and left-justified or ragged right.

The sample below shows some text is centered and the lower paragraph is left-justified. On the other hand, the buttons “Create an Ad” and “Create a Page” are right-justified.

AJAX

AJAX stands for Asynchronous JavaScript and XML. Unlike what many executives think about this web design terminology, AJAX is not a new programming language. AJAX is a group of existing technologies:

  • HTML (or XHTML) and CSS for presentation
  • The Document Object Model (DOM) for dynamic display and interaction with data
  • JSON or XML for the interchange of data
  • The XMLHttpRequest object for asynchronous communication
  • JavaScript to bring together the technologies mentioned above

AJAX used these technologies to update parts of a webpage without reloading the page.

Let’s say you clicked a button on a webpage. You might be seeing the same page, but what actually happens is a series of action:

  1. JavaScript creates an XMLHttpRequest object.
  2. The XMLHttpRequest object sends a request to a web server.
  3. The server processes the request.
  4. The server sends a response back to the web page.
  5. The response is read by JavaScript.
  6. JavaScript executes the proper action.

With conventional website (without AJAX) the information is transmitted to and from the server with synchronous requests. If you fill in a form and hit submit, you will be directed to a new page.

B

BACK END

The back end is the part of a website hidden from the view of regular visitors. It generally consists of the server, an application, and a database. The back-end developers use clean, portable and well-documented codes for a website to exist and function.

Before back-end developers write codes and create the backbone of a website, they collaborate with the business stakeholders to understand the objectives of the website and what message it needs to convey to the user. The developer will then translate these into technical requirements.

See also: Front End and Full Stack

BANDWIDTH

Bandwidth generally means the volume of information per unit of time that a transmission medium such as an internet connection can handle. Bandwidth is measured in terms of bits-per-second (bps), kilobits per second (kbs), or Hertz (Hz).

An internet connection with a higher bandwidth can move a large volume of data faster than an internet connection with lower bandwidth. In simpler term, the more bandwidth you have, the more data you can load in a shorter time.

What does this web development terminology mean for your business website? When planning to have a website and choosing your web hosting service, you have to predict the amount of bandwidth you’ll need. This is because the more bandwidth a web host can provide, the more people can visit your site at the same time without the site caving in under the stress of high traffic.

You must also consider your users’ bandwidth. The more complicated your company website design (with videos, large images, online apps, and audio), the slower will be its loading time on the user’s end especially if their bandwidth is low.

Remember that web users have a short attention span. If your page loads slowly, they will lose patience and will just revert back to the previous page. At the same time, when Google rank pages it considers page speed and the time the users spent on a particular page.

BELOW THE FOLD

Below the fold used to mean the lower half of a newspaper page. Now, this website design terminology refers to the page of the webpage which the visitors see once they begin scrolling down the page.

Below the fold has no exact placement as the precise location can change depending on the screen size of the device. The contents in below the fold have the lower likelihood to be viewed. The lower placing of a certain content, the less viewability it has.

This is why during the planning stage, it is important to communicate your priorities and goals to your website designer.

BREADCRUMB

Breadcrumbs or breadcrumb trail is a specific website navigation technique that appears horizontally near the top of a Web page. It provides links back to each previous page. It helps the users trace their paths back to the page where they originally landed. This website design terminology comes from the fairy tale “Hansel and Gretel.”

You will usually see this on websites with vast content such as well-established blogs.

BROWSER

The browser refers to the program (such as Firefox, Google Chrome, Opera, and Internet Explorer) which a website user is utilized to view a website.

C

CACHE/CACHING

Cache an information technology wherein you temporarily save data such as HTML pages and images to reduce server lags when you visit a website. Cache files are downloaded by a web browser to make page loading faster. However, since the files have been saved, you may not see the page’s latest version (in case it was updated) unless you clear up the cache.

When deleting the cached files, you have to go to the web browser’s settings and then delete them. However, you will also be deleting all the settings that go to the website or app.

CASCADING STYLE SHEETS

CSS or Cascading Style Sheets are often used for formatting and laying out websites including fonts, colors, and spacing to web pages. CSS helps the simplification of a site’s HTML files. This means that it saves a lot of time.

Originally, HTML was not intended to have style formatting options. The web developers used to simply describe the content such as:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font> and color attributes were introduced in HTML 3.2 specification, it has given the web designers a lot of work with large websites. The font styles and colors had to be added to every single page.

CSS solved this problem as it removed the style formatting from the HTML page. With CSS you can implement the changes on the site all at once. There is no more need to painstakingly update each webpage every time the site’s layout, font, and colors have to be changed.

The style definitions are normally saved in external .css files. This way, web developers can easily change the look of the entire website just by altering the external stylesheet file.

See also: External Stylesheet File

CONTENT MANAGEMENT SYSTEM

A content management system (CMS) is a backend tool (e.g. WordPress) used to create, edit, manage, upload, and publish content displayed on the website. It is separate from the design and functionality of the site.

Features can vary amongst the various CMS offerings:

  • Search through the website’s content by attributes (such as publication dates, keywords or author).
  • Edit the content even after the publication.
  • Regulate when content is displayed such as how many times the content is shown to a specific user.
  • The revision control can also track the changes made on the file by individuals.
  • Manage how the content interacts with other elements of the website.
  • Aside from these, you can also use templates and other tools to modify contents.

The best feature it is famous for is its easy accessibility and control that even people without extensive technical training can use it.

CONVERSION

Conversion happens when a website visitor completes the goal you have set on your individual page. This does not necessarily mean that there must be an actual purchase. Even clicking a Call-to-Action button to register or downloading an eBook are also considered a conversion if that is the goal or purpose you have set for the page. The definition of conversion will depend on your business model.

You need to make sure that you have set specific and realistic goals that correspond to your business objectives. This way you can measure the effectivity of each page.

CONVERSION PATH

The conversion path is the step-by-step description of the web visitors’ journey in your website. It begins the moment the web visitors arrive on the landing page and then proceeds to every step until reaching conversion. A good conversion path needs quality content, catchy call-to-action, a landing page that speaks to the visitors and an optimized thank you page.

You need a conversion path in your company website to know the journey of your potential clients and how to steer them into reaching conversion.

CONVERSION RATE

The conversion rate is the percentage of web visitors who take the desired action which you have set on the particular page.

COOKIE

Cookies are small files or data that are stored in the visitor’s browser directory from the store website. Cookies are created when a visitor browse your website.

This will help you track your visitor’s browsing activities on your website, this way you can give a personalized experience to each visitor. Once the visitors go back to your website, they can pick up where they have left off. The cookies can also remember their registered login, theme selection, preferences, and other created customizations in your website.

CSS FRAMEWORK

The CSS framework is a pre-prepared software framework (structure of files and folders of standardized code) used as the starting point to make XHTML and CSS websites. These frameworks have snippets of codes that you can copy and paste to make your website easier.

There are various CSS frameworks that you can choose from such as Bootstrap, HTML5 Boilerplate, Foundation, and Skeleton.

D

DEPRECATED

Deprecated elements are elements such as codes that can still be used but are expected to be removed (will be obsolete) entirely in the future versions of HTML. This happens when a new more efficient alternative is introduced in its place.

DHTML

DHTML is a web design terminology that stands for Dynamic HyperText Markup Language. It is a combination of XHTML (any other markup language), JavaScript (any a client-side scripting language), CSS (any presentation definition language), and the Document Object Model (DOM) to create a dynamic and interactive web content.

This enhances your web users’ experience through animation and dynamic positioning of page elements. You can even allow your visitors to change the web page’s color, font, size or content.

DITHERING

Dithering is the attempt of a computer program to arrange the placement of pixels to emulate colors that the computer can’t display. Dithering occurs when the images or GIF in a web page have colors that a particular operating system can’t support. The browser will then attempt to replace the requested color by combining pixels of different colors side by side. See the photo samples from Web Style Guide:

Because of this, browser-safe colors are recommended to avoid dithering.

DNS

Domain Name Servers (DNS) are the Internet’s version of a phone book. They maintain a large directory of domain names and translate them into their respective IP addresses because people easily remember domain names, however, computers can only access websites via IP addresses.

When you assign your domain name to the servers, the DNS will be provided of your IP address. When a web users type in your domain name in their web browsers, the DNS servers translate the domain name to your IP address to point the browsers to the right web server.

DOCTYPE

A document type declaration (DOCTYPE) is used to specify which version of HTML is used in a document. Use <!DOCTYPE html> to prevent a browser from switching into “quirks mode” when rendering a document,

DOM, THE

DOM stands for Document Object Model. The DOM is a programming interface for HTML and XML documents. It represents the document as nodes and objects to define the logical structure of documents. It also represents the page for programs to change the document structure, style, and content.

DOMAIN

The domain is the name which your website is identified with. You can see it at the top of your browser window which starts with “http://” in the URL bar. Your website is identified with an IP address which is used by computers to connect it to the server. However, humans can remember words and names easier than a series of numbers. Domain is directly associated with an IP address.

Once the web user types in your domain name in the web browser, the DNS will translate it into your website’s IP address to direct the browser to the correct server.

The domain name can be anywhere up to 26 to 63 characters long depending on the extension (.com, .net, .org, etc.).

See also: DNS

DTD

DTD stands for Document Type Definition. It is one of several SGML and XML schema languages which provides a list of the attributes, comments, notes, and other elements in a document along with their relationships to each other.

DTD is vital for your company website. When your website is accessed using a browser, it will download the document type definition specified in the source code. Then it will be applied to the document to be opened. This way, the characters will be correctly interpreted.

E

E-COMMERCE

E-commerce, also known as electronic commerce is a business model which involves buying and selling of goods online through websites. The products sold in e-commerce websites can be tangible products that require shipping or digital products that are delivered electronically such as electronic gift checks.

ELEMENT

Elements are the smallest piece of reusable information in a website. Since element data can be reused within the websites, you and your web designer should carefully align how the website’s segment should be broken down based on your business goals.

EM

Em is a shorten web design terminology for “emphasis.” Web designers use the <em> tag as a phrase tag to render emphasized text. Most browsers support this tag. However, though this tag is not deprecated, you can use other tags to give text richer effect.

EMBEDDED STYLE SHEET

Embedded style sheet is a CSS style specification method is only used with HTML. It only allows you to change the elements on a certain page without affecting the other pages of the site. Embedded style sheets are suitable for docs with unique design requirements. However, if you need to make a change for a couple of documents you have to use an external style sheet.

EPS

EPS stands for Encapsulated PostScript. This is a file extension for a graphics file format used for vector images that contain both text and graphics. EPS is used widespread though most web designers consider it as outdated. An EPS file can be converted to TIFF, JPG, PDF, PNG or other graphic file formats.

EX (x-height)

Ex is a measurement of font height or size wherein the “x-height” is the height of font’s lowercase “x”. This means the size of the content can be set based on the size of the surrounding fonts

EXTENSIBLE MARKUP LANGUAGE

XML is just information wrapped in tags. It is a markup language used for writing custom markup languages. It does not have an extravagant effect because it is designed to store, describe, and transport data as it is. This allows different kinds of computers and applications to share information smoothly.

EXTERNAL STYLE SHEET

This is a CSS document allows web designers to create change in an entire website by changing just one file. It is written in an external document that can be linked to by multiple HTML/XHTML files.

If you want to implement a change to multiple pages, each page must include a reference to the external style sheet file inside the <link> element.

F

FAVICON

The favicon is the small icon which people can associate with your website. The size is so tiny that it can only be 16×16 pixels up to 32×32 pixels. These customizable icons are displayed on the address bar in most browsers and search engine tabs. It can also be called as a shortcut icon, tab icon, URL icon, or bookmark icon.

You can take advantage of the favicon by using it as a part of your branding. Consult your web designer on making a favicon that can be recognizable despite its size.

FOCAL POINT

Focal points are areas of interest the web visitors will be most drawn to in a web page. Since you only have a couple of seconds to catch their attention, you must use an image, a banner, text, Flash content, or just about anything else to catch their attention and convey your message.

A well-designed website includes clear focal points that convince the visitor to stay on the site. It is vital not to confuse your visitor with various elements that point out different ideas. Aside from this, your focal point does not have to be limited in the home page. Remember that you have other landing pages to welcome your web visitors.

FOLD

Fold is a term derived from the glory days of printed newspapers wherein the fold refers to the imaginary line where the newspaper is folded in the middle. However, its meaning has changed in web design terminology. The fold in a webpage is the imaginary line between part of the web page that the visitors first see and part of the webpage they see once they scroll down.

The space above the fold will be different depending on the devices’ screen sizes. As a business owner, this is an important fact to bring better user experiences and optimize your conversion rate. The placement of your banner, text content and even call-to-action buttons can impact the users’ experience on your webpages.

 

See also: above the fold, below the fold

FONT-FAMILY

Font family allows you to specify a font for the browser to apply to the selected elements. The font family tags list multiple fonts that are used on documents and usually ends with the generic font category. The browser will apply the set fonts that it can support. In case that the font indicated is not available on the user’s device or computer OS, the browser will use a default font.

While you want your website design to stand out, use web safe fonts which are usually supported by most OS including Windows, Mac, Linux, iOS, and Android.

FONT STACK

A font stack is the instruction in a page of CSS code. It simply tells a browser what fonts to display and what to do should the font is not available.

FONT WEIGHT

The font weight is the thickness or thinness (bold or light) of a font.

FRONT-END

The front-end of the website is the part of the website which the users see interact with. This gives front-end a more popular name as User Interface. A User Interface (UI) Designer is responsible is mostly responsible for the web design but should also be well versed with HTML and CSS so they can communicate their ideas to the back-end developer.

As a business owner, you must convey your business goals and priorities with your web designer. This way it will be reflected on the web’s front-end.

G

GRACEFUL DEGRADATION

Graceful degradation is a design philosophy wherein a website must still function as new browsers are introduced. And though some parts do not work in new browsers, the website’s essential content and functionality are still intact.

The operating efficiency or speed declines gradually but it will not immediately cause catastrophic failure. On the other hand, you can ask your web developer to do progressive enhancements.

See also: progressive enhancement

GRAPHICAL USER INTERFACE

GUI (sometimes pronounced as gooey) allows the use of icons or other visual indicators to interact with electronic devices. It uses input devices (such as a mouse or a stylus) for the users to interact with the web application without a need to use any code. GUI is now employed by all modern operating systems especially that touchscreen devices are more prominent with web users.

Source: https://dribbble.com/shots/1701001-GIF-Exercise

GRADIENT

Gradient is a design technique of the gradual blending from one color to another. It can add depth to makes objects stand out with a new dimension. Web designers can also mimic distance to a light source by blending a color with either white or black. You can use gradient in background, buttons, logos, and headlines. However, do not overuse gradient

GIF

GIF is web design terminology that refers to Graphics Interchange Format. It is an image file format commonly used in the web for small image files with few colors and designs. It is also especially known for or animated images.

H

HEXADECIMAL

Hexadecimal is also known as the hex color codes which are a base-16 numbering system. This system is used to define colors online especially that web designers and users have different color resolutions in their devices.

Hex color codes contain numerals 0-9 and letters A-F. They are written in three sets of hex pairs since screen colors are RGB (Red, Green, Blue). The first set defines the red hue, the second set defines the green hue, and the third set defines the blue hue.

.

.HTACCESS

An .htaccess file is a way to configure the elements in your website without altering the server config files. It is the default directory-level configuration file on Apache servers. You specify authorization and authentication, rewriting of URLs, cache control and customized error responses within the .htaccess file.

The period that starts the file name will keep this file hidden within the folder. Just make sure to save the file name as .htaccess file without any other extension or name.

HTML

Hypertext Markup Language (HTML) is the primary language used to write web pages. It is primarily intended to provide content on websites, but it can also be used to determine how the content will be displayed.

HTML TAG

The <html> tag is a bit of code that tells the browser how that particular piece of the web page it’s on is formatted. It also represents the root of an HTML document. The typical HTML tags specify headings, paragraphs, links, and other elements.

HTTP

HTTP is a web development term that stands for HyperText Transfer Protocol. It is a set of underlying protocols for transferring hypertext requests between a web browser and a web server. It also defines the actions web servers and browsers should take according to various commands.

HTTPS

HTTPS stands for HyperText Transfer Protocol over SSL (Secure Socket Layer) or HyperText Transfer Protocol Secure. HTTPS is a set of protocols for transferring hypertext requests between browsers and servers, however, it’s done over a secure, encrypted connection.

HYPERLINK

A hyperlink is a link from one web page to another. It can be a link between two pages of the same site or another one. These can either be texts or images that are highlighted usually with an underline and a different font color/weight. Hyperlinks are activated through a click.

HYPERTEXT

Hypertext is a text that contains a link (hyperlink). Despite its name, it can also be tables, images, videos and other graphics. Once you click on the hypertext, you will be directed to a new browser page or tab.

I

IMAGE MAP

An image map is used in XHTML and HTML to allow different parts of an image to become clickable elements. Each clickable part is linked to a different destination. This is unlike a single image which directs a web visitor to only one destination no matter which part of the image was clicked.

INHERITANCE

As a web design terminology, inheritance means that an element will take on the style of their parent element within the document tree if it has no pre-defined style.

INLINE STYLE SHEETS

This refers to a style sheet information applied to the current element. The CSS written directly affects the element it is intended for and the styles are going to be applied no matter what else is dictated in the external stylesheet

J

JPEG

JPEG refers to Joint Photographic Experts Group. It is a standard image file format that reduces the original size of the saved image by disposing redundant pixels.

L

LAMP

LAMP stands for Linux (operating system), Apache (HTTP Server), MySQL (relational database management system), and PHP (programming language). It refers to the specifications of a web server. One of the advantages it is well known for is that LAMP is a group of open source software. Since it has four layers called LAMP stack.

LANDING PAGE

The landing page is the page where a web visitors first enter your website. This is not necessarily the homepage. Rather, a specific landing page is created to prompt the visitors to complete a specific action or get converted. The landing page is usually connected to an advertising or marketing campaign.

See also: conversion

LIQUID LAYOUT

A liquid layout refers to a site that changes with the width of the browser even after the web visitor resize the web browser while viewing the page.

M

MARKUP

Markup is a coding which includes the sequence of characters or symbols inserted at certain places in a text or word processing file to change it into an HTML, XML, or other Markup Language document.

METADATA

Metadata is the data which provides information about the web page content that a visitor is currently on. A text, image or other elements can contain a metadata. Let’s say an image has a metadata. It will contain information such as how large the picture is, the image resolution, the color depth, when the image was created, and other data.

With search engine marketing, metadata can also be used to give a short description of what the content of the page is about. The metadata may be a short snippet of the content or a unique description which you can’t see on the landing page.

META TAG

A meta tag is an HTML tag consisting of short snippets of text that describe a page’s content. The right tag is important and must align with the content of the right landing page to give positive user experience.

N

NAVIGATION

Navigation is a system that allows the web visitors to around the site. It most often thought of in terms of menus, however, this web design terminology also includes links within pages, breadcrumbs, related links, and any other links that allow a web user to move from one page to another.

NESTING

Nesting is putting one HTML element within another element.  When nest a content, the elements have to be closed in the reverse order from how they were opened: <p><b><i>sample text</i></b></p>

NON-BREAKING SPACE

 

The non-breaking space is a character entity which can create white space between words or web page elements. Its main function is to hold open table cells and spacing of words.

O

OPEN SOURCE

Open source is the source code of a computer program made available to the general public. It is a software which includes web-based and desktop applications that are generally free or very low cost.

ORPHAN PAGE

This website page which is not linked to by any other webpage. A web users may not be able to find this page unless they access it through a sitemap. However, web users rarely do it. On the other hand, some orphan pages are created on purpose. These are private pages used by webmasters and are not intended for wen visitors to use.

P

PAGEVIEW

Pageview or page impression is a request to load a single HTML file of an entire webpage. Every time a web user visits a page, it is considered a pageview. The more pageviews a web page gets, it means it is

PERMALINK

This web development terminology is a short version of “permanent link.” This is generally used in blogs as it is a link that is the permanent web address of a given blog post. Most of the time a blog content is changed. The permalink makes sure that the readers can find the page again through a bookmark or when it is linked to specific posts.

PIXEL

The pixel is the smallest element of an image on a device or computer screen.

PIXEL PER INCH (PPI)

PPI is a way to measure an image resolution. The image size is measured based on the number of pixels within a section of the image.

PNG

PNG is an image file format which is best used for images with large areas of uniform color or transparent background. This is handy when saving your company logo which you don’t want to have a permanent background.

PLUG-IN

A plug-in can be a third party code that extends the capabilities of a website. It is a way to extend the functionality of a website without having to redo its core coding. This web design term can also refer to bits of third-party software installed within a computer program.

PROGRESSIVE ENHANCEMENT

Progressive enhancement is a web design strategy using web technologies in a layered fashion. This allows everyone to access the basic content and functionality of a web page. This also allows web user with higher bandwidth or advanced web browser to enhance the version of the webpage.

PROPERTY

As a web design terminology, the property is a CSS term. It defines how a style should appear on a web page.

R

REALLY SIMPLE SYNDICATION

RSS a standardized XML format. This allows the content to be syndicated from one site to another. This is usually used in blogs as RSS allows to subscribe to a blog or other site. The web users can also receive updates via a feed reader.

RESOLUTION

Resolution is a way of measuring the sharpness and level of detail in an image. It does not follow the number of pixels or dots per inch as the image pixels can be changed by changing the resolution of the screen. Higher resolution usually means the higher amount of data or a larger file size.

S

SCHEMA

A schema is an XML document used in place of a DTD to describe other XML documents.

See also: DTD

SCRIPT

The script is a computer programming language used to make web pages more dynamic and interactive. The scripts are not visible to the web visitor, but it defines how the website will respond to certain click requests from the web user.

SEMANTIC MARKUP

Semantic markup is a web development terminology that you will often read or hear. However, very few are able to comprehend its meaning.

Semantics refers to the correct interpretation of a word or sentence. Using a word semantically means you have to use it in a way that it’s properly aligned with its meaning.

HTML tags, like words, have meanings as convey information about the type of content contained between the opening and closing tags. Let’s say the browser encountered the <h1> tag. It interprets that the content in between the h1 tags is the most important headline on the webpage.

Semantic markup is the use of a markup language (HTML) to convey information about the elements in the webpage. This makes the elements or content of the webpage accessible and readable even to search engines and other computerized visitors.

SERIF

Serif is a web design terminology referring to any short lines stemming from the ends of the strokes of a letter. The strokes are usually at an angle attached to the upper and lower end of the letters. “Sans serif” means the fonts do not have these stroke.

SERVER-SIDE

Server-side typically means that the action has taken place on a web server, not on the user’s (website visitor’s) computer. Action means all that work that programming languages do. Server-side scripts usually take a bit longer to run than a client-side script. Each page reloads every time a new action is taken.

SGML

SGML is a web design terminology which isn’t mentioned very often. It stands for Standard Generalized Markup Language. It’s a markup language used for defining the structure of a document and serves as the basis for both XML and HTML. It is not dependent on a specific application and allows users to work on standardized formatting styles.

SOAP

Simple Object Access Protocol is a messaging protocol specification exchanging information across the internet. This allows an application on one site to access an application on another site.

SPECIFICATION

A website project usually starts with a specification. It outlines the objectives for your website. A specification is often a type of technical standard that offers an explicit definition and requirements for a web service or technology. It includes tags, elements, and any dependencies are meant to be used.

T

TAG

A tag is a set of markup characters used around an element to indicate its start and end. Tags are the basic formatting tool used in HTML. It may include codes to specify how that element should be displayed or behave on the page.

TEMPLATE

A template is a file used to create a consistent design. It is a predesigned structure of the comprehensive layout of any website. This is provided by various suppliers to help make web design easier for designers.

U

URL

Uniform Resource Locator is the site’s address. It specifies where a website or webpage can be found on the internet.

USABILITY

Usability refers to how easy it is for a web visitor to navigate and do their desired actions on your site. Content, images, and any interactive elements must be easy to use and do what it is intended to function. The user does not need any technical training to understand and utilize the elements on your website.

V

VALID

Valid web pages are pages that return no errors based on the type of HTML/XHTML specified. The code used on the page conforms to the specifications. This can be checked on various validation services such as the one from W3C.

Vector Image

Vectors use lines and shapes instead of pixels. Because they do not rely on pixels, the vector images remain sharp when enlarged.

W

Watermark

Watermark is the easy-to-see markers which are over the top of photos on the web. It is used to identify the owner of the image and prevent visual content theft.

WEB PAGE

A web page is a single document which is generally written in HTML/XHTML. This hypertext document is meant to be connected to the World Wide Web with coding and programming. A webpage can be interconnected with other webpages through links.

WEB SERVER

Web servers are dedicated computers and appliances that have installed software and networking capabilities to host websites. Web servers make websites available to the internet users. A web server can also be a program that uses HTTP to serve the files that form webpages to users.

WEB STANDARDS

Web standards are the formal, non-proprietary standards that define and describe aspects of the World Wide Web. Its main purpose is to help web designers and creators of web browsers make sites that appear consistent across platforms.

White Space

White space is a common web design terminology that refers to the blank/negative space surrounding an object (content, image, animation, etc.) oen the web page. This portion of the page is left unmark or empty.

Some web designers use white space to make an elegant or simplistic design that minimizes distractions to the web visitor.  As a business executive, you will find that white spaces can make or break your company website. It can either make your web visitor appreciate elegance or think your site looks too bare. Make sure your branding is the focus of your website and the design is pleasing to your target customers.

Widow

Widow is the section of text at the end of a paragraph. It spills over into the following column or page.

X

XHTML

XHTML stands for Extensible Hypertext Markup Language. It is a reformulation of HTML 4.0 to comply with XML rules.

XML

Extensible Markup Language was designed to store and transport data. It’s an extensible language because it allows users to define the mark-up elements.

Z

ZIP file

Zip file is a file format which compresses several files and combines them into a single folder. The compressed files do not lose any data when they become smaller. Additionally, they are easily restored by extracting the files.

 

Knowing the basic web design terminologies help you understand your web designer and express your ideas and specifications at the same time. A successful webpage is not how aesthetic it is. A real successful webpage conveys your company’s brand, gives positive user experience and helps you gain higher ROI.