This tutorial engages the student in learning and using different numbering systems.
It is designed for programming students and does not require a strong math background.

This tutorial requires a very basic knowledge of HTML and CSS, using a text editor to create a simple web page.

Use this learning activity in your web development and intro to programming courses.

Learning Objectives:
-- Demonstrate the relationship between binary, decimal, and hexadecimal numbers.
-- Perform conversions between binary, octal, decimal, and hexadecimal systems.
-- Demonstrate examples of three different numbering systems used in programming.
-- Demonstrate the difference between a code and a cipher.

The student interacts with the following numberings systems:
-- Color designations used on a web page using:
- Color names in English
- The same colors designated using decimal numbers
- The same using hexadecimal numbers
- Converting into binary for the computer
-- Morse Code
- Another binary representation
- Introduces the concept of timing and cycles
-- ASCII and Unicode
- Display characters from other languages
- Display special characters such as euro and cents
- Displaying emoticons
-- Using a calculator in programming mode to convert numbers to a different base.

The tutorial uses HTML/CSS to demonstrate the difference between decimal and hexadecimal codes.

Materials include:
-- 30 question quiz bank in Moodle .gift format.
-- Student Project Specifications with sample solution.
-- Start and Final source code files that can be used with the tutorial.

Important: This tutorial requires a very basic knowledge of HTML and CSS, using a text editor to create a simple web page.