My Stonefes Site
16 years ago
Thursday, August 26, 2010
Tuesday, June 9, 2009
My Music Festival Website Assignment
Here's the link to my Music Festival Website Assignment:
http://zoancafe.host56.com/
and here's my detail:
Name: Guan yi (Antony) ZHAO
Student ID: u3016369
Email: zhao_guanyi2000@hotmail.com
Plus, here's the link to my bolg theme discussion:http://zoancafe.blogspot.com/2009/03/hi-there-my-name-is-guan-yi-zhao.html
Back to the website, please notice that the content of that website is only an assignment, not for the real Canberra International Festival advertisement. Please do NOT contact to buy any tickets or ask any inquiry. Plus, the most text contents are from http://www.cimf.org.au/ and the picture is form Google internet search engine.
http://zoancafe.host56.com/
and here's my detail:
Name: Guan yi (Antony) ZHAO
Student ID: u3016369
Email: zhao_guanyi2000@hotmail.com
Plus, here's the link to my bolg theme discussion:http://zoancafe.blogspot.com/2009/03/hi-there-my-name-is-guan-yi-zhao.html
Back to the website, please notice that the content of that website is only an assignment, not for the real Canberra International Festival advertisement. Please do NOT contact to buy any tickets or ask any inquiry. Plus, the most text contents are from http://www.cimf.org.au/ and the picture is form Google internet search engine.
About CSS
All the texts bellow are quoted from Wikipedia:
"Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation (that is, the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.
CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the colors, fonts, and layout. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. While the author of a document typically links that document to a CSS stylesheet, readers can use a different stylesheet, perhaps one on their own computer, to override the one the author has specified.
CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998)."
Website Layout Hand Drafts
Layout Hand Draft 1
Layout Hand Draft 2
Layout Hand Draft 3
Final Layout Hand Draft
Layout Hand Draft 2
Layout Hand Draft 3
Final Layout Hand Draft
Sunday, March 15, 2009
Design reference (Assessment 1)
Here's my detail:
Name: Guan yi (Antony) ZHAO
Student ID: u3016369
Email: zhao_guanyi2000@hotmail.com
My Five Reference Sites:
(Please be noticed that all the images could be enlarged by clicking on it.)
1. Web Designer Wall
Link:
http://www.webdesignerwall.com/trends/2008-design-trends/
2. WPZOOM
Link:
http://www.wpzoom.com/
3. Viger Advance
Link:
http://www.viget.com/advance/
4. Design Sponge
Link:
http://www.designspongeonline.com/
5. Olliekav
Link:
http://www.olliekav.com/
The Seven Characteristics (Conventions):
1. VERTICAL Scroll Bar:
Scroll bar is a very common convention. And mostly important is that scroll bar is vertical and not horizontal. Since almost all computers's mouse scrolls are vertically designed, a horizontal scorll bar is just so confusing. You wouldn't want the audience to miss something on their screen.
2. HYPERLINKED Site ID:
Site ID should be hyperlinked to the home page and right on your screen where you can see it straight away. If you had no idea where you up to or got completely lost, you could easily click on it and get back to where you started to look again.
3. CLEAR Search Bar:
People need to search something when they can't see it, and in order to search, they need to SEE the search bar of course. So that is why it's important not to make it hard or unable to find.
4. SIMPLE Navigation:
Navigations should also be easy to find and understand, just like the signs in the airport. To do that web designers have to make it neat and simple so that the audience may find their way to what they wanted easily.
5. Subscribe RSS:
RSS is optional, but better have it so web designers could simply offer the audience to subscribe the information on the site.
6. NICE Colour:
You don't want to make your audience dizzy by using too many fancy colours, do you?
7. NEAT Banner:
If all the 6 characteristics above could be located very neat within the banner area, the audience would find the web site very aesthetic and functional. That is why I refered those five sites, they all showed all the characteristics very well.
Here is the proof:
Bibliography:
KRUG, S. (2006). Don't make me think!: A common sense approach to web usability. (2nd ed). Berkeley, CA: New Riders. Chapter 6, 'Street signs and bread crumbs', 50-93.
HINCHCLIFFE, G. (2009). Designing for Web. Lecture notes distributed in the Uint 8178 Web Design and Production. University of Canberra. Online lecture on 26th Feb.
Name: Guan yi (Antony) ZHAO
Student ID: u3016369
Email: zhao_guanyi2000@hotmail.com
My Five Reference Sites:
(Please be noticed that all the images could be enlarged by clicking on it.)
1. Web Designer Wall
Link:
http://www.webdesignerwall.com/trends/2008-design-trends/
2. WPZOOM
Link:
http://www.wpzoom.com/
3. Viger Advance
Link:
http://www.viget.com/advance/
4. Design Sponge
Link:
http://www.designspongeonline.com/
5. Olliekav
Link:
http://www.olliekav.com/
The Seven Characteristics (Conventions):
1. VERTICAL Scroll Bar:
Scroll bar is a very common convention. And mostly important is that scroll bar is vertical and not horizontal. Since almost all computers's mouse scrolls are vertically designed, a horizontal scorll bar is just so confusing. You wouldn't want the audience to miss something on their screen.
2. HYPERLINKED Site ID:
Site ID should be hyperlinked to the home page and right on your screen where you can see it straight away. If you had no idea where you up to or got completely lost, you could easily click on it and get back to where you started to look again.
3. CLEAR Search Bar:
People need to search something when they can't see it, and in order to search, they need to SEE the search bar of course. So that is why it's important not to make it hard or unable to find.
4. SIMPLE Navigation:
Navigations should also be easy to find and understand, just like the signs in the airport. To do that web designers have to make it neat and simple so that the audience may find their way to what they wanted easily.
5. Subscribe RSS:
RSS is optional, but better have it so web designers could simply offer the audience to subscribe the information on the site.
6. NICE Colour:
You don't want to make your audience dizzy by using too many fancy colours, do you?
7. NEAT Banner:
If all the 6 characteristics above could be located very neat within the banner area, the audience would find the web site very aesthetic and functional. That is why I refered those five sites, they all showed all the characteristics very well.
Here is the proof:
Bibliography:
KRUG, S. (2006). Don't make me think!: A common sense approach to web usability. (2nd ed). Berkeley, CA: New Riders. Chapter 6, 'Street signs and bread crumbs', 50-93.
HINCHCLIFFE, G. (2009). Designing for Web. Lecture notes distributed in the Uint 8178 Web Design and Production. University of Canberra. Online lecture on 26th Feb.
Subscribe to:
Posts (Atom)
Posts
