Glossary of Terms

Total Page:16

File Type:pdf, Size:1020Kb

Glossary of Terms Glossary of Terms Bandwidth: Bandwidth is the amount of information your connection to the Internet can carry, usually measured in bits per second. Banner: A banner is a graphic that is placed around a website for the use of advertising. Graphics can use static images and text, or even be animated. Banners are a great way to draw attention to special information or offers, whether it's on your site or an external site. Browser: A browser is the software you use to view web pages - in fact you're using one right now! Google Chrome, Mozilla Firefox, and Internet Explorer are some of the more common browsers, but there are others like Safari and Opera. Since each one is different, pages can vary in appearance depending on what browser is used. This has to be taken into account when designing and testing websites. CMS: Short for "Content Management System," a CMS allows a number of users to create and change website content through the use of WSYIWIG editors, without the need for HTML knowledge. Because the CMS is online, there is no need for external programs or uploading of separate page documents, and content can be published or unpublished with a single click. Compression: Compression makes files smaller for faster upload/download times, and less disk space usage. JPEGs use compression, making them ideal for web, but can lead to loss of image quality if re-saved multiple times. Cookie: A cookie is a message given to a web browser (the application you use to get online) by a web server. Cookies help identify website users who have visited previously, or those that are there for the first time, and can prepare customized content for them depending on those criteria. DNS: Short for "Domain Name System." The DNS translates URL text addresses that we use (like www.bkmediagroup.com) into a numeric Internet address. DPI: "Dots Per Inch." DPI refers to print resolution of an image, or of the output device (like a printer). The resolution for web is 72 dpi, while the standard for print is 300 dpi, which allows for much greater clarity. Domain name: A domain name is a name that identifies a computer or computers on the Internet. These names appear as a part of a Website's URL. For example, in www.bkmediagroup.com - bkmediagroup is the domain name. E-Commerce: 'Electronic commerce' is the buying and selling of goods and services, and the transfer of funds, through digital communications. More and more businesses are selling merchandise on their websites using intricate programs that allow customers to put items in a 'shopping cart' and check out, and even account for shipping and tax costs. Error 404: A 404 error message means the page you're trying to reach cannot be found. This can happen if you link to a page that doesn't exist, or if a page is taken down and the link remains up. Favicon: Look up! A Favicon is the little image that appears in the browser window next to your URL, or in next to the meta-title if you're using tabs. Findability: Findability is an internet marketing term that refers to how easily information on a website can be found, either from search engines and other online directories and resources, or from within the site itself. Fold: In web design terms, "fold" is the line past which someone has to scroll to see more content. Everything that shows up when a page first loads is "above the fold" and "below-" or "after the fold" refers to the content further down the page. The term comes originally from newspapers, as the top half of the front page was "above the fold," and is where the major stories and images were placed for maximum effect. Forms: Forms use HTML tags that define and label text-entry boxes, check boxes, radio buttons, and/or drop-down menus to create simple ways for someone to collect information from users directly on the site. Freeware: Any software that is distributed for free on the web. Some well known examples would be Adobe Reader (for viewing of PDFs) and Skype (video chatting). FTP: Short for "File Transfer Protocol." FTP allows you to copy or send files (HTML documents, graphic images, spreadsheets, etc.) from one computer to another via the Internet. A user ID and password are needed to use FTP, unless Anonymous FTP is allowed. Â Google Analytics: Google Analytics is a service offered by Google that generates detailed statistics about a website's traffic and traffic sources and measures conversions and goals. It is the most widely used website statistics service. Hexadecimal: A numbering system which uses a base of 16. The first ten digits are 0-9 and the next six are A-F. Hexadecimal numbers are used to determine (and standardize) colors on the web. For example, the hexadecimal equivalent for the color white is #FFFFFF, while black is #000000 HTML: Short for "HyperText Markup Language," HTML a cross-platform language for creating and formatting web pages. Elements and tags are used to affect copy, images, sounds, frames, animation and more. Hyperlink: A hyperlink, more commonly called a link, is an electronic connection between one web page to either other web pages on the same website (internal linking), or web pages located on another website (external linking). Image Map: An image map is a list of coordinates related to a image, such that clicking certain areas of the image links to different pages. With a normal image link, the entire image would link to one single page. ISP: Short for "Internet Service Provider," it's the company that provides you with access to the Internet. JavaScript: JavaScript is a scripting language developed by Netscape that interacts with HTML, allowing for interactive websites. JavaScript can make web pages more animated and dynamic in terms of graphics and navigation. Some of the most common graphic JavaScript effects are mouseovers, rotating sliders, and Javascript navigation, commonly created using drop-down menus. JPEG or JPG: Short for "Joint Photographic Experts Group," the group that created the standards for what are JPEG images (JPEG is the type of file, while JPG is the file extension). JPEGs use adjustable compression, meaning you can make them smaller (though at the cost of clarity) for uses such as web. Kerning: In type, the horizontal spacing between the letters in a word. Leading: (pronounced "ledding," not "leeding") In type, the vertical spacing between lines of text. The term comes from the strips of lead that were used (for the same purpose) on printing presses. Masthead: A masthead is a graphic image placed on top of a web page helps to easily identify the current page to the user. Masthead images can contain photos, text, shapes, and/or image maps. Metadata: Metadata is a confusing and somewhat ambiguous idea. Straight from Wikipedia: "Metadata is defined as data providing information about one or more aspects of the data, such as: Means of creation of the data, Purpose of the data, Time and date of creation, Creator or author of data, Location on a computer network where the data was created, Standards used." In basic terms, it's behind the scenes information on your site that describes the site itself and content housed within. Mouseover: Mouseover refers to any kind of action that occurs when a users places their cursor (that arrow you move around your screen) over a button, but before anything is clicked. The actions can be anything from a simple change in color to an intricate animation. Navigation: Navigation refers to the process by which users accesses information on the internet. Usually when we use the term, we're talking about the menus, links, icons and buttons on your site, along with where they are and where they take a use. Open Source: Freely distributable and modifiable software to which the source code is available to the public. Open Source Software often comes with the benefit of a widely supported network of web developers and web designers that contribute to the application, make updates, and troubleshoot application glitches that would otherwise take much longer in a proprietary situation. Mozilla Firefox and Wordpress are two examples of open source software, which is why you see so many different themes and extensions for each, most created by the public. Opt-In: In email marketing, you need to make sure your recipients want to get your messages, or you could get marked as spam. Opting-in means that someone has specifically requested to receive emails about a particular topic or from a particular entity. Outbound link: Outbound links refer to links from your site to an external (somebody else's) site. PDF: Short for "Portable Document Format," they were first developed by Adobe. The idea behind the PDF was to create a file format that did not dependent on applications, software, hardware or software for proper viewing. Every PDF file has a complete description of a document, including the text, fonts, graphics, and other information needed to display it. PNG: Short for "Portable Network Graphics," (but you can just say "ping"). PNG is an image format used for lossless compression and displaying images on the web. PNGs allow for millions of colors, as well as transparent backgrounds, through that can sometimes result in larger file sizes. Radio Button: Also called an option button, radio buttons allow users to choose one of a number of predetermined options. Common radio buttons could be yes/no questions, or age ranges (18-24, 25-30, etc.) A radio button is different from a check box, which can accept multiple checked items at a time.
Recommended publications
  • What Resolution Should Your Images Be?
    What Resolution Should Your Images Be? The best way to determine the optimum resolution is to think about the final use of your images. For publication you’ll need the highest resolution, for desktop printing lower, and for web or classroom use, lower still. The following table is a general guide; detailed explanations follow. Use Pixel Size Resolution Preferred Approx. File File Format Size Projected in class About 1024 pixels wide 102 DPI JPEG 300–600 K for a horizontal image; or 768 pixels high for a vertical one Web site About 400–600 pixels 72 DPI JPEG 20–200 K wide for a large image; 100–200 for a thumbnail image Printed in a book Multiply intended print 300 DPI EPS or TIFF 6–10 MB or art magazine size by resolution; e.g. an image to be printed as 6” W x 4” H would be 1800 x 1200 pixels. Printed on a Multiply intended print 200 DPI EPS or TIFF 2-3 MB laserwriter size by resolution; e.g. an image to be printed as 6” W x 4” H would be 1200 x 800 pixels. Digital Camera Photos Digital cameras have a range of preset resolutions which vary from camera to camera. Designation Resolution Max. Image size at Printable size on 300 DPI a color printer 4 Megapixels 2272 x 1704 pixels 7.5” x 5.7” 12” x 9” 3 Megapixels 2048 x 1536 pixels 6.8” x 5” 11” x 8.5” 2 Megapixels 1600 x 1200 pixels 5.3” x 4” 6” x 4” 1 Megapixel 1024 x 768 pixels 3.5” x 2.5” 5” x 3 If you can, you generally want to shoot larger than you need, then sharpen the image and reduce its size in Photoshop.
    [Show full text]
  • Printing Terms
    Printing Terms Bitmap - Also called a BMP or a raster image. A digital image that is pixel based and resolution dependent. Bit-mapped images loose sharpness and clarity when reduced or enlarged. These files are specified as a number of pixels wide by the number of pixels high. The number of bits per pixel determines the number of shades of grey or colors it can represent. Bitmaps come in many file formats, a few are GIF, JPEG, TIFF, BMP, PICT, and PSD. These types of images are created in paint programs, by scanning and by digital cameras. Bit- mapped files can also be placed or imported into a vector based file, but they remain raster images. For the promotional products industry, bit-mapped or raster images are not usually the preferred type of art for vendors to work with as they are more difficult to make adjustments such as re-sizing. CMYK - A color model where all the colors are made up of a combination of four process colors. CMYK is an abbreviation for cyan (a blue color), magenta (a red color), yellow and key (black). Color Separations - The process of separating the areas of a piece of art to be printed into its component spot or process ink colors. Each color to be printed must have its own printing plate. For example, if a piece of art was to be printed in 3 spot colors, such as PMS 185C Red, PMS 288C Blue and Black, there would be 3 plates. Each of the 3 plates would contain only the elements to be printed in a specific color.
    [Show full text]
  • Guide to Digital Art Specifications
    Guide to Digital Art Specifications Version 12.05.11 Image File Types Digital image formats for both Mac and PC platforms are accepted. Preferred file types: These file types work best and typically encounter few problems. tif (TIFF) jpg (JPEG) psd (Adobe Photoshop document) eps (Encapsulated PostScript) ai (Adobe Illustrator) pdf (Portable Document Format) Accepted file types: These file types are acceptable, although application versions and operating systems can introduce problems. A hardcopy, for cross-referencing, will ensure a more accurate outcome. doc, docx (Word) xls, xlsx (Excel) ppt, pptx (PowerPoint) fh (Freehand) cdr (Corel Draw) cvs (Canvas) Image sizing specifications should be discussed with the Editorial Office prior to digital file submission. Digital images should be submitted in the final size desired. White space around the image should be removed. Image Resolution The minimum acceptable resolution is 200 dpi at the desired final size in the paged article. To ensure the highest-quality published image, follow these optimum resolutions: • Line = 1200 dpi. Contains only black and white; no shades of gray. These images are typically ink drawings or charts. Other common terms used are monochrome or 1-bit. • Grayscale or Color = 300 dpi. Contains no text. A photograph or a painting is an example of this type of image. • Combination = 600 dpi. Grayscale or color image combined with a line image. An example is a photograph with letter labels, arrows, or text added outside the image area. Anytime a picture is combined with type outside the image area, the resolution must be high enough to maintain smooth, readable text.
    [Show full text]
  • Resolution and LPI
    Resolution and LPI Pixels: Raster graphics are made up of a grid of pixels. When viewing 100% or less on a monitor (72 dpi resolution) the individual pixels are not visible to the eye. If the dpi is lower such as in Example 1 you can see the individual pixels and can't really tell what the image is. Similar to when you zoom in on an image. Images that are only going to be viewed on the screen can be created or scanned at 72 dpi DPI or PPI: Dots per Inch or Pixels per Inch. Monitor and Scanning DPI/PPI: You will hear these terms used interchangably and in this case they refer to monitor view perimeters or the scanning resolution you select. When scanning or creating an image to be viewed on a monitor or projection device the dpi/ppi should be the same as the monitor - thus 72 dpi or a 1:1 ratio. Printer DPI/PPI: Your output device has a dpi resolution also. This is the number of dots it can create within a square inch. Example 2 shows that on a laser Example 1: Pixels Enlarged printer a number of dots can make up a halftone dot depending on the line screen selected (more about that later). When scanning or creating images that will be printed you need to capture more information about the image due to the printing process. The ratio you utilize must then be higher. But how high is enough. If your dpi is very high the file is huge.
    [Show full text]
  • 52. What Is Binary • Language That Hardware Uses to Communicate
    Language that hardware uses to communicate Digital images are made up of little dots of colour 52. What is Binary Made of 1’s and 0’s - 1 means on and data is present 57. Pixels called pixels and 0 means off and no data is present Image resolution describes the quality of an image. It tells 53. Binary Table 128 64 32 16 8 4 2 1 58. Image Resolution us how many pixels there are in an image. The higher the number, the better the image quality is. The letter A is represented by the number 65 Image resolution is measure in pixels per inch 128 64 32 16 8 4 2 1 For short, this is written as ppi 54. A in Binary 59. Pixels per Inch 0 1 0 0 0 0 0 1 Sometimes, it is referred to as dpi and this is short for dots So A is 01000001 per inch C = 67 60. High Resolution Because high resolution images contain more pixels per inch 128 64 32 16 8 4 2 1 Images – Good Points they can create very good quality images 0 1 0 0 0 0 1 1 Because high resolution images contain more pixels per inch a = 97 55. Text to Binary 61. High Resolution they hold a lot of data. 128 64 32 16 8 4 2 1 Images – Bad Points The bad point of a high resolution image is that they can Converting the 0 1 1 0 0 0 0 1 often take up a lot of storage space word Cat to Binary t = 116 128 64 32 16 8 4 2 1 Because they do not contain as many pixels per inch as high 62.
    [Show full text]
  • WYSIWYG Editor OU Campus V10
    WYSIWYG Editor OU Campus v10 OmniUpdate, Inc. 1320 Flynn Road, Suite 100 Camarillo, CA 93012 OmniUpdate, Inc. 1320 Flynn Road, Suite 100 Camarillo, CA 93012 800.362.2605 805.484.9428 (fax) www.omniupdate.com Copyright ® 2014 OmniUpdate, Inc. All rights reserved. Document Number: b-003 Publish Date: 7/16/2014 ® OmniUpdate and OU Campus™ are trademarks or registered trademarks of OmniUpdate, Inc. Any other company and product names, and trademarks mentioned within are property of their respective owners. Content is subject to change without notice. About OmniUpdate, Inc. ® OmniUpdate is the leading web content management system (CMS) provider for higher education. The company focuses on providing an exceptional product and customer experience to its OU Campus™ CMS users who manage more than 700 web and mobile sites in the U.S. and around the world. OU Campus is secure and scalable, server and platform independent, and seamlessly integrates with other enterprise campus systems. It provides college and university web developers, administrators, and marketers with the user- friendly tools and deployment flexibility they need to achieve excellence. For more information, visit . About This Guide The WYSIWYG Editor document provides a PDF version of the Support Site topics regarding the usage of the WYSIWYG Editor and the tools available for it. OU Campus Support The Support site is available to everyone and users are encouraged to visit and browse the site for information. An institution's administrators are also available if the answer cannot be found on the Support site or further explanation and clarification is needed. Administrators may contact the OmniUpdate Support Team.
    [Show full text]
  • Preparing Images for Powerpoint, the Web, and Publication a University of Michigan Library Instructional Technology Workshop
    Preparing Images for PowerPoint, the Web, and Publication A University of Michigan Library Instructional Technology Workshop What is Resolution? ....................................................................................................... 2 How Resolution Affects File Memory Size ................................................................... 2 Physical Size vs. Memory Size ...................................................................................... 3 Thinking Digitally ........................................................................................................... 4 What Resolution is Best For Printing? ............................................................................ 5 Professional Publications ............................................................................................................................. 5 Non-Professional Printing ........................................................................................................................... 5 Determining the Resolution of a Photo ........................................................................ 5 What Resolution is Best For The Screen? ..................................................................... 6 For PowerPoint ............................................................................................................................................. 6 For Web Graphics ........................................................................................................................................
    [Show full text]
  • Revisiting XSS Sanitization
    Revisiting XSS Sanitization Ashar Javed Chair for Network and Data Security Horst G¨ortzInstitute for IT-Security, Ruhr-University Bochum [email protected] Abstract. Cross-Site Scripting (XSS) | around fourteen years old vul- nerability is still on the rise and a continuous threat to the web applica- tions. Only last year, 150505 defacements (this is a least, an XSS can do) have been reported and archived in Zone-H (a cybercrime archive)1. The online WYSIWYG (What You See Is What You Get) or rich-text editors are now a days an essential component of the web applications. They allow users of web applications to edit and enter HTML rich text (i.e., formatted text, images, links and videos etc) inside the web browser window. The web applications use WYSIWYG editors as a part of comment functionality, private messaging among users of applications, blogs, notes, forums post, spellcheck as-you-type, ticketing feature, and other online services. The XSS in WYSIWYG editors is considered more dangerous and exploitable because the user-supplied rich-text con- tents (may be dangerous) are viewable by other users of web applications. In this paper, we present a security analysis of twenty five (25) pop- ular WYSIWYG editors powering thousands of web sites. The anal- ysis includes WYSIWYG editors like Enterprise TinyMCE, EditLive, Lithium, Jive, TinyMCE, PHP HTML Editor, markItUp! universal markup jQuery editor, FreeTextBox (popular ASP.NET editor), Froala Editor, elRTE, and CKEditor. At the same time, we also analyze rich-text ed- itors available on very popular sites like Twitter, Yahoo Mail, Amazon, GitHub and Magento and many more.
    [Show full text]
  • Workshop 1: Introduction to LATEX
    Workshop 1: Introduction to LATEX Dan Parker and David Schwein Sunday, September 21, 2014 Welcome to the first of the Science Center’s LATEX workshops! By the end of today’s workshop, you will be able to write a basic LATEX document containing mathematics. We assume that you have a working installation of LATEX and a LATEX editor. If you do not, please consult the installation guide. 1 Introduction 1.1 Questions and Answers What is LATEX? LATEX is a document preparation system, the de facto standard for mathematics, physics, and computer science. More technically, LATEX is a set of macros – extra commands – for the pro- gramming language TEX. Donald Knuth created TEX in the seventies because he was unhappy with the typography in one of his Art of Computer Program- ming books. He designed the program specifically for typesetting mathematics, and it was widely adopted in the years following its release. Later, in the eight- ies, Leslie Lamport wrote LATEX to extend TEX’s mostly low-level functionality. Today, LATEX has largely superseded TEX. Why should I use LATEX? 1.L ATEX documents are beautiful. Their typography is outstanding, espe- cially as compared to something like Microsoft Word. 2.L ATEX can make almost any document you can imagine and many others besides. 3.L ATEX is free, fast, and has virtually no bugs. LATEX is not for everyone, even among academics. While designing these workshops we found, for instance, that the chemistry department at Brown 1 does not care for LATEX. But mathematicians should certainly use LATEX, mainly because people will not take you seriously if you don’t.1 For the same reason, papers in other math-heavy scientific disciplines, such as physics and computer science, should also be prepared using LATEX.
    [Show full text]
  • Using the WYSIWYG HTML Editor
    Using the WYSIWYG HTML editor Purpose: This third-party editor, called ‘CKEditor’ is used to create web pages in a number of tools within WebLearn, such as Resources, Lessons, Forums, Announcements etc. Default permissions: There are no permissions associated directly with this editor. Access to it depends upon permission settings for each tool that uses it. This guide will show you some of the most commonly-used features of the WYSIWYG editor. WYSIWYG is an acronym for ‘What You See is What You Get’, referring to the fact that you can create web pages without having to write the source code (HTML). A comprehensive User’s Guide is available by clicking on the icon within the editor. Other useful step-by-step guides to read in conjunction with this one: Building the Home Page Resources Attaching files in WebLearn All step-by-step guides are available from weblearn.ox.ac.uk/info Introduction This editor will work with the following browsers: Firefox: latest stable version Internet Explorer: 8.0, 9.0 – close to full support; versions 10 and 11: full support Safari: latest stable version Opera: latest stable version Google Chrome: latest stable version There is much more help available online for this editor than is either necessary or practicable to include in this document. Click on the icon on the toolbar in the HTML editor to access online help. This is a comprehensive User Guide explaining all the icons and their functions. Click the User Guide for more information about the editor. DOC-8 Creative Commons Attribution 3.0 Unported License.
    [Show full text]
  • Using Fonts in Applications
    Using fonts in applications I. Font management skills for users on the go A. Why? You want to use different fonts in the documents that you create B. You activate and use the best fonts possible for the job C. Issues: you send the document to someone/ someplace/some other computer who does not have the fonts you used to format the text 1. Send a document to a professional print- shop 2. Email a document to a client/friend/col- league (professional or personal) D. What might happen? 1. Bad: error messages or font substitution happens when the document is opened and all your careful formatting is lost 2. Good: font is installed first and then the document opened 3. Good: font is somehow embedded in the document so that the font isn’t needed in the receiving computer (done in application) 4. Good: font automatically activates (3rd party font mgmt program) Ex: Fusion has a pref- erence to automatically activate fonts used in Office documents and plug-ins for Quark, Illustrator and InDesign II. Popular text apps that deal with missing fonts A. Introduction 1. Each application deals with missing fonts differently on the receiving end. This class will cover Microsoft Word and InDesign (both focus on text formatting) 2. This is why it’s good to have a list of the fonts that are installed with a particular application like Office or Creative Suites — hopefully to avoid the problem B. Microsoft Word (simple approach) 1. Word documents are now opened on computers that don’t have some or all of the docu- ment’s fonts, and then Word - very quietly, without telling you - uses font substitution to enable the computer to display the document text and print it.
    [Show full text]
  • LATEX for Psychological Researchers Lecture 1: Introducton
    Kahoot! LATEX for psychological researchers Lecture 1: Introducton Sacha Epskamp University of Amsterdam Department of Psychological Methods 27-01-2015 Contact Details Workshop website: I http://sachaepskamp.com/latex-workshop Further reading: I http://en.wikibooks.org/wiki/LaTeX Workshop Outline 9-10: Introduction 11-12: Basics of writing in LATEX 13-14: Writing APA style articles Today's lecture Introduction What is LATEX? Why use LATEX? LATEX vs WYSIWYG Obtaining LATEX Making a first LATEX document Hello world example What is LATEX? LATEX is. I A program that takes a plain text file with codes as input and produces a output document I This process is usually called compiling I The input is a plain text file with .tex extension I The output is a multipage vector based image file. In the past this was .DVI but nowadays mostly pdf and postscript are used I We will use .pdf, which can be created with the pdfLATEX program I The programming language in which the input file is written What is LATEX? LATEX refers to the programming language used to write the input file and the program used to interpret this file and compile the output file. It does not refer to an editor in which you write the input file. What is LATEX? Simple representation: .tex / pdfLATEX / .pdf other files WYSIWYG programs I LATEX is completely different from What You See Is What You Get programs (WYSIWYG) you are used to I For example: I Microsoft Word I Openoffice.org I LibreOffice I The main difference between the the two is that in WYSIWYG programs you directly edit the output file while with LATEX you edit the input file Disadvantages of LaTeX vs.
    [Show full text]