Web Design Glossary

http://www.motive.co.nz/glossary/index.php The Motive Web Design Glossary We‟ve compiled the Motive Web Design Glossary to demystify the world of the web. Coverage includes web: philosophy, business and marketing, usability, design, standards and technology.

Index Navigation                        

1 A B C D E F G H I J L M N O P Q R S T U V W X



2G, 3G, 4G...

1

A

                

above the fold absolute link accessibility Active Server Pages (ASP) address bar affordance alt text [alt tag] , anchor animated GIF anti-alias application service provider (ASP) applet assumed knowledge asymmetric digital subscriber line (ADSL) authoring automagically autoresponder

           

back end/front end backup bandwidth banner ad banner blindness belt-and-suspenders bitmap blog, blogger, blogging bookmark breadcrumb broadband browser

          

cache, cached files call to action Cascading Style Sheets (CSS) chatroom chrome click-through rate client-side/server-side closure Common Gateway Interface (CGI), cgi-bin Compact HyperText Markup Language (cHTML) compatibility mode

B

C

          

(data) compression: lossless, lossy content content management system (CMS) contextual menu convergence cookie cost-per-clickthrough (CPC) cost-per-thousand (CPM) crawler cross-browser compatibility cybersquatter

                   

deep-linking default degrade gracefully deprecated design pattern directory disjointed rollover dither

    

e-commerce email element encryption extended validation (EV) certificate



favicon.ico

D



div-i-tis, divitis document type declaration (doctype) document type definition (DTD) Domain Name System (DNS), DNS server domain name DomaiNZ doorway/gateway page dots-per-inch (DPI) download Dublin Core metadata (D.C.) dynamic HTML (dHTML)

E

F

          

File Transfer Protocol (FTP), FTP client firewall Fireworks Flash, Flash Generator flow chart fold, above-the-fold footer navigation form folksonomy frame, frameset front end/back end

    

gateway page global navigation granularity Graphic Interchange Format, (GIF) Graphical User Interface, (GUI)

            

hack handle haptics hexadecimal colours hits host, hosting hotspot href (hypertext reference) HyperText Markup Language (HTML) HyperText Transfer Protocol (HTTP) HTML markup HTML-text hyperlink

       

iframes International Committee for Assigned Names and Numbers (ICANN) i-mode image map impression include information architecture information foraging

G

H

I

         

initialism integration interactive television interface internet interstitial intranet Initial Public Offering (IPO) Internet Protocol (IP), IP address, IP number Internet Service Provider (ISP)

 

JavaScript Joint Photographers Expert Group (JPEG)

          

label landing page legacy content link: absolute, relative, root (see also: anchor, hyperlink) link farm link rot lists: definition, ordered, unordered listserv logfiles, logfile analysis look-and-feel lossless compression, lossy compression

         

macron mailing lists markup: presentational, structural, semantic mass practice mental model meta element, metadata, [meta tag] mine-sweeping Multipurpose Internet eMail Extension (MIME), mimetype MP3 MySQL



natural language

J

L

M

N

   

navigation New Zealand Government Locator Service (NZGLS) New Zealand Government Web Guidelines (2001-2007) New Zealand Government Web Standards and Recommendations (2007-)

  

open source optimise, optimisation opt-in/opt-out

               

PageRank (PR) parasite economy [design] pattern perceived affordance permission-based marketing phishing PHP: Hypertext Preprocessor (PHP) Portable Document Format (PDF) (web) portal Pretty Good Privacy (PGP) pixel, „pixel perfect‟ layout plug-in pop-up window, pop-under Portable Network Graphic (PNG) print screen, PRT SCN prosumer

 

QuickTime quirks mode

        

reciprocal links referrer, referrer log Really Simple Syndication (RSS) relative link Realtime Transport Protocol, (RTP), Realtime Transport Streaming Protocol (RTSP) robot robots file, robots.txt rollover, disjointed rollover root, root directory

O

P

Q

R



root link

                                      

scan, scanning schematic scroll-line screen grab screen size SCM, SCP search engine search engine marketing (SEM) search engine optimisation (SEO) Section 508 Secure Sockets Certificate (SSC) semantic markup server sever-side/client-side server-side include (SSI) session, session tracking Shockwave shopping-cart shortcut icon Simple Object Access Protocol (SOAP) site feed (RSS) sitemap smart tags Synchronised Multimedia Integration Language (SMIL) sniffer social media spam spim spider splash page, splash screen spyware standardista standards-compliant/strict mode status bar sticky streaming, streaming media structured query language (SQL) stylesheet system font

S

T

          

tags (elements/code) tags/tagging (metadata) target template top-level navigation topic path traffic transform gracefully transparent GIF trackback typosquatter

      

Unicode, Unicode Transformation Format (UTF) Unified Modeling Language (UML) Uniform Resource Identifier (URI) Uniform Resource Locator (URL) uploading usability user session

     

validation: code standards, form input vector, vector-based file version control viral marketing virus visual editor

            

web Web 2.0 web accessibility web-authoring web browser web font, typeface web-log (blog) web server logs websafe colours, palette web standards WebTV what-you-see-is-what-you-get (wysiwyg) wireframe

U

V

W

  

Wireless Application Protocol (WAP) Wireless Markup Language (WML) Worldwide Web (WWW)



eXtensible Markup Language (XML), XML schema



Web design glossary

X

  

Confused by all the web design jargon? Our web design glossary will help. Animation Any graphic that moves on your website. Animations are often created in a programming language called Flash – hence the term Flash animations. Animations are generally expensive to create. Below the fold Content of a web page that is not seen by the visitor unless the visitor scrolls down the page. Ideally all your important content and navigation links should be 'above the fold'. Blog Blog is short for web log. It‟s a web page were the owner can easily add short updates (known as posting). Blogs are interactive as visitors can post comments. Blogger The author of a blog. Blogging Blogging is the act of posting on a blog. Bookmark A link to a specific web page, stored by your browser in your favorites section. Brochure website A simple website designed to give information about the owner‟s products or services. Sometimes known as 'showcase' websites. Browser A program on your computer that allows you to look at web pages. Examples include Internet Explorer, Fire Fox and Netscape. There are others. Browsers display web pages in different ways, so most websites will look different depending on the browser used. Comment A piece of feedback left by a reader on a blog. Compression A way of packing data in order to save storage space or for faster download time. It is

commonly used when preparing photographs for presentation on the web. Photos that have not been compressed take a long time to download and can spoil the visitors experience of visiting a website. Content Anything that is included on a web page including artwork, graphics, logos, text and photographs. Domain name The address of your website. (e.g. www.thewebsitedesignstudio.co.uk) Domain registrar A domain registrar is a company or organization involved in registering domain names on the Internet. Email Typed messages that can be sent to other users of the internet (providing both the sender and the receiver have email addresses.) Email address An address that can be used to send and receive emails. Email forwarding A way of forwarding emails to another email address. Flash Software made by Macromedia that created animated sequences for inclusion on a website. Flash programming is a specialist area and websites that use Fash are normally more expensive than static websites. Forms A way for website visitors to communicate with the website or other people instead of sending an e-mail. Typically forms may ask for a visitor‟s name, address, email address and details of any enquiry. The contents of the form are sent to the website owner's preferred email address. GIF A GIF is a type of image file. It stands for Graphic Interchange Format. It is best used for artwork with flat colours. Hits The number of times a web page has been viewed on the internet. Home page The first page you see when you view a website.

Host A hug computer permanently connected to the internet that stores website pages. HTML Stands for Hypertext Markup Language. This is the language that web pages are created using. Hyperlink A link on a website that points to another web page (sometimes known as hotlinks) Images Artwork, graphics or photographs displayed on a web page. JPEG/JPG Stands for Joint Photographic Experts Group ( the name of the committee that created this file format). JPEG is best used for photographs for the web. Keyword Keywords are words that are key or important words. Users type in a keyword in the search engine to find the relevant websites associated with that keyword. Link See hyperlink Link building Is a technique where you create reciprocal links with websites with the intention of increasing the popularity of a web page, thus helping increase a web page's position in the search engines. The more inward links a web page has, the more likely it is to be noticed by a search engine. Link popularity How popular a web page is based on the number of back links it has. Mail box A sort of letter box where your email are stored before you view them. Masthead An image placed at the top of a web page to tell the visitor what page they are on. Mailing list A method of using one email to sent do multiple email addresses. Mouse over A change on a website (e.g. a photographic changing) when the curse is passed over it. Navigation

The way a visitor moves from page to page on your website. Navigation links Highlighted word or phrase that by clicking, allows you to jump to another web page or website. Typically navigation links that move you around the pages of a website are found at the top and bottom of a web page. Navigation structure A map or flowchart of the relationship between pages on your website. Online shop (ecommerce) A website with the facility for visitors to pay for goods bought from the site. PDF files Stands for Portable Document File. Downloadable PDF files are a good way of presenting documents on your website. Reciprocal link A link between two websites. Rollover A feedback cue that is activated when the mouse cursor is moved over a particular element or button on a web page Search engine A tool for search the web using keywords. Google, Yahoo and MSN are examples of popular search engines. Search Engine Optimisation (SEO) Making you website as attractive as possible to search engines, thus increasing your chances of being on the first page, or, better still, first position on the search results list. A number of factors are important when optimising a website, including the content and structure of the website's copy and page layout, the HTML meta-tags and the submission process. Shopping cart A virtual shopping cart where visitors can store goods to buy before payment on a shop website. Splash page A website's introduction page, usually using flashy of Flash graphics. Statistics Information on how many visitors a website receives, where they come from, which pages they look at, how long they stay on the site for etc.

Submission The process of submitting a new site to search engines for inclusion in its database, so that the site appears in listings. Templates Ready made websites or web pages that can be adapted to meet specific needs of a new website owner. Traffic The number of visitors that view a website. URL Stands for "Uniform Resource Locator". It is the address of a web page URLs begin with http://. For example the URL of this website is http://www.thewebsitedesignstudio.co.uk. W3 World Wide Web W3C World Wide Web Consortium Web design Web design describes the process of designing a web page or website.

           



Web designer A person who designs websites. Web Design Glossary • Adobe Photoshop - is a desktop image editor which lets you edit your photos and images (resizing, cropping, tweaking the color, etc) • Alt text - Alternative text. This is the text that displays when an image does not load on a page • Animation - this is when part of your text or other elements on your screen move independently, or in response to the movement of a mouse over a page • Background - the part of a picture or design that serves as a setting to the main figure or object • Banner Image - an image that is added to the banner region of the page, it could be a company logo or an image that reflects the theme of the site • Blog - Abbreviation of "weblog." is a diary or journal on the internet. It can be used for news, reviews, or for a business. It helps the user stay in touch with the website with new and up to date information.

                          

      

• Blog Archive - stores all of your posts so that they will always be there for others to read • Blog Categories - Allows you to sort your posts into topics. This makes it easy for people to search your blog • Blog Manager - Use this to manage your posts, enable comments and publish your blog. • Blog Post - an entry on your blog. • Blog RSS - this allows people subscribe to a feed that automatically notifies them when you create a new post • Blog Search - this feature allows people to search your blog for all posts on a particular topic or theme. • Blog Tags - allow authors to add free-form tags to a post, along with (or instead of) placing the post into categories • Blogroll - where you can add links to other blogs that you read on a regular basis, or like. • Browser - software that allows you to "surf "the Internet. Examples include Internet Explorer (IE), Firefox, Safari, Opera. • Bullet - a bullet is a symbol used to introduce items in a list • Categories (blog) - these allow you to sort your blog • Catalog of Products (Online store) - this allows a multiple products to be added to the page and sold • Center - middle - aligns the text along the center line of the page. • Clickable - text, image, icon or button that performs an action or navigates to new information when it is clicked on. This is indicated by the mouse pointer changing from an arrow to a hand when the mouse cursor is dragged over the clickable element. • Cog icon- a picture of a cog, found at the right hand side of your screen in the site builder. Clicking on it will gives access to all of the widget folders. • Collect Donation (Online store) - this button can be added so that visitors to the site can contribute or donate money • Column - a vertical division of a page or text

      

     

 

     

 

  

• Copyright- a legal concept, enacted by most governments, giving the creator of an original work exclusive rights to it, usually for a limited time • Create New Page - click on this button in the tabs at the top of the screen in site builder to create a new page for your site. • Create New Site - clicking on this enables users to start the process of creating a new site • Creative Commons License - several copyright licenses released by Creative Commons, a U.S. non-profit corporation founded in 2001. Many of the licenses, notably all the original licenses, grant certain "baseline rights", such as the right to distribute the copyrighted work without changes, at no charge. Some of the newer licenses do not grant these rights. Creative Commons licenses are currently available in 43 different jurisdictions worldwide, with more than nineteen others under development. • Crop- removal of the outer part of an image or photograph • Cursor - a flashing vertical line that indicates where the text will appear when you start typing • Dialog box - It is a window that pops up on the screen with options that the user can select. After the selections have been made, the user can typically click "OK" to enter the changes or "Cancel" to discard the selections. • Digg - a website made for people to discover and share content from anywhere on the Internet, by submitting links and stories, and voting for, and commenting on submitted links and stories, in a social and democratic spirit • Disqus - service and tool for web comments and discussions that can be plugged into any website, blog, or application • Domain name - a name that identifies a computer or computers on the Internet. These names appear as a part of a Website's URL • DPI - dots per inch - measure of spatial printing or video resolution, in particular the number of individual dots or pixels within the span of one linear inch (2.54 cm) This determines the quality of the picture that will appear on your screen • Drag and drop - Widgets are put onto pages using the drag and drop method. To drag and drop a widget; click on it with your mouse and, holding the button down, drag it across to the web page you are creating. Then let go of the button on your mouse. Your widget will be on your page ready to use. • Embed code: code that adds a browser plugin or widget to your page

  

           

    

            

• Edit - make changes to your website • Editing mode - the screen is active when you are editing your site. Changes can be made in this mode, unlike in preview mode and on your published site, which present static views of your page. • Facebook - social networking website • FAQs - Frequently asked questions. Here you will find answers to common questions. • Favicon - the little image that appears next to your URL in the browser window • File Manager - used every time you open your site to add content from the desktop to the site (images, audio, videos, text files, PDF's etc) • Firefox - web browser developed by Mozilla. • Flickr - A place where you can store your images and videos online. An image and video hosting website, web services suite, and online communityplatform. Users have the option of a free or professional account. • (wikipedia) • Flickr pool - a group of photos on a particular topic, or by a particular person. Flickr Pools can belong to groups or individuals. • Fold - traditionally used in reference to newspaper layout - the physical dimensions of a broadsheet newspaper dictate that it is folded. The first page of a newspaper is where the major stories of the issue are placed, for reasons of best visibility. In web design, the term "fold" refers to the line beyond which a user must scroll to see more contents of a page. It is also referred to as a "scroll-line" • Font - typeface, the style of writing that will appear on your screen. You can change the font on your site by clicking on the "font style" icon on the text editing toolbar in Yola. • Form Assembly - Third part service that allows you to easily generate HTML forms and embed them in your page in Yola. You will find this widget in the "Forms" folder. • Format - the way in which something is arranged or set out • Get Satisfaction - an open online customer support forum. • GIF - image format, intended for compressing graphics that contain flat areas of plain color, as well as text (best to use PNG for this however) • Gimp - free photo and imaging editor that you can use on your computer

                                       

• Header - like heading, a line or block of text at the top of a page • Heading style - the header text size and font • Highlight - emphasize text with a color background - like this • Homepage - the first page created, like the "welcome mat" to the rest of the site • Host - a computer connected to the internet where information is stored. • Hyperlink - reference or navigation element in a document to another section of the same document or to another document that may be on or part of a (different) domain • Icon - A graphic symbol (usually a simple picture) that denotes a program or a command or a data file or a concept in a graphical user interface • IE - Internet Explorer, Microsoft's internet browser software • Image format - what type of file the image is (jpg, png, bmp, gif etc) • Image link - turning an image into a link so that people can click on it and be taken to another area of your site, or another site. • Image Manager - where images uploaded for use on your site are kept and maintained • Image upload window - window that appears after the image widget has been dragged and dropped onto the page • Image widget - this widget allows you to add images onto your web page • Image Widget Properties column - the sidebar that appears after click on the Properties button. Here, the image properties can be edited • Inbound link - link from another site to your site • Indent - to move an object (usually text) forward or backward a tab space • Index page - home page • Insert link icon - button at the top of the page which looks like three links of a chain • Instruction box - the box that appears on the banner of styles to indicate that a custom banner can be added to the page • Internet Explorer - Microsoft's internet browser software

      

   

                       

• JPEG/JPG - image format used for saving images in digital form, intended for photostyle images only: photographs, movie stills, computer game stills, etc • Left align - This aligns your text so that all writing lines up on the left hand side of the page • Library - collection of widgets • Link - also known as a Hyperlink - this is where people can click on a word (or image) and be taken to a new place (either on your own site, or someone else's or to an email address, or a file) • Link editor - this will help you to create links - it opens up when you click on the link icon in the text editing tool bar • Link exchange - you agree to exchange links with another website. So you list their address on your site and in return they link to you on theirs. This is a good way of increasing your ranking with search engines. • Live site - a site that has been published to the internet • Loading a site - the process of retrieving the site data from the internet in order to display it in your browser • Log in - signing in to your account • Manage Files button - will allow you to access the File Manager • Margin - edge, border of your page • Meebo - a chatroom widget that you can add to your webpage • Menu - a list of commands or options, especially one displayed on screen • Metacafe - video sharing web site, specializing in short-form original entertainment, where users upload, view and share video clips • More Upload slots - selected in the Image Upload window, allows the user to upload many images at once • Mozilla Firefox - web browser developed by Mozilla. • Navigation - the process by which a web user accesses information on the internet. Navigation is facilitated by menus, links, images, icons, buttons etc. • Online Store - folder containing the widgets used to create a store on Yola

               

                     

• Opera - web browser • Orientation - position • Outbound link - link from your site to an external site • Page - website is made up of pages which are displayed on the screen • Page element - widgets, images, menu's, banners - are all elements on a web page • Page heading - title of a page • Page layout - format and design of a page • PDF - Portable Document Format - fixed-layout format used for representing twodimensional documents in a manner independent of the application software, hardware, and operating system • Photoshop - desktop image editor • Pixel - smallest piece of information in an image • PNG - image format, intended for compressing graphics that contain flat areas of plain color, as well as text (use instead of GIF) • Post (blogging) - an entry on your blog. • Preview mode - view the page/website before it's published as it would look live on the internet • Properties sidebar - configure the properties of a widget • Publish - make the website live on the World Wide Web • Recent Posts (blogging) - this will show visitors to your blog links to the most recent posts you have written for your blog • Redo - a curved arrow in the text editing tool bar which allows you to repeat what was just undone • Refresh - a button you can click on in your browser to make sure that you're seeing the latest version of a website • Republish - when you make changes to a site that has already been published, you need to republish it so that those changes will appear live on the internet

       

             

            

• Resize - making your pictures and images bigger or smaller • Resolution - number of pixels in an image the more pixels in an image, the longer it will take to load • Right align - move the image, text etc to the right-hand side of the page • Screen resolution - refers to the number of individual pixels that fit within a given space. For example in an 800 x 600 resolution, 800 refers to the number of pixels that the monitor can display horizontally and 640 points to the vertical limit. Today, the most widely used screen size is 1024 x 768. • Scroll line - line beyond which a user must scroll to see more contents of a page • Search engine - searches for information on the world wide web. • Sidebar - the menu and options that appear on the right hand side • Single Product (Online store) - this allows a single product to be added to the page and sold • Site Builder - the area of Yola where you build and make changes to your website • Site heading - the name or title of the site that appears in the header • Site Manager - A tab in Yola where the key functions of building your site are grouped together. In this tab you can view all the pages of your site, manage files, rename your site, publish your site, edit your menu, change your publishing settings, delete or open pages, close or delete your site. • Sitemap - a representation of the architecture of a web site • Slideshow - display of a series of chosen images • Stock photography/photographs - libraries of photographs that can be bought and downloaded for public use • Style (aka template) - basic skeleton of the site in terms of layout and color, header font, navigation etc. • Style sheets - a type of template file consisting of font and layout settings to give a standardized look to certain documents (from the Mac dictionary) • Subdomain - a domain that is part of a larger domain

  

         

         

          

• Supported browser - browsers which can be used with web-based software. • Tags - keyword or term associated with or assigned to a piece of information (a picture, a geographic map, a blog entry, a video clip etc.,), thus describing the item and enabling keyword-based classification and search of information • Text Box - A text box allows a user to input text information to be used by the program • Text editing tool bar - tool bar along the top that opens up when the text box is active • Text link - link that is added to text so that a user can click on it to open a new window to another site or part of the site • Text widget - widget that is dragged onto the page so that text can be added. Allows you to type or paste text and edit it using the text editing tool bar. • Thumbnail - reduced-size versions of pictures, used to make it easier to scan and recognize them, serving the same role for images as a normal text index does for words (wikipedia • ) usually you can click on a thumb nail and be taken to a bigger picture on a different page • Type size - the size of the font used on the screen, size 10 is average size, size 30 huge and size 5 tiny • Toolbox - tools available to assist in the building of your site • Traffic - visitors to the site • Two-column layout widget - widget that splits the page into two columns. Other widgets can be dropped inside the two-column layout widget to add content. Additional two column layout widgets can be dropped inside each other to increase the number of columns. • Tutorial - a lesson which will show you how to build your site. See our tutorials here. • Undo - a curved arrow in the text editing tool bar which allows you to undo your last action • Unpublish - remove the site from the World Wide Web • Upload - send data from a local computer to a remote system, FTP server, or website • URL - Uniform Resource Locator - a web page address

    

             

 

• Verification email - email received from Yola verifying email address used during registration on the site • Video clip - short clips of video, usually available on youtube • Web 2.0 - a term describing a trend in the World Wide Web that aims to promote creativity, information sharing and participation. Characterised by web-based communities centred around blogging, social networking, wikis etc. • Welcome Page - the first page within the Site Manager where new sites can be created and old sites deleted • Widget - components, gadgets or elements which allow content to be added to the site without having to write the code • Widget Box - widgets available to add to websites • Widgetbox Gallery - a wide selection of different widgets that can be added to a page • Widget frame - the outline of the area of the widget, does not appear on the published site • Widget toolbox - toolbox that appears after clicking on the widget icon. Here, all widgets can be accessed • WYSIWYG: (pronounced "wiziwig") Stands for "What-You-See-is-What-You-Get". An editor that allows you to see your content as it will appear in the end result (document, webpage etc). • XML sitemap - one is automatically generated for SEO purposes

Learn > Website Design Terminology

Website Design Terminology Design brief A document with multiple questions about your business. Example of design brief questions 1. Who makes up your target market? 2. List your main competitors. 3. What are your goals for this project?

HTML Stands for: HyperText Markup Language Consists of different tags combined to create the structure of any website. The tags are put together in pairs with the content of your website filling in the spaces in between.

CSS (Style Sheet) Stands for: Cascading Style Sheets These documents contain the colors, fonts, layout and overall appearance of a website. They are separated from the HTML structure to reduce repeating the styling of similar elements on multiple pages. A style sheet may only need to be altered once to have an affect on multiple pages of a website, hence having a cascading effect. A style sheet can control the layout of a website. Some web designers choose to separate the colors and fonts in a separate style sheet than the layout elements. There are also different style sheets that apply to printing a web page or to view a webpage on a mobile device.

PHP Stands for: HyperText Preprocessor It allows for dynamic web content to be displayed and/or interacted with on a web page.

CMS Stands for: Content Management System A CMS allows it‟s 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. A CMS can be open source or built from scratch depending on the budget of your web project and the needs of your organization. Open Source Examples: Expression Engine, WordPress, Magento, Drupal, Contao.

SEO Stands for: Search Engine Optimization Planning out and writing a website‟s content to improve the likelihood of it showing up for relevant search terms in search engines such as: Google, Yahoo & Bing. SEO can be a part of the following tasks: Keyword research, content writing, web design, web development & blogging.

Alt attribute

Alternate text used to describe an image. Used by search engines and screen readers in place of an image. Example of HTML:

Title attribute Text used to describe the webpage in the top of the browser window. A HTML page title is recognizable by search engines and should be carefully detirmined. It is displayed in search results for the title of a page listing. Example of HTML: This is your page title

Call to action A button, arrow or other graphic element, which entices a user to perform a particular action.

Example of Usage: A button appears to be clickable, causing the user to click on the button and bring them further into the website.

Hero A common term used to refer to the main image on a homepage or landing page. Below you‟ll see an example of the hero area highlighted in orange.

Promo area An area on a website which can be used to promote products and/or services and is typically changed out frequently. A promo area is typically used to showcase graphics.

Exit page When looking at web analytics (data statistics from your website) an exit page is the last page a visitor may see before exiting your website. Example: On many e-commerce websites, the shopping cart is a popular exit page.

Landing page A page on a website that contains specific and direct promotional content or information that a user is directed to from clicking an advertisement or other external link.

Drop-down A drop-down can be one of two elements: A drop-down menu is a navigational menu that has sub-menus or categories below it. When clicked on, the sub menus “drop down” and are then visible to the user. A drop-down field is found within a form on a website. It acts similar to a drop-down menu, but it requires the user to choose an option from multiple choices.

Flyout navigation A flyout navigation menu contains multiple links to different pages and/or categories on a website. It‟s typically contains multiple columns, whereas a drop-down menu may only display one column below the main tab.

Rollover A rollover is an action that happens when a user places his or her mouse over a particular element that has a rollover effect applied to it. The mouse action causes the element‟s appearance to change into a different image, color or font style.

Input field An input field is a blank area where a user would input specific text based information. They are found within a form on a website.

Optimization This term is used to refer to the reduction of size of an element to be more ideal for web use. Example: Images used on a website should be optimized to a smaller file size to decrease the time it takes to load the page they reside on.

White space This term is commonly mistaken for actual “white” colored space. White space could be red, green or any color. It refers to the space around elements. White space allows the elements to stand out to the user. If your designer says your website needs more white space, that means there are too many elements crammed in too small of a space. Having too much white space can also cause elements to be pushed too far down the page. There should be just the right balance of space and elements to form a successful web page design.

Style guide A style guide is a document that includes all of the colors, fonts, and branding guidelines for a website, brochure, book or complete brand.

A style guide is often a great guide to supply a web developer so there are no questions about the technical specifications of a design. It also can save them time from having to go back and forth with the designer.

Comp/mock-up

Refers to a representative sample or preview of the design for a website, book, brochure, etc. Example: For a website, a comp would be the non-functioning design sample of the homepage. Or, it could be a design sample the developer would use to setup the link colors on a particular section of the website. A designer would supply you with design comps to show you what the website would look like before a developer begins to code it. Giving feedback on design comps, rather than coded sample pages will save you time and money, especially when there are changes that need to be made. They act as visual plans.

UI Stands for: User Interface. A UI designer focuses on the usability between a website and it‟s users. They make sure the targeted user can use the website with ease by designing elements to make their experience easy. Example: The UI of the website allowed the user to easily find the product they were searching for and make a purchase.

UX Stands for: User Experience. This term encompasses UI. It includes all of the emotions, feelings, moods etc. associated with the use of a website‟s UI. Example: While using Sarah Lynn Design‟s UI to find work samples, the user experienced happiness, a sense of clarity and no feelings of frustration while completing the task. The UX of user “A” was relatively good. If they felt confused, frustrated and lost, their user experience would be poor.

Wireframe Very crude and simplistic drawings and/or layouts of a webpage, which typically have no design applied. Wireframes are used in the preliminary stages of a website design. They allow for designers to focus on the UI and the layout of content first before applying any design. This is a critical step in any mid to large size website that has a lot of different elements and/or content. The design of a website can often distract from it‟s true purpose of displaying information and content effectively. Many designers do this step first to avoid missing any crucial elements or information. Wireframing can save time in development by allowing for items to be missed in the planning or design phase rather than in the final stages. It typically costs more to rework an already designed and developed web page than to catch a mistake in the planning stages. Below is a very basic example of a wireframe using a software program called Omnigraffle.

Wireframing Programs: Omnigraffle, Axure, and Pidoco.

Branding A brand encompasses all messages, promotions, actions, products etc. that a particular business releases to the public. A common misconception is that a logo design is a business‟ brand.

To retain consistent branding for your business, it‟s important to keep the same level of design across all of your promotional pieces that are visible to the public. Read about Starbucks and their re-branding uproar

Common file types

.psd Adobe Photoshop file format – Often used for photography editing, website designs and various other graphics

.eps

Stands for: Encapsulated PostScript A common vector file format allowing a graphic to be resized without altering the quality or resolution. Designers often request this type of file when needing a business‟ logo if used on multiple mediums or large formats.

.ai A vector file format used for Adobe Illustrator. A vector file can be resized to an infinite size without any data loss. This is ideal for large graphics and certain types of printing such as screen printing.

.jpg This file extension is used for JPEG files. A JPEG is created with lossy compression. Lossy compression removes portions of the data of a particular file allowing it to be easily viewable on the web in a smaller file size. Photographs are generally good candidates for this type of compression.

.gif Stands for: Graphics Interchange Format. A simple graphic, typically not a photograph is a good candidate for this type of compressed file. A GIF is created using lossless compression, which reduces the size of the file without removing any of the original data. GIF also supports animation. You might hear the term animated GIF occasionally. Some designers may use an animated GIF in email design or in simple web banner ads.

.png Stands for: Portable Network Graphics. This file type uses lossless compression and is similar to a GIF. The difference is a PNG allows for transparency and can‟t be used in a CMYK (print) color space. It‟s meant for use on the web. PNG does not support animation.

.swf Stands for: Small Web Format. File format for displaying animations on the web. A SWF is created by the program Adobe Flash and can‟t be edited. To edit a flash file, you need the original .fla extension file.

Domain Name Glossary New to domain name registration and the terminology associated with it? Within the Domainmonster.com glossary section there are explanations to help you understand everything associated with domains.

Domain Registration                  

Domain Domain Registration Domain Back Order Generic Top-Level Domain UK Domains TLD (Top Level Domain) .co.uk .org.uk .me.uk .com .net .org .biz .info .eu .mobi .ac.uk .gov.uk

Domain Registry     

Domain Registries Domain Registrar Nominet ICANN EURid

Domain Management                

Control Panel Members Area Web Forwarding Email Forwarding POP3 Mail Box Web Mail Mail Servers Domain Contact Details Name Servers Domain Locking DNS .uk/.eu WHOIS Opt-Out Whois Privacy Service Active Search Engine Submission Admin Contact Technical Contact



Billing Contact

Domain Tools 

WHOIS

Domain Transfer     

Transfer IPS-TAG NIC_Handle UK Domain Transfer Process Global Domain Transfer Process

Domain Renewal      

Domain Renewal Renewal Preferences Admin Contact Suspended Redemption Pending Deletion

DNS (Domain Name Service)         

A-Record CNAME MX Record SPF Record Sub-Domain Host Name Root Servers Glue Record DNS Cache

Hosting Glossary New to domain name registration and the terminology associated with it? Within the Domainmonster.com glossary section there are explanations to help you understand everything associated with domains.

Web Hosting   

Web Hosting Hosting Provider Name Servers

         

Hosting Platform Windows Hosting Linux Hosting Dedicated Hosting Shared Hosting Free Hosting Colocation FrontPage Hosting Host Headers TCP/IP

FTP    

FTP FTP Login FTP Client Anonymous FTP

Hosting Security       

Firewall HTTPS Secure Certificate Encryption SSL Data Protection Copyright

Hosting Stats    

Analytics Log File Page Views Hit

Hosting General          

Data Transfer Bandwidth Backbone HTTP IP Address IMAP Home Page ASCII Applet ActiveX

  

SQL Server Java Script Java

Hosting Configuration    

IIS Blogs Forum Sub-Domain

Search Engine Glossary New to domain name registration and the terminology associated with it? Within the Domainmonster.com glossary section there are explanations to help you understand everything associated with domains.

Search Engines      

Search Engine Directory Google Yahoo MSN DMOZ - Open Directory

Search Engine Terms              

SERP Organic PPC (Pay Per Click) Spiders Googlebot MSNbot SLURP Search Index Algorithm Cloaking Dropped Blacklisted Bad Link Dogpile

Web Page Meta Tags 

Meta Tags

    

Robots Robots.txt Title Description Keywords

Optimisation                 

SEO Search Engine Optimisation Listing Ranking Frames Redirect Text Hyperlink Gateway Page Keyword Density Stop Words Key Phrase Duplicate Content Hidden Text Keyword Stuffing Page Rank Back Link Reciprocal Link

Web Design Glossary New to domain name registration and the terminology associated with it? Within the Domainmonster.com glossary section there are explanations to help you understand everything associated with domains.

Web Design Formats            

HTML XHTML XHTML-MP DHTML PHP ASP ASP.NET CSS WCSS XML RSS Web Standards

.mobi Site Design Practices     

Best Practice Site Navigation Page Content and Layout Page Definition Additional Best Practices

Web Colours   

RGB CMYK Web Safe Colours

Web Design Software       

Adobe Dreamweaver Microsoft FrontPage Adobe Flash Adobe Photoshop Google Page Creator Apple Quick Time Adobe Acrobat

Web Images           

JPEG GIF Animated GIF Aliasing Anti-Aliasing Bitmap Bitmap graphic PNG DPI PPI ALT Tag

CSS Glossary

CSS  

CSS CSS Attach Style Sheet

CSS - Background

       

Background Colour Image Repeat Image Repeat Image Vertically Repeat Image Horizontally Image Placement Fixed Image

CSS - Border        

Border Border Styles Multiple Border Styles Border Colour Bottom Border Width Left Border Width Right Border Width Top Border Width

CSS - Dimension        

Dimension Height Line Height Max Height Max Width Min Height Min Width Width

CSS - Text        

Text Text Colour Text Background Colour Character Space Alignment Text Decoration Indented Text Text Control

CSS - Classification   

Classification Element Display Float Property

        

Image With Border & Margin - Float Right Image & Caption Floated Right First Letter Of A Paragraph Floated Left With Style Horizontal Menu Page Without Tables Position - Relative Position - Absolute Invisible Element Cursor Change

CSS - Positioning       

Positioning Relative Absolute Shape Overflow Vertical Image Alignment Z Index

CSS - Font      

Font Font Text Font Size Font Style Font Variant Font Boldness

CSS - List and Marker     

List and Marker Unordered Ordered Image Marker

CSS - Margin      

Margin Left Margin Right Margin Top Margin Bottom Margin All Margin Properties

CSS - Padding

     

Padding Left Padding Right Padding Top Padding Bottom Padding All Padding Properties

Email & Spam Glossary New to domain name registration and the terminology associated with it? Within the Domainmonster.com glossary section there are explanations to help you understand everything associated with domains.

Email                

Email Address BCC Email Header Email Body Email Subject Email Attachment Email Client Opt-In Opt-Out POP SMTP Mail Server Mail Relay WebMail MIME Recipient

Email Protection     

Quarantine Virus and Worm Scanning Multi-layer Spam Filtering Content & Attachment Filtering Administrative Control

Spam     

Spam Bayesian Statistical Analysis Heuristics Rules-Based Analysis Checksum Clearinghouses Black and White Lists

         

HTML Shield Technology Allow List Deny Delivery Deny List Junk Mail Tag Subject Prepend Spam Virus Worm Phishing

Glossary Have you encountered expressions used by graphic or web designers that have you flummoxed? We‟d like to help with this glossary of technical words explained in “layman‟s” terms. If there are any other design terms that you have seen or heard that you would like explained, please let us know, we'd like to help. A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z

ASP ASP is short for Active Server Pages. Is a programming language that dynamically creates web pages. When a browser requests an ASP page (one that ends in .asp) the web server generates the page with HTML code and sends it back to the browser. Getting technical, ASP utilizes ActiveX scripting— usually VB Script (Visual Basic Scripting) or Jscript code.

See also: html Bitmap (or raster) image An image constructed by a rectangular grid of coloured pixels or points of colour. An image is created by millions of tiny colored dots. Bitmap images include the following file formats: TIFF, BMP, PSD, JPG, GIF, PNG. Images to be used on the web only need a resolution of 72ppi.

See also: vector image Back to Index

Blog

Short for Web log, a blog is a personal journal published on the web, usually based on a particular theme or subject matter. Blogs are regularly updated (daily, weekly, monthly) and commonly displayed in a reverse-chronological order. Blogs often reflect the personality of the author. Someone who keeps a blog is a blogger.

See also: forum Brochure website Like a printed brochure, a brochure website describes the essential information about a businesses or organisation. It most commonly includes a home page, about, services, gallery/portfolio, and a contact us page. Brochure websites provide information relevant to your target market, with the aim of generating business enquires and good quality sales leads.

See also: static website Back to Index

CMS A Content Management System enables an organisation to create, edit, manage, review and publish content to a website. A CMS is designed to help people publish content without requiring web programming experience. Content that can be managed by a CMS includes electronic text, images, music and movies. A CMS can also set user roles, to control which information users can view, edit, publish, etc.

CMYK CMYK colours (also known as process colour, four colour process) are used to display images in ink on paper. The majority of the world’s printed material is produced using the CMYK colour model. This model uses a subtractive colour system to mix the primary CMYK colours—cyan, magenta, yellow and key (black)—to create a gamut of other colours. For example, mixing a percentage of cyan (an intense mid blue colour) with yellow will result in green. Adding a percentage of black will make this colour darker.

See also: rgb CRM

Customer Relationship Management is the strategy employed by a company to manage its interactions with customers, clients and sales prospects. CRM systems help the company to understand the customer, create a better customer experience and attract new customers.

See also: reporting and analytics CSS CSS stands for Cascading Style Sheet, a programming language used to control how information is presented on a web page. For example, a CSS file can be set to control the colour, size and font used to display text on a web page. A CSS file enables repetitive code to be separated from the structure of a web page to enable the page to load faster and for formatting of styles to be made at one central location. CSS files also allow for greater flexibility when presenting information on different devices: for example CSS can display a webpage differently on screen (in different browsers and platforms), when printed, and on mobile devices.

See also: reporting and analytics Back to Index

Database A collection of information (data) arranged in a way to make desired pieces of information easy to obtain by a computer program. A database management system (DBMS) is required to access information from a database.

DNS DNS stands for Domain Name Service. When you type a domain name into a web browser, a DNS converts the domain name to its IP address to call up the website.

See also: domain name, domain registration Domain name The name of a website. Each website has a unique IP address, written as a string of numbers. To make an IP address easier for people to remember, an IP address can be given a unique domain name, like madeyoulook.com.au.

See also: dns, domain registration

Domain registration The process of registering a domain name. A domain name registrar manages domain names.

See also: dns, domain name Dynamic website As compared to a static website, dynamic websites use more complex code to perform various functionality on a site. Dynamic websites often present information drawn from a database, so information can be kept current by simply updating the information on the database, rather than updating the webpage itself. Dynamic websites can be connected to an online interface, providing the website owner the ability to update information themselves without the need of a website developer.

See also: static website, database Back to Index

eCommerce Electronic commerce. Also known as eCommerce or e-business. E-commerce refers to conducting business online. It commonly refers to displaying products or services online, and allowing visitors to purchase those products or services in a safe manner—usually through a payment gateway.

See also: payment gateway Email marketing Marketing to clients and prospective clients through email.

See also: email newsletter Email newsletter Sending a newsletter to a subscribed group with HTML email. Software can be used to gather subscriptions, personalise, send and monitor the success of an email marketing campaign. Various rules are in place to ensure emails are not defined as spam—unwanted email messages.

See also: email marketing Back to Index

Flash Flash enables advanced animation, video content and interactivity on a website. Flash content requires a plug-in to be installed on the web browser. According to Adobe, the proprietor of the software, the Flash player is used by is 98% of internet enabled desktops. YouTube uses Flash to present video content. In fact, all videos on YouTube are streamed through the Adobe Flash Player. It is possible for users to prevent Flash content from being viewed in their browsers. Flash is supported on smart phones, and tablets, however is not currently supported on iPhones and iPads.

See also: web browser Forum A forum (aka Internet Forum, Message Board or Newsgroup) is a discussion board on the Internet. Participants of a forum discuss common interests by posting a message to the group, and the message is then displayed on the forum. Messages are grouped under topics, with each new conversation called a thread. While most forums are open to the general public to use, some forums require members to login to access or post to the forum. Some forums are set up so that a posted message might need to be approved by a moderator before it becomes visible.

See also: social media FTP File Transfer Protocol. A programming language that enables files to be uploaded and downloaded to a web server. An FTP login (username and password) is required to access and manage the files on your website.

See also: server Back to Index

GIF GIF (Graphics Interchange Format) is a common file format for image files, often used on the web. GIFs can be static or animated. Animated GIFs are often used as banner ads. Like JPG image files, GIF images are compressed to reduce the file size. GIF file format is best used for images few distinct colors (with areas that are all exactly the same color) such as logos.

See also: jpg, png Back to Index

Hosting Hosting refers to storing a web site (or other electronic data) on a computer, which is connected to the Internet.

See also: server HTML HyperText Markup Language. HTML is the basic programming language that controls how web pages are formatted and displayed.

See also: css, javascript, www, internet HTTP HyperText Transfer Protocol. A programming language used by the web to share and display information on web pages.

See also: internet, www Hyperlink A device that when clicked on links to another place on a web page or to another web page.

Back to Index

Internet The internet is a massive networking structure, connecting millions of computers together around the world, enabling the computers to communicate information to each other. Information is shared using a number of programming languages, called protocols. HTTP and FTP are two of these protocols.

See also: ftp, http, www

IP address IP addresses are Internet Protocol (IP) addresses. Every computer has an IP address, as does every website you visit. An IP address is like a phone number with a string of numbers with dots in the middle. One of the IP address for the Google.com.au website is: 74.125.93.106.

See also: dns, domain name Back to Index

JavaScript JavaScript is a programming language that is used to perform dynamic tasks such as interactivity and animation on a website. Javascript runs on the visitor’s browser, and a user can elect to disable JavaScript on their browser (JavaScript is enabled by default).

See also: html, web browser JPG JPG or JPEG (Joint Photographic Experts Group) is a common file format for image files, often used on the web. JPG files compress the file size of an image through a ‘lossy’ process, where some details are discarded. JPG files are best used for photographs and other artwork.

See also: gif, png Back to Index

Meta tag Meta tags are HTML codes that are inserted into the header on a web page. The code provides information to web browsers and search engines about the content of the web page. Despite popular belief, meta tags (such as the meta description tag and meta keyword tag) do not provide a guaranteed way to gain a top ranking on search engines. However they do provide a useful way to control how some search engines describe web pages.

See also: html, search engine, seo Back to Index

Pantone Matching System Pantone (aka Pantone, spot or PMS) is a proprietary colour management system commonly used in the printing industry to recreate consistent colours. PMS colours are often referred to when defining corporate colours. Pantone has over 1,300 pre-defined color choices. Some of these ‘special’ colours cannot be reproduced in CMYK.

See also: cmyk, rgb Payment gateway A payment gateway is a third party service that enables the safe transaction of money online from one party to another, for example by someone purchasing a product on a website. PayPal is an example of a payment gateway service provider.

See also: e-commerce PNG PNG (Portable Network Graphics) is a common file format for image files, often used on the web. It is pronounced "ping" or spelled out as 'P-N-G.' It has some

Useful Glossaries For Web Designers and Developers 

By Daved Brosche

In a day in age where there are just as many freelancers as there are university educated designers, developers, and all around web gurus, it is amazing to me how much many of us don‟t know or have forgot about our trade. As a self-taught designer, I will admit to you upfront that there is a lot I don‟t know when it comes to official jargon or certain aspects of things like typography and graphic design. It is these reasons that I call upon glossaries from time to time. These glossaries are also especially useful for those of you who are just getting started in the online business world. By understanding that basics of the core materials that make up whatever it is you are getting into, you will be able to have a better understanding of what‟s going on in your industry, as well as be able to learn faster. But glossaries aren‟t just for brushing up on old terms or for calling upon while you learn new things. They can also make a great reference point for your customers. I am sure we have all had clients who thought they knew what they were talking about when it came to SEO or web design. When you try to explain to these clients that they don‟t know what they are talking about, the end result can sometimes turn ugly or at least bring on an unwanted headache. In these

situations it is handy to have a glossary at hand to point your clients to. This way they can see that they were mistaken and you get the satisfaction of your own personal “I told you so.” Last week we presented Web Design Industry Jargon: Glossary and Resources, a general guide to industry terms that should get you well on your way to understanding what web designers are talking about. In this post we go into detail in each single area of web design such as typography, usability, marketing, Photoshop, wordpress, graphic design, CSS, XHTML, DOM, JavaScript, print design, SEO, social media, software development, Twitter and further areas. Every other Tuesday we send out our lovely email newsletter with useful tips and techniques, recent articles and upcoming events. 145,000 readers have signed up already. Why don't you sign up, too?

Typography Glossaries You would be surprised how many designers, especially graphic designers, out there don‟t know even the most basic of typography terms. I am guilty of this myself. I could probably count the number of typography terms that I know on two hands. I couldn‟t tell you what makes one font better than the other aside from the way it looks. If you find yourself in this boat and want to learn more about the basics of typography, these glossaries are a good place to start.

 

Fontshop Typeface Glossary Typenow Glossary

        

Large Typography Glossary Adobe Typography Glossary Thinking With Type Glossary The Web Designer’s Typographic Glossary A disagreeably facetioustype glossary A Typographic Glossary Type Terminology Font Menu Type Glossary Typography Glossary

Usability, UX and IA Glossaries Do yourself a favor and start learning as much as you can about usability and design. You would be surprised how much of a difference a user-friendly landing page can make. Simple things like button shapes, call to action wording, and colors can play a big part in how users interact with your design. Understanding the basics of usability can help you create better designs. Start by learning the basic terms in these glossaries.

        

Usability Terms The Complete List of Usability Terms Glossary of Usability Terms Universal Usability Glossary 30 Usability Issues To Be Aware Of An Evolving Glossary of Experience Design Interaction Design UX Glossary Information Architecture Glossary The Information Architecture Glossary (PDF)

Marketing Glossaries Following closely on the heals of good usability is understanding marketing. I wouldn‟t go so far as to say they are one in the same, but they are definitely closely related. Better understanding how marketing works can do loads for your business and your clients business. Start educating your self by studying up on some of the more basic marketing terms. Or if you are already pretty market savvy, but want to brush up, there are a number of more “advanced” glossaries below as well.

           

The Fundaments Of Web Analytics Marketing Glossary and Terms Professional Marketing Glossary Business Marketing Terms Viral Marketing Glossary Brand Glossary Branding Glossary Advertising Glossary Glossary of interactive advertising terms (pdf) Google AdWords Glossary Google AdSense Glossary Marketing Glossary

CSS, (X)HTML, DOM and JavaScript Glossaries As designers and coders, we often need to look up the definition and the applying rules for an attribute, selector, tree node, a property or a HTML-tag. Therefore lookup-references may come

in handy. Good news – there are many reference resources out there. Below you‟ll find some really good ones.

                   

Sitepoint CSS Glossary Codestyle CSS Glossary CSS Properties (HTMLDog) CSS Properties (Sitepoint) CSS Selectors CSS @-Rules CSS Concepts The complete CSS guide (Westciv) CSS References at W3C School HTML 4 Elements (WDG, HTMLHelp) HTML Tags HTML Elements HTML Common Attributes HTML Concepts Full HTML Reference JavaScript DOM Core Full JavaScript Reference Full jQuery Reference Visual jQuery Reference XML Glossary

Graphic Design Glossaries

Perhaps it is because many designers are self taught that they only have a limited understanding of professional graphic design terms. Sure, we all know what cropping and justifying are, but there are so many other terms out there that many of us don‟t know. While we can probably get away with never knowing them, it can‟t hurt to learn. This is especially true for new designers. Why not go ahead and learn these terms early on while you are still in the learning process?

      

Graphic Design Glossary, Terms and Definitions Glossary of graphic design and web page design terms Color Glossary Graphic Design Glossary Graphic Design Glossary Graphics Glossary Logo Design Famous Brands Glossary

Print Design Glossaries The transition from print design, with its absolute positioning, fixed layouts and grid-structure to more dynamic and flexible web design isn‟t an easy task. Therefore if your colleague is just doing the switch from print design to web design, you may need to be able to communicate with him in “his” or “her” language. Therefore general terms from print design may come in handy as well. Do you know what “4 over K”, “semi-gloss finish” or “column rule” mean? OK, let‟s dive into the classic print design terms.

     

Newspaper Design Glossary Glossary Of Common Print Design Terms Print design glossary Design and Print Glossary The Glossary Of Printing Terms Glossary of Printing and Graphic Terms

Web Design Glossaries - http://www.smashingmagazine.com/2009/05/29/useful-glossaries-for-webdesigners-and-developers/ I would think that many professional and full time designers and developers already know just about every term in these web design glossaries. However, I know that when first venturing into web design, many of the terms associated with the industry can be a bit foreign. Thus, I decided to add this collection of web design glossaries to the list for those who are getting into web design and developing and could use a little extra help figuring out what everything means.

        

The Motive Web Design Glossary Web Design Industry Jargon: Glossary and Resources Huge Web Design Glossary Sitepoint Web Design Glossary Web Design Glossary Web Design Glossary Web Design Group Glossary of Terms Photoshop Glossary Complete Glossary of Photoshop Terms and Definitions

SEO Glossaries Try to do some search engine optimization for your website or your clients? Knowing what you are talking about is always a good idea, for both you and your client. So often clients want some search engine optimization done, but really have no clue what they are asking for or what you are saying. Referring them to some of the search engine optimization glossaries below can do wonders to save you and your client a world of headaches when it comes to SEO work.

      

SEO Glossary SEO Glossary for 0 to Z A Complete Glossary of Essential SEO Jargon Search Engine Optimization (SEO) Glossary of Terms The SEO Book Glossary SEO Glossary Search Engine Optimization Glossary

Social Media Because it seems like something new is always popping up on the social media scene, it is only natural that there may be terms we aren‟t familiar with from time to time. This is especially true for those who are just venturing into online business and social media for the first time. This also goes back to the comments I made about SEO terms. You can save you and your clients some frustrations by making sure you are both on the same page by understanding what each other is talking about. Using these glossaries to explain yourself better to a client will work wonders in keeping you two on the same page.

     

A-Z of Social Media Glossary of Blogging and Social Media Terms The Bloggers’ Glossary Social Media Glossary 25 Social Media Buzzwords Explained Giant Bloggin Terms Glossary

Twitter Glossaries You had to know this list of glossaries was coming! With so much going on in the world today about Twitter, it is only natural that new Twitter users are popping up every day. When one first gets into Twitter the list of associated terminology can be very much like foreign language. For outsiders looking in, I think that is very much the case. I think my local news station needs to read up on these, as every time they talk about Twitter they look deeply confused about the words that are coming out of their mouth.

     

Twittonary – The Twitter Dictionary My Twittonary: Every Twitter Term and Tool I Can Find Twitterspeak: 66 Twitter Terms Twitter Glossary How to Speak Twitter Twitter Glossary: Twitter Lingo Explained For The Utterly Confused

CMS Glossaries WordPress, Joomla, Textpattern and other CMS have a lot of its own and unique terms, tags and definitions. Because many people who run blogs don‟t know the first things about servers, PHP, or even WordPress for that matter; it can be a bit intimidating. But, as many CMS users know, there isn‟t much to it once you know how everything works. The glossaries below can help both developers and new users to WordPress, Joomla and TextPattern.

  

WordPress Codex Glossary Joomla 1.5 Glossary Textpattern Tag Glossary

Software Development While most web designers do both front-end and back-end-development in their regular work, it may be helpful to have a good understanding not only of front-end (covered above), but also of common software development. A glossary with terms used in agile development, software engineering, prototyping and general software development. Apart from that you may want to understand what your colleagues-coders in Python, Ruby on Rails or Java talk about when throwing around fancy programming terms, right?

        

Python Glossary Java Glossary Ruby on Rails Brief Glossary Software Testing Glossary Software Engineering Glossary (pdf) An Abbreviated Software Engineering Glossary Software Development Glossary Agile Development Glossary Rapid prototyping glossary

Something is missing? We definitely missed some useful glossaries in this list. Please help us make this list as universal and useful as possible. Please share useful resources with us in the comments to this post! All comments will be considered and useful resources will be added to the post. Thank you.