1. Information in Computers

2. Files and Folders

3. What about storing them on computers
If everything is uniquely named, a matter of convenience
If want to re-use names?
Best practice for web pages is to always use the same name for the first page

4. On a computer Files are the content Folders are the holders
Files always have extensions
Tells the computer what is in it
Remember: everything is bits!
Folders are the holders
Folders can have folders inside them
As many times as you want

5. The file types that you will be using
.html -- the instructions that structure the web page
.css -- the instructions that let you format the page
.jpg, .jpeg, .gif, .png, … -- pictures
Folders “extension” is /
What is on the other side of the / is contained in the folder
It can another folder or a file
Never use a “.” in a folder name
Better not to use spaces

6. Navigating to a file If it in the same folder: page.html
If it is in a subfolder
folder/page.html or ./folder/page.html

7. Saving files on your computer
COMP101 (This will mirror public_html/COMP101 on isis)
In COMP101,
folder for every assignment and project and some labs

8. Filezilla layout
Your computer
Isis server
No Magic.
You need to move files between them.
Drag and Drop.

9. Colors

10. Colors – Paint (Subtractive Color Model)
Primaries: magenta, yellow, and cyan
This color system is called subtractive because:
each primary color absorbs (subtracts) a certain part of the color spectrum.
every time a color is added, less light is reflected.
When you mix all three primaries together, the entire spectrum of color is absorbed, and we’re left with black.
Does anyone know the primary colors?

11. Colors - Lights (Additive Color System)
Primaries: Red, Blue, Green Additive color systems start without light (black). Light sources combine to make a color. As colors are added, the resulting color is brighter.
The primary colors are different for computers

12. Colors (colorpicker.com)
We’ll be working with the additive color system Mix various amounts of red, green, and blue to create a color. Colors can be represented by rgb (red#, green#, blue#) Each color is indicated by a number from (0,0,0) = black (255,255,255) = white