|
|||||||
|
|
|
|||||
|
|
|||||||
Lori Dekker 9/5/00 
HTML Class #2
Review Text Elements
And we're going to discuss graphics.
1. Adding Text to a blank page
2. Software Tools needed to build a web page
word processor
graphics design sound editors/program
animation program
browsers
HTML editors
FTP Software= File Transfer Protocol, Takes the files from the hard drive and uploads it to the web.
hot dog, chami.com Free, dreamweaver , frontpage , adobe go live, Netscape (composer),
WYSIWIG= What you see is what you get. You don't veiw the language, it looks as if the actual page is as it should be viewed. Need to know what the tags are.
Systems / Hardware required to build a webpage.
1. Computer
2. Server= Computer with a constant connection to the internet, and it typically runs an advanced OS (Operating System) like Unix or NT
3. Modem= Modulator/De-modulator= Turns the sounds into 1's & 0's into sounds (high pitch 1, low pitch 0)
4. CD Rom
5. Sound Card
6. Speaker
RX 4 Rules of Computing
1. Save every 15 min.
2. Save as Never Save
3. multiple copies in multiple locations
4. increment your file names
2. Utilities you should know about.
1. Scandisk
2. Defrag
Graphics
2 General types of Computer graphics
Raster (bitmap) = File collected from a series of dots (bits)
Vector = Lines & Points and objects
CAD File, Adobe Illustrator
Color Depth= More Depth=More Natural or True
High Color or True Color RGB
Index Color
256 Colors
128 Colors
64 Colors
32 Colors
16 Colors
8 Colors
4 Colors
2 Colors
Grey scale can be either RGB or Index
2 Types of Graphic files can be used on the web
GIF= 256 - 2 Colors
3 Varieties
1. Standard old gif
2. animated gif= sequence of images (arrow going across space 1,2,3 then bursting into fire) Can have timing
3. Gif 89A= Has a transparent component, makes one color transparent (Adobe Photo Shop, Paint Shop Pro can do this)
JPEG= High Color, True Color
16mil colors
24 mil colors, to 32 mil colors
GIF 256,-2
DPI= Dots per inch/Resolution 72 dpi per web graphic.
Speed of Download
What Goes Into Download Speed. Need to know how to optimize speed of uploading/downloading, think of it as a flyer not a newspaper. Front page needs to be as light/fast as possible; Use thumbnails.
1. TEXT
2. CODE
3. GRFX (size)
4. GRAPHIC (palette)
5. ANIMATION
6. SUBSIDIARY FILES/FRAMES
7. CONNEX SPEED
8. WWW SPEED
9. MODEM /ISP SPEED
Adjusting the physical size of a photo does not make a file size smaller.
This is an example of a GIF
graphic 
This is an example of a jpg
graphic 
This is an example of an animated
gif 
This is an example of a GIF 89a

Class #3
9/12/00
Pictures in a Web page are actually pointed to the page.
Graphic files need to be put on the web site from a floppy. Idea is that it needs to be saved
first.
My Alligators


Icebergs...not Rosenbergs


kezlor@terranova.net