Web Design/Developing your online portfolio
From Wikiversity
|
Web Design → Developing your online portfolio
|
Developing your own online portfolio may be one of the most useful projects you'll undertake while learning Web Design. Even though you'll be your own client for this project, you won't be the target user audience, so we'll carry out a full design specification as per normal!
[edit] Competitive Analysis
The fun part is seeing how other people in web-design are setting up their own portfolios! It's a great way to get ideas and find something that you like! (In fact, when designing any site it's always a good idea to see what your competitors are doing!)
The following lists have been collated on the fly to look at. Feel free to edit the following lists of WebDesign sites - just try to limit each grouping to 20-or-so sites.
[edit] Websites of Individual Web Designers
- 456BereaStreet - Roger Johansson
- MezzoBlue - Dave Shea
- - Prasanna Chetty's Blog - PC
- Stop Design - Douglas Bowman
- Zeldman- Jeffery Zeldman
- MikeIndustries - Designed for simplicity and beauty with only three links from the landing page (Blog, Portfolio, About... what else would you want?)
- Redwolf - A simple, yet graphically appealing site, catches your attention with its large image on the main page. The only downside to this site, is that the menu at the top is extremely small, and can be difficult for people when navigating.
- Dey Alexander - Dey's personal online presence as a User Experience Design Specialist. Excellent example of a personal site that will get you a job! (Of course, you need Dey's experience too!)
- Asterix - Keith Robinson's Web Design site with a focus on IA.
[edit] Websites of small Web Design firms
- Zipsite - Web Design, Project Development, Grahics and Branding
- MaxDesign - Web Design and Graphic Design. Lots of extras!
- Design Insite - A nice simple first page, but changes to a more complex and completely differnet format.
- KovaiCity - Web Design and Web Site promotion.
- Singer Design - A nice web site for this company in North Sydney.
- Delonge Design - A small design company on the Gold Coast, Australia.
- Glass Onion - A company in Darlinghurst they highlight the importance of web standards and benefits of which the standards mean to their customers.
- Design Junction - A more advanced example, dealing with a small web/graphic design team based in Melbourne, Australia.
- Bullie Graphics - Custom Web Site Design for small businesses, providing professional and affordable website design based in Sydney, Australia.
- BlackMax Media - Boutique design agency in Sydney specialising in W3C compliance and search engine optimisation.
- Gazal/is - Provides professional web/graphic design to business. Web site is well structured both for users and search engines.
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
