Web Design/Design Principles for Web Design
From Wikiversity
|
Web Design → Design Principles for Web Design
|
| Completion status: this resource is just getting off the ground. Please feel welcome to help! |
Contents |
[edit] Module Aim
[edit] Suggested Activities
[edit] Learning materials
Wikiversity lessons:
[edit] Resources
The following are external links that relate to Web Design Principles
[edit] Articles worth reading
- The principles of Design - Starting with the basics of Balance, Proportion and Dominance, this article uses simple examples and has useful links too.
- The elements of Design - Part 2 in the series, introduces the basic elements of design (point, line, form, texture, colour) and related areas.
- Designing for the Web - Part 3 in the same series.
- Principles and Elements of Design - Part 4 in the same series, brings everything together with examples.
- Choosing a colour scheme - Dave Shea's own tips for choosing a colour scheme for your website (includes some great links).
- Browser Safe colors - Color your web site with the browser safe colors (includes interesting other articles).
[edit] Online tutorials
- WebDesign from Scratch - This section on visual design for clarity has some excellent explanations.
[edit] Online references
- The Web Style Guide - This section on Designing a User-Centered interface as well as the Visual Heirarchy section apply design principles directly to web design.
[edit] Recommended Books
[edit] Related Qualifications
HTML: What is HTML, Advanced HTML Tutorial, HTML Challenges, Lists and Tables, The Structure of HTML, Pen and Paper HTML activities
CSS: Learning Basic HTML and CSS, CSS challenges, Embedded CSS, Basic HTML and CSS Tutorial, Inline CSS, Develop cascading style sheets
PHP: Simple functions in PHP, Dynamic websites, PHP challenges, Dynamic websites with PHP, Generating a receipt with PHP, Responding to HTML forms with PHP,
Javascript: An Introduction to Programming with Javascript, JavaScript Challenges, Getting to know Javascript events, Getting to know the Document Object Model with Javascript, JavaScript pen-n-paper activities, Web Programming Intro, Produce basic client side script for dynamic web pages
XML: XML challenges
Databases: Creating Database Tables
Projects: A small website project, A step-by-step web design project, Build a basic web page, Build a small website
Challenges: Web design challenges, HTML Challenges, AJAX Challenges, CSS challenges, JavaScript Challenges, PHP challenges, XML challenges, Information Architecture Challenges, Introductory algorithm challenges
Activities: Web design group learning activities, Pen and Paper HTML activities, A Web Design Quiz show, Ordering Tasks for a Web Project, Paired Bio Pages, Scoping a Small Project, Emerging Technologies Research Activities
Project management: An introduction to Project Management, Developing a Client Project
Design: Accessibility, Design Principles for Web Design, Design Suggestions
Testing: Testing Website performance, Website Performance Test Plan
Publishing: Getting Your Site On the Web
Certification and standards: Cert IV Websites Qualification in Australia, Australian Qualifications, Web design qualifications
Professional development: Developing your online portfolio, Contribute to personal skill development and learning, Useful Applications, Useful Books, Emerging Technologies, Using the Internet as a Learning Tool
Course meta-information: Web design, About the web design learning project, New Structure, Sample Timetable

