Intro to Web Design - Vocabulary

  • Binary - a base 2 number system - this means the only digits available are 0 and 1 - all computer programs are executed in binary form
  • Bit - Binary Digit - the smallest unit of information on a computer, represented as either a 0 or a 1
  • Byte - a byte is equal to 8 bits - computer data storage is measured in bytes
    • KB (kilo) = approximately 1,000 bytes (thousands)
    • MB (mega) = approximately 1,000,000 bytes (millions)
    • GB (giga) = approximately 1,000,000,000 bytes (billions)
    • TB (tera) - approximately 1,000,000,000,000 bytes (trillions)
  • BODY section- the text of the actual page itself
  • Debugging - the trial and error process of testing out code to find errors
  • Digital Footprint - the trail, traces or "footprints" that people leave online. This is information transmitted online, such as forum registration, e-mails and attachments, uploading videos or digital images and any other form of transmission of information — all of which leaves traces of personal information about yourself available to others online
  • Document - each webpage is really just plain text written up in a document, to let the browser know it is a webpage we use the extension of .html or .htm
  • GIF - Graphics Interchange Format - an image file with limited color (256) - best for images such as clipart - can be used for animations
  • HEAD section - the brain of the page - information in here is used to help create the page (titles, keywords, etc)
  • HTML - Hypertext Markup Language
  • Hypertext - a piece of text that works as a link
  • Image tag - indicates that an image should be placed on the page. The source file location is included as part of the code.
    <img src="images/filename.type">
  • JPEG or JPG: Joint Photographic Experts Group - an image file with high quality color and resolution - often used for photographs
  • Metadata - data about data - this is information included in the Head section that provides information about the page vs the actual text displayed on the page
  • Markup Language - used to format that layout for a document (web page)
  • Paragraph tag - indicates the text is a new paragraph (will usually add a line of space) <p></p>
  • PNG - Portable Network Graphic - intended as a replacement for the GIF file type - does not support animations
  • Pixel: PIX (picture) Element - the smallest unit on a display screen or in a digital image
  • RGB (red, green, and blue): refers to a system for representing the colors to be used on a computer display. Red, green, and blue can be combined in various proportions to obtain any color in the visible spectrum.
  • SEO - Search Engine Optimization - a set of rules that can be followed by website owners to improve their websites for search engine rankings
  • Tags (or elements) are specific pieces of code that mean something to the browser - these are always surrounded by a pair of brackets <> - this is an example of a head tag: <HEAD> *using caps is not necessary but it helps to make the tags stand out in the code - a / is added to indicate the end of a tag: </HTML>
  • TItle tag - included within the HEAD section - it is where the browser will find the text title to diplay for the page
  • WYSISWYG (what you see is what you get) - a visually based web page editor, like Wix, Wordpress, or Blogger