<p class="MsoNormal"><b style=""><span style="font-size: 12pt;">Folio (30)</span></b></p>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><span style="font-size: 12pt;">Explore and write reports of
a variety of web applications</span></p>
<ul style="margin-top: 0cm;" type="square">
<li class="MsoNormal" style=""><span style="font-size: 12pt;">ecommerce </span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">search, </span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">
wikis, </span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">flickr</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">webnote</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">
blogs, etc.</span></li>
</ul>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><b style=""><span style="font-size: 12pt;">assessment</span></b><span style="font-size: 12pt;">:
reports (Q&A), theory test</span></p>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><span style="position: relative; z-index: 2;"><span style="position: absolute; left: 462px; top: -1px; width: 76px; height: 54px;">
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="border: 0.75pt solid black; background: white none repeat scroll 0%; vertical-align: top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" bgcolor="white" height="54" width="76">
<span style="position: absolute; z-index: 2;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
<div shape="_x0000_s1031" style="padding: 3.6pt 7.2pt;" class="shape">
<p class="MsoNormal">structure</p>
<p class="MsoNormal">HTML</p>
</div>
</td>
</tr>
</tbody></table>
</span> </td>
</tr>
</tbody></table>
</span></span><b style=""><span style="font-size: 12pt;">Skills (40)</span></b></p>
<p class="MsoNormal"><img src="file:///C:%5CDOCUME%7E1%5CBILLKE%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_image001.gif" align="right" height="122" width="122"><span style="font-size: 12pt;"></span></p>
<p class="MsoNormal"><span style="font-size: 12pt;">Web pages contain structure,
style and behaviour. </span></p>
<ul style="margin-top: 0cm;" type="square">
<li class="MsoNormal" style=""><span style="font-size: 12pt;">Learn HTML (text, links, images, lists, forms)</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">Learn style (CSS = cascading style sheets)
</span></li><li class="MsoNormal" style=""><span style="position: absolute; z-index: 4; left: 0px; margin-left: 386px; margin-top: 11px; width: 65px; height: 46px;">
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="border: 0.75pt solid black; background: white none repeat scroll 0%; vertical-align: top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" bgcolor="white" height="46" width="65">
<span style="position: absolute; left: 0pt; z-index: 4;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
<div shape="_x0000_s1033" style="padding: 3.6pt 7.2pt;" class="shape">
<p class="MsoNormal">style</p>
<p class="MsoNormal">CSS</p>
</div>
</td>
</tr>
</tbody></table>
</span> </td>
</tr>
</tbody></table>
</span><span style="position: absolute; z-index: 3; left: 0px; margin-left: 503px; margin-top: 2px; width: 90px; height: 54px;">
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="border: 0.75pt solid black; background: white none repeat scroll 0%; vertical-align: top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" bgcolor="white" height="54" width="90">
<span style="position: absolute; left: 0pt; z-index: 3;">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td>
<div shape="_x0000_s1032" style="padding: 3.6pt 7.2pt;" class="shape">
<p class="MsoNormal">behaviour</p>
<p class="MsoNormal">javascript</p>
</div>
</td>
</tr>
</tbody></table>
</span> </td>
</tr>
</tbody></table>
</span><span style="font-size: 12pt;">Learn how to script a
webpage with Javascript</span></li>
</ul>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><b style=""><span style="font-size: 12pt;">assessment</span></b><span style="font-size: 12pt;">:
theory test, skill challenges</span></p>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><b style=""><span style="font-size: 12pt;">Practical (30)</span></b></p>
<p class="MsoNormal"><span style="font-size: 12pt;"> </span></p>
<p class="MsoNormal"><span style="font-size: 12pt;">Design and build your own
website – you choose the theme </span></p>
<ul style="margin-top: 0cm;" type="square">
<li class="MsoNormal" style=""><span style="font-size: 12pt;">have clear objectives for your site, plan
beforehand</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style=""> </span>HTML for
structure of web site</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style=""> </span>style
sheets to make it look good and consistent look and feel</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style=""> </span>style
sheets for navigation</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">alternative style sheet for printing out site</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style="">
</span>alternative style sheet to display on
mobile phone</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style=""> </span>Forms to
make it interactive</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;"><span style=""> </span>Javascript
and Document Object Model to script behaviour to make site more
interesting and user friendly</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">essential information on home page</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">write your own text, don't cut and paste
</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">offer some downloads</span></li><li class="MsoNormal" style=""><span style="font-size: 12pt;">optimise images, include thumbnail to full size
links</span></li>
</ul>
hi sam,<br>
<br>
my course looks like the above overview - I have taught it before but
am currently working on improving the materials - much of the
folio has already been improved but still have more work to do on the
other sections<br>
<br>
I'll distribute it under a creative commons license as it is updated at
my new tpg site see sig) - currently only the menu is in place, no
point trying to follow the links<br>
<br>
Like Sam, I'd be interested in seeing other ways in which this is taught too<br>-- <br>
Bill Kerr<br>
<a href="http://billkerr.blogspot.com/">http://billkerr.blogspot.com/</a><br>
<a href="http://users.tpg.com.au/billkerr/index.htm">http://users.tpg.com.au/billkerr/index.htm</a><br>
<br>
<br><div><span class="gmail_quote">On 7/9/05, <b class="gmail_sendername">Sam Denniston</b> <<a href="mailto:samdenniston@iprimus.com.au">samdenniston@iprimus.com.au</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hi<br><br>I have to prepare a web design course for semester 2.<br><br>Does anyone have any ideas for ongoing projects that the students can<br>do that would last for (at least) a term?)<br><br>Thanks a lot!<br>_______________________________________________
<br><a href="http://www.edulists.com.au">http://www.edulists.com.au</a> - FAQ, resources, subscribe, unsubscribe<br>IPM Mailing List kindly supported by<br><a href="http://www.vcaa.vic.edu.au">http://www.vcaa.vic.edu.au</a>
- Victorian Curriculum and Assessment Authority and<br><a href="http://www.vitta.org.au">http://www.vitta.org.au</a> - VITTA Victorian Information Technology Teachers Association Inc<br></blockquote></div><br>