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.

Homework 1

What is a blog?

A blog is a website that is typically maintained by one person. This website is usually updated often with written commentaries on life events, news, or products. In my opinion, a blog could be generalized as a online journal. This journal could be used as a personal or business endeavor to update anyone on the web about new events. A user can add photos, videos, and virtually any other type of media to their blog.

 Five Free Blog Hosts:

greatestjournal.com

LiveJournal.com

blog.com

blogetery.com

weebly.com

Twitter

Twitter is a online micro-blogger. This service is utilized by many to provide short updates to a blog type service. Twitter entries are known as tweets. Tweets are limited to only have 140 characters in each entry.

Myspace

Myspace is an online social networking site. This site allows people to connect with each other through the internet. The service can be used like a blog, but is most often a form of communication between friends and family.

Facebook

Facebook is another social network site. It was originally developed to be a networking site for college students only, but has now been opened up into a public domain. Facebook allows for a more solid blog than myspace, and also allows much more connection between friends and family. With facebook you can add photo albums and videos. It even allows for different community games to be played. Facebook can be linked with Twitter and other services to form a network of blog type updates.

Typepad

Typepad is a blogging service. This service is utilized by many large corporations such as TV networks. Typepad has three different paid subscription levels. This service also has features such as multiple authors and photo albums.

Blogger

Blogger is a blog publishing system. It is currently owned by Google. Blogger allows for drag and drop templates as well as the ability to create private blogs. Meaning you can limit who reads your blog.

LinkedIn

This is a business oriented social networking site. The site forms a list of people in business that you trust. From this list a contact list is made that can be used to find jobs or new business contacts. You can also research a business through this service.

Wordpress

This is yet another blogging site. This site is an open source blog publishing application. It claims to have a user friendly workflow, plug-ins, and a template system. Part of the template system is the ability to add widgets.