Website

My website is http://zsipes.bravehost.com/zach/index.htm. The colors don't match up because I compressed the files so much to fit them into the tiny free hosting space.

Homework 6

1. Resume/Portfolio Website

2.


3. Grayscale to match finished resume.

4. Portfolio pieces/illustration

Homework 5

1. Kinetic Typography is the creation of an animation with the use of moving text. It is a graphical composition of text that generally moves to music or a quote.

2. Water

3. Roughly 70 percent of an adult’s body is made up of water.
At birth, water accounts for approximately 80 percent of an infant’s body weight.
A healthy person can drink about three gallons (48 cups) of water per day.
Drinking too much water too quickly can lead to water intoxication. Water intoxication occurs when water dilutes the sodium level in the bloodstream and causes an imbalance of water in the brain.
Water intoxication is most likely to occur during periods of intense athletic performance.
While the daily recommended amount of water is eight cups per day, not all of this water must be consumed in the liquid form. Nearly every food or drink item provides some water to the body.
Soft drinks, coffee, and tea, while made up almost entirely of water, also contain caffeine. Caffeine can act as a mild diuretic, preventing water from traveling to necessary locations in the body.
Pure water (solely hydrogen and oxygen atoms) has a neutral pH of 7, which is neither acidic nor basic.
Water dissolves more substances than any other liquid. Wherever it travels, water carries chemicals, minerals, and nutrients with it.
Somewhere between 70 and 75 percent of the earth’s surface is covered with water.
http://www.allaboutwater.org/water-facts.html

4. Unsure probably Arial and Tahoma.

5. Color palette: Hex #- 54A4DE, BBD9EE, EBF4FA, 206BA4, FFAB35

Buttons and Banners

What are the standard sizes for a banner?
Full Banner= 468 x 60 pixels
Full Banner (with navigation bar)= 392 x 72 pixels
Half Banner= 234 x 60 pixels
Vertical Banner= 120 x 240 pixels
Vertical Tower= 160 x 600 pixels

What are the standard sizes for a button?
Buttons can have different sizes.
120x90 and 120x60, while a square button is generally 125x125, and a micro button is 88x31.

Give the URL for 3 buttons and 3 banners as examples.
Banners:
http://www.heybannerbanner.com/portfolio.html
http://www.justgothere.com/
http://www.lajuett.com/sample-ad-banner-design.html

Buttons:
http://free-web-buttons.com/free-web-site-buttons.html
http://www.lincolnbeach.com/justbuttons_samples.asp
http://www.prodraw.net/button/buttons1.htm

Homework 3

1. Define:

• www- World Wide Web, beginning code for a web address or URL.
  
• HTML- Hyper Text Markup Language, the coding used to create a web page.
  
• P- defines a paragraph through the use of a tag
  
• A- defines an anchor in HTML code
• Br- defines a break in code, usually line break
• A href- is the tag used to create a hyperlink in code, anchor+ href specifies the location or URL.
• H1 to H6- these are heading titles or classification, they determine heading type size with H1 being the largest.
• Body- defines the documents body
• B- defines bold text
• I- defines italicized text
• Bgcolor- defines the background color for the webpage
• Img src- defines an image within a web page, src is the URL or location of the image.

2. Writing code for a simple website only needs to have a couple of tags for it to work. A page needs to have a HTML tag, a BODY tag, and then the end tags for these to have the basic structure of a webpage.

3. 5 locations for learning HTML.

• http://www.w3schools.com/html/
• http://www.learnhtmlonline.com/
• http://www.html.net/
• http://www.programmingtutorials.com/html.aspx
• http://www.htmlcodetutorial.com/
  

Homework 2

1. Web acceptable images are images that have gone through a specific process to ensure that they view correctly on the web. These images must be saved as one of the following images types: GIF, JPEG, PNG, or BMP. These images should also be in the RGB color format.

2. The acronyms are as follows: GIF Graphics Interchange Format, JPEG Joint Photographic Experts Group, PNG Portable Network Graphics, BMP Bitmap

3. GIF is the smallest image size, but it is limited to 8-bit color which is only 256 colors. However, GIFs can be animated. GIFs can also be interlaced to allow progressive loading on a web page.

JPEG is the best for photographic elements that involve many colors. JPEG is a 16-bit color format and can be compressed to lower image size without losing too much quality. JPEGs can be interlaced as well but cannot be animated.

PNG has two types. The first is PNG-8 which is 8-bit color similar to a GIF, the second is PNG-24 which is 24-bit color that resembles a JPEG. PNG runs on alpha channels which control the transparency of each pixel. This allows the use of transparent features on a web page. The major drawback is there have been compatibility issues with browsers and the PNG format.

BMP is a bitmap that can be 1, 4, 8, 16, 24, or 32 bit color. Uncompressed BMP files are usually very large, meaning use on the web is difficult for design.

4. GIF is very useful for animation or simple color graphics. JPEG is the format that should be used for photographs or high color elements. While the PNG format is best utilized for transparency on the web.