<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"Comic Sans MS";
panose-1:3 15 7 2 3 3 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Arial","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p.MsoPlainText, li.MsoPlainText, div.MsoPlainText
{mso-style-priority:99;
mso-style-link:"Plain Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Comic Sans MS";
color:#365F91;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.PlainTextChar
{mso-style-name:"Plain Text Char";
mso-style-priority:99;
mso-style-link:"Plain Text";
font-family:"Comic Sans MS";
color:#365F91;}
span.EmailStyle20
{mso-style-type:personal;
font-family:"Arial","sans-serif";
color:windowtext;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Comic Sans MS";
color:#1F497D;}
span.EmailStyle22
{mso-style-type:personal-reply;
color:black;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:595.3pt 841.9pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.WordSection1
{page:WordSection1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-AU link=blue vlink=purple>
<div class=WordSection1>
<p class=MsoNormal><span style='color:black'>Bill,<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:black'>I think the article is spot-on,
but he is talking about the real world of design and development. He doesn’t
have to approach each project as a teaching exercise. <o:p></o:p></span></p>
<p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:black'>I teach year 9 students how to build
a site in Dreamweaver using Site Manager and Design view. For that exercise I
show them the layout table approach. Some kids bump into the limitations when
they decide they want a floating box with a picture of Lady Gaga overlapping
their text but most end up with a pretty slick looking site. The exercise was
to produce a site for a small business of their choosing, produce a design
using a set of criteria and stick to the design. The end result is that the
kids have been exposed to a simplified Analyse-Design-Develop-Evaluate model
and have produced something that looks good.<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:black'>Year 11 is a different kettle of
fish. I push CSS with them because I think there is value in teaching them a
structured, scripted approach. We use the code view of Dreamweaver and tables
are horrible to build from scratch. We find from a coder’s view that the CSS
approach is much quicker and more flexible (but we still build our forms in
tables <grin>).<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='color:black'>Laurie<o:p></o:p></span></p>
<p class=MsoNormal><span style='color:black'><o:p> </o:p></span></p>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'>
<p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Tahoma","sans-serif"'> yr11it-bounces@edulists.com.au
[mailto:yr11it-bounces@edulists.com.au] <b>On Behalf Of </b>Bill Oldham<br>
<b>Sent:</b> Saturday, 30 October 2010 12:43 PM<br>
<b>To:</b> 'Year 11 Information Technology Teachers' Mailing List'<br>
<b>Subject:</b> Re: [Yr11 Information Technology] Do we really need CSS?<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal><o:p> </o:p></p>
<p class=MsoPlainText><span lang=EN-GB>Hi everyone,<o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><o:p> </o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB>As my classes are finishing using tables
for page layout and moving into CSS, I came across this one article that made
me think about the two ways to layout a page in a different light.<o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><o:p> </o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><a
href="http://1stoptutorials.com/CSS_and_Tables_The_Trends.html">http://1stoptutorials.com/CSS_and_Tables_The_Trends.html</a><o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><o:p> </o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB>What do you think? Should we continue to
teach both or only use CSS?<o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><o:p> </o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB>Any comments would be appreciated!<o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB><o:p> </o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB>Regards, Bill Odham<o:p></o:p></span></p>
<p class=MsoPlainText><span lang=EN-GB>(Sessional teacher at Vic Uni and RMIT)<o:p></o:p></span></p>
<p class=MsoNormal><span lang=EN-GB style='font-family:"Comic Sans MS";
color:#1F497D'><o:p> </o:p></span></p>
</div>
</body>
</html>