This will make it easier for you, as I will be adding more links from non web design areas.

Ady

Technorati Tags: del.icio.us

What do you need to test and how do you test the site?

What criteria do you place against the tests to say that the site has reached the required level of “satisfaction”?

As a class, Ben, Raylene, Robyn, Marc, Brendan, Alyssa and Sam came up with the following areas for testing to be performed within the site:

• Link checks (on site, off site and eMail)
• Speed
• Search engine placement & optimisation
• Accessibility
• Images
• Multimedia
• Audience
• Accuracy
• Readability
• Page size & browser compatbility
• Hits & other data

These items all have areas to be checked against. They include such things as “meta data”, “size”, “readability index” and “performance under load”.

What are your thoughts on what criteria should be placed on the testing for each area, and how can you test them?

Are there any ways to automate this testing (for example a links tester to check if links are valid)?

How should you document the results of your tests?

What ideas do you have?

[Remember to use the comments option and to put all your reference web site titles and hyperlinks into your answer.]

Technorati Tags: accessibility, search engine optimisation, speed, testing

Albino Black Sheep – CSS Live Design

Also useful will be the HTML and XHTML tutorial. Then there is also a CSS & Fonts tutorial to help you, and finally a CSS Backgrounds tutorial.

Ady

I suggest you look at them in the order I have given them, so that the content builds up and you become familiar with the techniques involved.

Selectutorial at maxdesign shows the various ways to use selectors in CSS.

Listutorial investigates the use of CSS and lists.

Floatutorial is simple superb and shows you basics through to more advanced concepts.

Building a page template in CSS shows the steps in creating a web page template from the starting mock up to the finished product. Especially useful for the “personas plus” development you are undertaking.

From tables to full CSS shows a method of converting a tables based site layout to use CSS.

Basic web standards workshop shows you the basics of web standards and their use. There are seven parts to the workshop, covering content that includes: Web Standards, What are Web Standards about, and the ideal page structure. (X)HTML and the XHTML dilemma. Semantic markup. Accessibility and why we should bother with it. An introduction to CSS, including why use CSS to separate content from presentation, grouping selectors, shorthand rules, selectors, inheritance and the cascade. Floats and their use including basic float rules, is width required on floats, and floating multiple images to right edge. CSS issues and bugs including margin collapse, trapping margins and IE and the box model to name but a few

Liquid layouts, the joy, pain and tears looks at some of the troubles and pitfalls associated with creating a liquid layout in CSS.

Page source order and accessibility is a presentation that covers one of the most fundamentally important aspects of accessible semantic web design.

CSS Image text wrap shows one way of achieving uneven image wrapping.

Read and use the information here to assist you in your work on the Personas Plus page you are developing.

Aside: a comprehensive HTML tutorial is also found at tizag.com where also you can find a CSS tutorial as well. Note that the HTML tutorial is really aimed at HTML 4 and not XHTML which is what you are required to use for this course.

What sites did we find? Post yours in a comment to this entry.

Problem – What sites do we have on colour theory?

Ady

c475.edublogs.org

and

c123.edublogs.org