Tuesday, April 20, 2010
Tuesday, March 23, 2010
Assignment # 5 (Flash Movie)
Kinetic Typography is the technical name for "moving text" and is an animation technique mixing motion and text.
2. Topic for Flash movie
Fire
3. Researched data – documented and referenced
1. Fire is the rapid oxidation of a material in the chemical process of combustion, releasing heat, light, and various reaction products.
2. The flame is the visible portion of the fire and consists of glowing hot gases.
Resource: Wikipedia
4. Name of two typefaces being used (examples)
Myriad Pro Bold & Minion Pro Bold Italic
5. Color palette for flash project
#CC3300, #CC9966, #990000
Monday, March 1, 2010
Homework #4
A web banner or a banner ad is a form of advertising. Affiliates of the banner earn money on a cost per click basis. Buttons are an advertisement that advertise the program that was used to host the site.
What are the standard sizes for a banner?
The standard sizes for a banner are:
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?
The standard sizes for a button are:
Button 1= 120 x 90 pixels
Button 2= 120 x 60 pixels
Square Button= 125 x 125 pixels
Micro button= 88 x 31 pixels
Give the URL for 3 buttons and 3 banners as examples.
Banners:
- http://www.bannerfans.com/banner_maker.php
- http://mybannermaker.com/
- http://www.bannersnack.com/
Buttons:
- http://www.buttongenerator.com/
- http://kalsey.com/tools/buttonmaker/
- http://www.coolarchive.com/buttonmaker.php
Monday, February 15, 2010
Homework # 3
www- stands for “World Wide Web.” Standard beginning code to a website or URL.
Html- Stands for hypertext markup language. A set of tags and rules used in the coding of hypertext documents.
P- Or P-Frames (predictive frames) are groups of pictures that are played back in a video motion. Follow I-Frame’s.
A- is an anchor element that is used to define both hyperlinks and anchors.
Br- is a single line break. Br is an empty tag which means it has no end tag.
A href- the “a” element defines an address inside a document; “href” defines the “address” link.
H1 to h6- are used to define HTML headings. H1 defines the largest heading and H6 defines the smallest heading.
Body- contains all the body elements of the webpage: text, hyperlinks, images, tables, lists, etc.
B- Or B-Frame (bi-directional frame). Rely on preceding frames. Only display the bits of information that differ from the previous frames.
I- Or I-Frame (intraframe). I-Frames are interspersed between P-Frames and B-Frames. They contain more bits and take up more storage space.
Bgcolor- is used to control the background color elements of a webpage.
Img src- the “img” of the tag embeds an image into html. To hold its place it must be identified with either “alt” or “src”. “Src” specifies the URL of an image.
2. How do you write code for a simple website?
You write code for a simple website by following a basic structure marked by a series of tags. For example the title of the website is coded by
3. List 5 online resources for learning HTML code.
- http://www.tizag.com/htmlT/bgcolor.php: TiZag
- http://www.w3schools.com/tags/tag_IMG.asp: W3Schools
- http://www.davesite.com/webstation/html/: Dave’s Site
- http://www.htmlcodetutorial.com/: HTML Code Tutorial
- http://www.2createawebsite.com/build/html.html: To Create A Website
Tuesday, February 9, 2010
Assignment #2
Above are the original images I used to create web ready images. As you can see I went with a hot air balloon theme.
Tuesday, February 2, 2010
Thought I would share with everyone our finished product for the "Chair-ity Affair" on March 19th. Our idea was to take a chair and add functionality to it. So we took the common barstool and converted them into "Corner Readers." These can be used as nightstands, bookshelves, or as the usual stool. We chose a tiered effect with the shelves to give a modern look and complimented that with bold colors in the shelves and the expresso stain. Everything you see on the stools, is included with the purchase.
Our hope is to at least sell the stools (it would be kind of embarrassing if no one even bid on them). We've attached our personal business cards to each stool in the hopes that whoever ends up with them will think of us in the future for design projects or even more stools!
Monday, February 1, 2010
Homework #2
1. What are web acceptable images?
Web acceptable images are formatted correctly, sized correctly, named correctly, and saved correctly to be easily viewable by the lowest common viewer’s capabilities.
2. What do the acronyms mean?
GIF= Graphics Interchange Format
PNG= Portable Image Format
JPG (JPEG)= Joint Photographics Experts Group
3. How do they differ? In size? In DPI?
GIF= A gif measures at about 8 bits per pixel with 256 colors used. GIF’s are not great for photographs, but work well as graphics, logos, or solid areas of color.
PNG= PNG’s have lossless data compression. They measure at about 24 bits per pixel in RGB. PNG’s are designed to transfer images on the internet.
JPG= JPG’s image quality and compression can be adjusted. This is the most common format for transferring images to the web, however, PNG’s are slowly proving to be a better format for the web.
4. Is one better than the other for a certain function?
GIF’s are better suited for graphics, logos, animation, and solid areas of color. PNG’s are designed to transfer images on the internet, but maintain lossless data compression (uphold quality bit-by-bit). JPG’s are also used to transfer images to the web. BMP or Bitmap (device independent bitmap) stores bitmap digital images.
JPG (jpeg) - png - gif - bmp
Tuesday, January 26, 2010
Homework #1
1. A blog is a frequent, chronological publication of personal thoughts and Web links.
2. Five different hosts available to users for free are:
- Live Journal.com
- Word Press.com
- Bravenet Blogs
- Viviti Blogs
- Greatest Journal.com
3. BLOGGER: Blogger is Google's free blog creating service. With blogger you can run your own host or you can run a host with a team of users. Blogger can be used to make your own podcast feeds.
TWITTER: Twitter is a text message oriented blog. "Twitter's" text a message to their profile which is posted for their subscribers to view. Twitter is free with the only costs being established by phone service providers.
FACEBOOK: Facebook is a web linked social networking system. Users establish personal profiles in which they can connect with friends and family within the Facebook network. Networks are organized based on cities, schools, employments, etc.
MYSPACE: Myspace is a social networking system similar to Facebook. Where Facebook was first established for student use only, Myspace has had an open network to any user of any age. Myspace has become known as the least secure social networks.
LINKEDIN: Linkedin is a business oriented social network system. Business make safe, secure connections with other business they trust or have worked with. Often times this network is used as a search engine for job openings.
WORDPRESS: Wordpress is a blog publishing system. Wordpress can be used with simple templates (without needing to alter HTML code) or rearranging code to create a more customized template. Wordpress allows links and taggings to articles within blog posts.
Chair-ity Affair Event
My company is one of the sponsors (JB Graphics, Inc.) As individuals, my co-worker and I are submitting a set of chairs to be auctioned. This is our first year attending as an artist of a chair. Last year was the first year for the event and so we attended as guests. This year we are looking forward to all the new, neat designs others come up with. As the event draws near you will be able to visit the site to see before and after shots of the chairs for this year's event. The current photos are of last year.
http://careforkidsnow.com/index_files/chairityaffair.htm
ENJOY!