Web Design

Activity 303: Explaining my CSS styles

Posted by: jennykeyte on: October 9, 2009

I have linked my web page and CSS together.  The CSS style sheet can be viewed here and the web page can be viewed here.

Rationale:

Activity 302: Learning about CSS

Posted by: jennykeyte on: October 9, 2009

I have learnt several things with CSS by using the site W3School

The features I have learnt by using CSS are to change background colours, add images as backgrounds. Change the font type, size and colour and how to position the text on  a webpage. This can be illustrated on my website here.

This is the CSS for my content for example.

#content {

margin:0 270px 0 0;
background:#333
font-size:120%;
padding:20px;
border: 1px solid #000000;
}

As you can see, the background colour is grey by using the CSS code:

background:#333;

The font size for example varies, and example of some of the CSS that I have used for the font can be seen here:

font-size:120%;

The image on the right hand side has been positioned there by using CSS. It uses div tags to seperate text etc. This can be demonstrated with this CSS

#sidebar {

width:270px;
height:415px;
float:right;
background:url(butterflyy.png);
margin:1px 0 0 0;
}

Activity 301: Advantages of using CSS

Posted by: jennykeyte on: October 9, 2009

Advantages:

  • It is very easy to change the style
  • Because all the style and layout is removed from the html, the html file size is much smaller
  • Can be used on most browsers including IE and Firefox
  • Saves Time
  • Easier to maintain
Disadvantgaes:
  • Doesn’t work consistently in all web browsers
  • Very difficult to somebody who isnt an expect in designing webpages (not for beginners!)

Activity 202: Using CSS to style a web page.

Posted by: jennykeyte on: October 9, 2009

This is a simple webpage using CSS which can be viewed here

Activity 201: Using a blog to post a link to an online file.

Posted by: jennykeyte on: October 5, 2009

This is a link to my wiki showing a simple web page.

Activity 103 – ‘Our conclusions about Web Site Design’

Posted by: jennykeyte on: September 28, 2009

Below are some features of ‘good web design’ that were discussed in my group.

  • Consistent
  • Clear Navigation
  • Relative
  • Appropriate
  • Easy to Read
  • Graphics
  • Colour Scheme
  • Scrolling

I then did some research by myself, including looking at Robin Williams artical called ‘Good Web Design Features’.

He identifies some very important features such :

Text: He identifies that it the background must not clash with the text and that it must be hierachy in the text.

Navigation: Bars and tabs must be easy to idenify and to use, they must also be consistent. Also if it is a large website it must have a site map.

Links: They must be underlined and they must match the colour of the page.

Graphics: Grapbics must have an alt label and they must have a matching text link.

General Design: Pages must download quickly, be consistent and must fit into an 800 x 600 pixel space.

After the discussion with my group and my further research, I have concluded that though there are many important design features to consider when designing a website, the most important is ‘Navigation’. You could have the nicest looking website with the perfect text, graphics that have alt label etcs, links that are underlined and match the colour of the page. However, if you cannot navigate your way through a website with ease then the website can be considered as useless. Therefore, I think that Naviagation is the most important design feature and then general design features like text, graphics, links etc follow.

Advanced Web Design 2009

Posted by: jennykeyte on: September 28, 2009

This is my blog for Advanced Web Design 2009


  • None
  • No comments yet

Categories

Follow

Get every new post delivered to your Inbox.