EmTech

• Image- a representation of the external form of a person or thing in art
• Images may be 2-dimensional, such as a photograph or screen display or 3 dimensional such as a statue or hologram
• Images may be captured by optical devices such as camera, mirrors, lenses, telescopes, microscopes, and natural objects and phenomena, such as the human eye or water.
• Graphics - are visual images or designs on some surfaces, such as a wall, canvas, screen, paper, or stone to inform, illustrate, or entertain
• (Online Image File Format) 1.) Joint Photographic Experts Group (JPEG) - does not support transparency and animation (.jpeg or jpg)
• (Online Image File Format) 2.) Graphics Interchange Format (GIF) - supports transparency and animation (.gif)
• (Online Image File Format) 3.) Portable Network Graphic (PNG) - supports transparency but not in animation (.png)
• Layout - is part of graphic design that deals in the arrangement of visual elements on a page
• (Basic Principles of Graphics and Layout) 1) Balance - the visual weight of objects, texture, colors, and space is evenly distributed on the screen.
• (Basic Principles of Graphics and Layout) 2) Emphasis - an area in the design that may appear different in size, texture, shape, or color to attract the viewer's attention
• (Basic Principles of Graphics and Layout) 3) Movement - Visual elements guide the viewer's eyes around the screen
• (Basic Principles of Graphics and Layout) 4) Pattern - Builds course, It builds familiarity and organizes design for trouble-free viewing
• (Basic Principles of Graphics and Layout) 5) Repetition - makes design aware. It brings consistency and flow to the design
• (Basic Principles of Graphics and Layout) 6) Proportion - conveys stability. it involves scaling of various elements to create a coherent design
• (Basic Principles of Graphics and Layout) 7) Harmony - brings elements closer. it utilizes familiar traits of design elements and puts them into focus.
• (Basic Principles of Graphics and Layout) 8) Contrast - addresses conflict. It highlights the difference and puts an emphasis to what is important
• (Basic Principles of Graphics and Layout) 9) Variety - reaps attention. It adds flavor to the design, making it more interesting and engaging
• infographics - information graphics are used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention
• 5 Principles in Making an Effective Infographic Design: 1) Be Unique 2) Make it Simple 3) Be Creative and Bold 4) Less is More 5) The Importance of Getting it Across
• infographic video - a visual presentation of data and knowledge in the form of an online video
• (3 Image Manipulation Principles) 1) Choose the right file format - Try to make a real - life photograph into Gif to see the difference between PNG, GIF, and JPEG. Knowing the purpose is the key to finding out the best file format
• (3 Image Manipulation Principles) 2) Choose the right image size - a camera with 12 megapixels constitutes to a bigger image size. Monitors have a resolution limit, so even if you have a million megapixels, it will not display everything
• (3 Image Manipulation Principles) 3) Caption it - remember to put a caption on images whenever possible. If it is not related to the we page, then remove it
• (9 Image Manipulation Techniques) 1) Cropping - cutting parts away to remove distracting or irrelevant elements
• (9 Image Manipulation Techniques) 2) Color Balance - the ambience and the tone of light of the picture (ex. warm or cool light)
• (9 Image Manipulation Techniques) 3) Brightness and Contrast - one of the most basic techniques in image editing. making the image darker or lighter
• (9 Image Manipulation Techniques) 4) Compression and Resizing - the higher the quality and the larger the photo is, bigger the file size of the picture is
• (9 Image Manipulation Techniques) 5) Filters - Making the image look sketched, grainy, classic black and white or even let it have neon colors. This gives your image a twist from its original look
• (9 Image Manipulation Techniques) 6) Cloning - copying or duplicating a part of an image
• (9 Image Manipulation Techniques) 7) Changing the background - adding background to make your image stand out
• (9 Image Manipulation Techniques) 8) Removing the Color - removing certain colors in your image or desaturating the color of the image
• (9 Image Manipulation Techniques) 9) Combining Text, Graphics and Image - adding multiple elements in your layout
• Image Hosting Websites: Google+ Photos, Flickr, Smugmug, Imgur, 500px, Photobucket, Amazon Prime Photos, DropBox, Chevereto, Imageshack
• Website


  A collection of web pages and related content that is identified by a common domain name and published on at least one web server
• How websites work


  1. Rent space on a server

  2. Server stores website content

  3. Domain name helps people find website

  4. Browser requests content from server

  5. Server sends content to browser

  6. Browser displays website
• Server


  • A computer connected to the Internet that stores and hosts website content
  • Identified by an IP address (a long string of numbers)
• Hosting


  Renting space on a server to host a website, similar to renting a physical space for a business
• Domain name


  The unique web address that people type into a browser to access a website, similar to the sign above a physical business
• How a website is accessed


  1. User types domain name into browser

  2. Browser finds server with website content

  3. Browser requests content from server

  4. Server sends content to browser

  5. Browser displays website
• Devices communicate with the server using confusing bits and bytes, not English