Technology Services

Common Web Terminology

Accessibility

A concept that describes the ease with which your users can interact with your website. This includes people who are physically impaired, or those accessing the site on mobile devices such as tablets and smart-phones. Ensuring that your site is accessible to all audiences has the added benefit of increasing its search engine optimization. For additional information about Duke's commitment to web accessibility, please see the Duke Web Accessibility website.

Address bar

The element of the browser user interface that displays the current URL (web address) or where you type the URL of the page you wish to visit. Most modern browsers can also use this element to initiate a search using the default search engine as defined by the (user-controlled) browser preferences.

Alt attribute

An attribute of the <image> tag that is used to add "alternative text" that describes the image, providing context for search engines and screen readers.

Attribute

A component of an HTML tag which provides information to the browser about the tag. HTML attributes generally appear as name/value pairs, separated by an equal sign (=), and are written within the start tag of an element. For example, the tag <ol type="a"> instructs the browser to start an ordered list of items in which each item is prefaced by a lower-case letter.

Browser (also referred to as a web browser)

Software with which a visitor views your website, whether on a computer (desktop/laptop), smart-phone, or other mobile device. Common browsers include Microsoft Internet Explorer, Microsoft Edge, Google Chrome, Mozilla Firefox, and Apple's Safari.

Cache (also referred to as browser cache)

Temporary storage in your computer's memory that holds the most recently downloaded web resources (HTML, CSS, images, etc.). Caching a website's pages in memory allows the browser to quickly display a page from this temporary storage rather than having to download all the necessary resources multiple times. While this cache has an expiration date, typically configurable in your browser's preferences, you can also manually clear your browser cache by following the instructions found at Refresh Your Cache.

CSS (Cascading Style Sheets)

Documents which contain instructions used by the browser to properly display the colors, fonts, layout and general appearance of a website. They are separated from the HTML structure to facilitate the styling of similar elements across multiple pages. Changes to a style sheet can affect multiple pages of a website, hence "cascading".

Clipboard

A section of computer memory where copied data is stored. In the context of editing a website, this is most often a selection of text which is placed in the clipboard when you use the "Copy" command. This text can be pasted from the clipboard into the editing interface using the "Paste" command.

Content Management System (CMS)

Software installed on a web server that allows its users to edit, delete and manage website content through a visual interface. Such software typically requires no knowledge of programming/scripting languages, HTML or CSS to easily update content. The CMS used by most departments within TCA&S is called Drupal.

Domain name

A unique name that identifies a website. For example, the domain name of Duke University is "duke.edu". Each website has a domain name that serves as an address, which is used to access the website.

Drop-down

The term "drop-down" can refer to different interface conventions. A "drop-down menu" is a navigational component that includes a parent element along with its children. On a mouse click or mouse over of the parent, the children are then visible to the user as a sub-menu. A "drop-down field" is an element of a form, or webform, which allows the user to select an option from several choices.

Form (also referred to as a webform or HTML form)

A collection of specific tags added to a web page which allows a user to enter data that is sent to the server for processing. Such a form can be as simple as a drop-down field allowing the user to filter items on the page, or as complex as a multi-field application form. For the latter, Trinity Technology Services recommends the use of Qualtrics (https://duke.qualtrics.com)

Hero graphic

A common term referring to the main image or slideshow on the front or landing page. Many TCA&S department sites include a space at the top of the front page for a hero image or slideshow of such images (i.e. 'Feature Slide').

HTML (HyperText Markup Language)

A standardized system consisting of different tags combined to create the structure of a web page. Tags typically consist of pairs (an opening an closing declaration), with the content of your website between. For example, <h1>This is a Heading</h1>.

Image optimization

The process of preparing images for a website that are the proper size, resolution and format (.jpg/.jpeg, .gif, or .png). More information about this topic can be found on Google's Web Fundamentals.

Input field

A form element that provides a user the means to input text-based information. A common use for an input field allows the user to search a website.

Link (also referred to as hypertext or hypertext link)

Content on a webpage (typically text) which is wrapped in an anchor tag which points to another location or file.

Meta tag

HTML elements in the <head> section of a web page that are visible to search engines but not human visitors. These tags provide information about a web page such as keywords, description and instructions to search engine robots.

Navigation

The system(s) that allow visitors to move around a website. Navigation is most often thought of in terms of hierarchical menus, but links within pages, pagination, and any other links that allow a visitor to move from one page to another are typically considered navigation.

Organic Search Results

Listings on search engine results pages that appear because of their relevance to the user's input, as opposed to being advertisements. In contrast, non-organic search results (or sponsored results) may include pay-per-click advertising.

Responsive design

An approach to website design that makes use of flexible layouts and media queries. The goal of this approach is to create websites that detect the visitor's device, screen size and orientation, and use this information to change the layout accordingly.

Rollover (also refered to as a mouse over)

An action that occurs when a user places their mouse over a page element that has a rollover effect applied to it. The presence of the mouse causes the element's appearance to change, typically its font color or background color, or for related elements to become visible.

Screen reader

Software that allows blind or visually impaired users to understand the text that is displayed on a computer screen, including the content within a browser, typically using a speech synthesizer.

Search engine

A website that collects, stores, and ranks publicly-accessible web pages available on the Internet. Some examples include Google, Yahoo, and Bing.

Search engine robots (also refered to as bots, spiders, or crawlers)

Tools that many web search engines, including Google, Yahoo, and Bing, use to build their databases, or search indexes.

SEO (Search Engine Optimization)

The process of crafting website content with the aim of promoting its pages' placement in the organic search results of search engines such as Google, Yahoo, and Bing. This strategy incorprates both the structure of the website (managed largely by the content management system) and the content itself (managed by site editors). The latter can include keyword research and writing clear, concise and scannable text (e.g. appropriate use of lists). More about crafting good content for SEO can be found at Search Engine Land.

Tag (also referred to as HTML tag)

Code that defines the structure and elements on a web page, including the placement of text, images, and links. Tags typically consist of pairs, each beginning with the less-than (<) character and ending with greater-than (>).

URL (Uniform Resource Locator)

A web address (for example, http://duke.edu/arts), usually consisting of the access protocol (http), the domain name (duke.edu), and optionally the path to a page or file residing on the same server (arts). The latter is often referred to as an 'alias'.

Viewport

The part of the browser window in which a web page is visible (i.e. not including the browser's menu, toolbar, address and status bar, etc.). Content outside the viewport is not visible until scrolled into view.