Web Design/Group Activities/Paired Bio Pages
From Wikiversity
|
Web Design → Paired Bio Pages
|
The whole web design class has been approached by a local newspaper and asked if we could put together a bunch of (brief) biographical pages about us - the local web design students at the local college.
The purpose of each biographical page is to enable readers to see a little into the life of a student, their goals and aspirations, likes, world-views, hobbies or views on current events. They've asked also if an aspect of each page-design could reflect something of the persons character (such as the choice of colours, font or theme graphics).
The newspaper has asked for the pages to be in either a word-processor format or HTML.
[edit] Outline of Activity
In this group activity you'll get the chance to:
- interview another participant in the class - finding about their interests and passions - as well as,
- demonstrate any background skills in design, communication or technology that you've picked up in school or work (none assumed!)
- learn from each other!
Duration (suggestion only):
- Planning client interview - 10 mins
- Conduct interview (and possibly take photo of your client or for background image of your page) - 30 mins
- Report back results of interviews to the group - 10 mins
- Create Bio page - 60 mins (or longer, depending on your page!)
- Discuss final bio pages (both from designer and clients perspective) together with whole group.
[edit] Planning your client interview
As well as the normal details such as names, interests, motivations etc., you may want to run with a theme or metaphor for your client's bio page and interview. Be as creative as you feel comfortable, but remember that the person you're interviewing is your client - you are creating the page to reflect their personality, not your own!
There's some interesting personal interview-type questions on Everything you ever wanted to know about each other.
[edit] Relationship to Qualifications
If you already have substantial HTML/CSS skills and knowledge, you may be able to use this activity to demonstrate your skills for assessment purposes. Talk to your facilitator for more information.
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