MMDS1400/MMDS7961 - Introduction to Web Design
- Assignments |
- Lectures |
- Tutorials |
- Practicals |
- Results
Resources
Sample code for technical lectures can be found here
Design
The Australian usability consultancy company, Information & Design, provide many excellent resources for, and overviews of, usability and design methods. I would encourage you to explore these resources. I have made a few of their articles available locally.
- United.com redesign, gives an overiew of the process of redesigning a very large customer-focused website. The interaction-designer, Phil Oye, also documents some of his work on other projects. which makes for very interesting reading.
- A quick overview of Affinity Diagrams which you may find useful for organising your content.
- Card sorting.
- A quick overview of Participatory Design, a technique used at all or any of the stages of website design.
- A quick overview of Scenarios, which are often used with real users or personas.
- An overview of Personas.
- A template for creating Personas. You should not feel constrained by this template in anyway. It is provided only as an example.
- GUI elements for use in Paper Prototyping of your website design.
- Something to help you with reflective writing.
Case Study - FairFaxDigital - ppt slides , pdf
Links
| Link | Description | Type |
|---|---|---|
| W3 Schools | W3 Schools is the first place to go for learning about HTML in general, and also specific HTML tags. The site also has a comprehensive reference to CSS, Javascript, PHP and the web in general | Web / HTML / CSS / JS / PHP |
| W3 Validator | The place where you can test your HTML to see if it is compliant. This is a good step in ensuring that your HTML is structured correctly. | HTML |
| A List Apart | A list apart is an electronic magazine which focuses on the world of web design, in particular standards compliant scripting practices and getting the most out of your websites. | Design / HTML / CSS |
| Sitepoint | Sitepoint is a book publisher focused solely on the web. They have very nicely published books, which include in depth content. They also have excellent articles available online for free. | Design / HTML / CSS / JS / PHP |
| Webmonkey | For those having a hard time initially thinking about HTML and the web, Webmonkey is an excellent resource. The tutorials at Webmonkey are more focused on step by step guides. | HTML / CSS / JS / PHP |
| Stock Xchng | A great resource of high quality images, a lot of them being free. Some photos are also available for purchase. | Images |
| iStockPhoto | A major player in the stock photos market. iStockPhoto is one of the biggest libraries of stock imagery, and is relatively cheap. | Images |
| CSS Zen Garden | CSS Zen Garden is by far the best example of the power of CSS. There are dozens of CSS themes setup on this website, all of which use exactly the same HTML. The site is a great way to see how to create particular styles within CSS, and also see how CSS really is about the presentation. | CSS |
| PHP Official Website | When learning any scripting language, it is important to have a good reference guide. For PHP, the official website is the place to go. Absolutely everything is covered, and a lot of user generated examples can be found underneath each area to see different situations where a particular piece of code can be used. | PHP |