Bloomyblake's Weblog

Bad Tags

bloomyblake — Mon, 24 Sep 2007 20:35:25 +0000

Now a days the best web designers have decided that CSS is for design and HTML is for the content. There are many, many tags from long, long ago that are rendered useless by new more meaningful tags or those that can be defined from CSS. The b, i, and big tags are replaced by strong, em, and font-size respectively. B and i are less informative and easier to use compared to strong which makes the font bolder/stronger and em which puts more emphasis on it (italics). Two favorites from the HTML DOG tutorials were the blink, marquee and the frames descriptions really made me laugh. While blink and marquee are entertaining, they are annoying eyecandy that could possibly lead to mystery meat navigation…imagine the horror.

Web Guide Questions

bloomyblake — Thu, 13 Sep 2007 20:05:50 +0000

1.What is the fundamental principle for organizing website design?
The goal for any web designer is to meet the needs of the audience viewer.

2.List the five basic steps to organizing information.
a) Divide up the content into organized units
b) Rank the units by their importance
c) Structure the units by their importance and relations
d) Design the page around the ranking structure
e) Analyze the functionality and logic of the web site

3.Briefly describe the three essential structures for organizing websites.
Sequences-they are organized in a pattern of chronological, numerical, or from general to specific
Hierarchies-the corporate way because it is organized logically and simple to navigate by importance
Webs-provide a link of pages by a unique pattern and interconnected links

4.What is the risk of “eye candy”?
“Eye candy” is a problem for websites because the users eye will be attracted to the colorful/moving image which can cause the viewer to be more concentrated on that then the actual content.

5.How might programmers utilize site diagrams as they move a new website project from planning to production?
The site diagram can be used by a team of web site programmers to develop the web site from its beginning stages. A large, group paper in the middle of the table is a way that is commonly used since it has a basic design.

6.How does the concept “above the fold” impact page design decisions?
Above the fold is the area in the news paper on the front page that is visible when it is laying on a table. For a web site it is the inches at the top of the page which the viewer is sure to see in a typical browser window.

Web Standards and Why we need them

bloomyblake — Mon, 10 Sep 2007 20:37:19 +0000

Webs standards insure that the entire world or at least a large portion of it are able to view the site as it should properly be viewed. In html and css there is a syntax which has been developed by W3C to make sure everyone develops their code with a uniform syntax. Currently though there are those advanced that can write up cutting-edge techniques beyond the capacity of the code or typical web browser. These make the site appear incorrectly. For the impaired that need to have the page enhanced so they can view, web standards bring together a way for everyone so those with needs can learn to search the Internet in one style over all the Internet rather then one for each site.

Color Scheme

bloomyblake — Fri, 07 Sep 2007 20:29:25 +0000

I chose to go with the landscaper. For text color I would just use black (#000000)as the main text color with links differing into a dark green(#003300). The background color would be in the range of a light green(#003300). Navigation bar and tables would be have colors of yellow-green(#66FF00) and orange-redd(#CC3300). Titles and the different content headers would be based on a blue(#0033CC).

Lesson 1: Color Theory in Web Design

bloomyblake — Thu, 06 Sep 2007 20:44:40 +0000

1.When eight bits of memory are dedicated to each pixel, how many potential colors could be displayed on each pixel?

One of 256 colors

2.What are the three basic colors that monitors transmit?

Red, Green, Blue

3.How many different colors are there in the browser-safe palette?

8-bit or 216 colors

4.Describe the “compromise” or accomodation the Web Style Guide recommends for people with 256 color displays.

You can mix navigation done in safe colors with full color jpegs.

5.Are the majority of people we refer to as color blind unable to see any color at all? Explain.

No. Most people just have a version of color blindness that affects their ability to recognize reds and greens rather then not seeing any colors at all.

6.According to the WebAIM site, what is the key concern when using colors to convey important information?

There is the possiblity that those who are color blind are not able to find the information from the colorful image like the London train map.

Combining 3 Elements of CRAP

bloomyblake — Thu, 06 Sep 2007 20:16:25 +0000

B) Wikipedia.com

C) Wikipedia has the three elements alignment, contrast, and proximity. The pages are aligned to have the links and content in to seperate colums aligned left and center respectivily. One of their trade marks tools is the contrasted links to other information. As you are looking at the pages and come along something you dont know, just click on the blue words and it takes you to a wiki on that subject. Also, all the different boxes have a seperating space between then to help organize and make the page less cluttered.

Blake’s Design Post-Proximity

bloomyblake — Wed, 05 Sep 2007 20:42:19 +0000

A) Proximity is how close and in what areas content is located in comparision to other content.

C) Ebay.com

D) In each of the content areas in a group of information or links to connecting pages with more of the same information. All of the boxes are seperated by several pixels of white space that adds to the cleanliness and organization.

Blake’s Design Post-Repetition

bloomyblake — Wed, 05 Sep 2007 20:38:23 +0000

A) This design tool is to apply text or images of common type to a web site in order to create a strong unity throughout the page.

C) Tutorialized.com

D) Every tutorial has the same text used for title, and then the description, on every tutorial. Also, the header for the tutorials and the links on the left are of the asame design with a white bar and a small green arrow. The large blue header is on every page (even the links to the outside pages which is annoying!).

Blake’s Design Post-Contrast

bloomyblake — Wed, 05 Sep 2007 20:15:10 +0000

A) Contrast is the difference of text, images, or background that stand out to the eye and in result attract the eye.

C) Microsoft.com

D) When the page finishes loading the page shows a pleasent, calm site that reels the user in. In addition, the link of hte current page followed by more links to refering pages are highlighted in a green color to stand out in the blue color scheme. The largest use of contrast is in the large ads in the middle that us dark colors to show what microsoft really wants the user to see…thier product.

Blake’s Design Post-Alignment

bloomyblake — Tue, 04 Sep 2007 20:42:56 +0000

A) For aligning a website, every image, text, or link should be placed in a position that it contributes to the overall presentation of the page.

C) http://bloomyblake.wordpress.com/

D) When I look at this version of WordPress I see the page in four main sections that make up the page. There are the two sides that are just for looks and to simplify the page. Then there are the actually useful parts, the blog and tools bar. The blogs are aligned in on column down the page. The tool bars are also created in such a way.