<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 14 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@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;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-fareast-language:EN-US;}
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
{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";}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-priority:99;
mso-style-link:"Balloon Text Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
mso-fareast-language:EN-US;}
span.BalloonTextChar
{mso-style-name:"Balloon Text Char";
mso-style-priority:99;
mso-style-link:"Balloon Text";
font-family:"Tahoma","sans-serif";
mso-fareast-language:EN-US;}
span.EmailStyle20
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#44546A;}
span.EmailStyle22
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.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:#1F497D">Hi Litsa<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">I point my students to these very simple tutorials to copy and borrow code<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced">http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><a href="http://code-tricks.com/simple-css-drop-down-menu/">http://code-tricks.com/simple-css-drop-down-menu/</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">But as someone else said, there are plenty out there to find with a quick search.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="margin-left:1.85pt;border-collapse:collapse">
<tbody>
<tr style="height:14.25pt">
<td width="333" valign="top" style="width:249.9pt;padding:0cm 0cm 0cm 0cm;height:14.25pt">
<p class="MsoNormal"><b><span lang="EN-GB" style="color:#001C54;mso-fareast-language:EN-AU">Andrew Pate</span></b><span lang="EN-GB" style="color:#001C54;mso-fareast-language:JA"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB" style="color:#001C54;mso-fareast-language:EN-AU">Deighton House Coordinator<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB" style="color:#001C54;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">Mentone Grammar<o:p></o:p></span></b></p>
<p class="MsoNormal"><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">63 Venice Street, Mentone
<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">Victoria, Australia 3194 <br>
T +61 3 9584 4211 F +61 3 9581 3290<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">M +61 3 0416 228 436<o:p></o:p></span></p>
<p class="MsoNormal"><b><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">Direct +61 3 9581 3274 <o:p></o:p></span></b></p>
<p class="MsoNormal"><span lang="EN-GB" style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU"><a href="mailto:arp@mentonegrammar.net">arp@mentonegrammar.net</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-AU"><a href="http://www.mentonegrammar.net/"><span lang="EN-GB" style="font-size:9.0pt;color:#001C54">www.mentonegrammar.net</span></a></span><span lang="EN-GB" style="font-family:"Tahoma","sans-serif";color:#1F497D;mso-fareast-language:JA"><o:p></o:p></span></p>
</td>
<td width="252" valign="top" style="width:189.3pt;padding:0cm 5.4pt 0cm 5.4pt;height:14.25pt">
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-AU"><img border="0" width="236" height="89" id="_x0000_i1029" src="cid:image005.jpg@01CF2352.FB4D95D0" alt="Description: cid:image005.jpg@01CBEE3A.50E0BA50"></span><span style="color:#1F497D;mso-fareast-language:JA"><o:p></o:p></span></p>
<p class="MsoNormal" align="right" style="text-align:right"><b><i><span style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">Outstanding opportunities<o:p></o:p></span></i></b></p>
<p class="MsoNormal" align="right" style="text-align:right"><b><i><span style="font-size:9.0pt;color:#001C54;mso-fareast-language:EN-AU">for girls and boys ELC-12</span></i></b><b><i><span style="font-size:9.0pt;color:#001C54;mso-fareast-language:JA"><o:p></o:p></span></i></b></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="color:#1F497D;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><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";mso-fareast-language:EN-AU">From:</span></b><span lang="EN-US" style="font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-AU"> itapps-bounces@edulists.com.au
[mailto:itapps-bounces@edulists.com.au] <b>On Behalf Of </b>Howard, David<br>
<b>Sent:</b> Thursday, 6 February 2014 1:30 PM<br>
<b>To:</b> 'Year 12 IT Applications Teachers' Mailing List'<br>
<b>Subject:</b> Re: [Year 12 IT Apps] U3-O1<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="color:#44546A">Hi Litsa,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A">I use div tags and CSS to make drop down menus. I have attached 4 which you can modify. Gone are the days of frames and roll over images.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A">Cheers<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="540" style="width:405.0pt;background:white">
<tbody>
<tr>
<td style="border:none;border-bottom:solid #C50C1E 1.0pt;padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">David Howard</span></b><span style="font-size:10.0pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><br>
</span><span style="font-size:8.5pt;font-family:"Arial","sans-serif";color:#C50C1E;mso-fareast-language:EN-AU">Head of Learning Systems</span><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
<td nowrap="" style="border:none;border-bottom:solid #C50C1E 1.0pt;padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal" align="right" style="text-align:right"><a href="http://twitter.com/StMichaelsGS"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:navy;mso-fareast-language:EN-AU;text-decoration:none"><img border="0" width="26" height="26" id="Picture_x0020_1" src="cid:image001.png@01CF2352.D25CA0D0" alt="https://services.stmichaels.vic.edu.au/community/icons/Icon_Twitter.png"></span></a><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"> </span><a href="https://services.stmichaels.vic.edu.au/fb.cfm"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:navy;mso-fareast-language:EN-AU;text-decoration:none"><img border="0" width="26" height="26" id="Picture_x0020_2" src="cid:image002.png@01CF2352.D25CA0D0" alt="https://services.stmichaels.vic.edu.au/community/icons/Icon_FB.png"></span></a><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"> </span><a href="https://www.linkedin.com/company/st-michael%27s-grammar-school"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:navy;mso-fareast-language:EN-AU;text-decoration:none"><img border="0" width="26" height="26" id="Picture_x0020_3" src="cid:image003.png@01CF2352.D25CA0D0" alt="https://services.stmichaels.vic.edu.au/community/icons/Icon_LinkedIn.png"></span></a><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td valign="top" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">25 Chapel Street, St Kilda VIC 3182 Australia</span></b><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
<td rowspan="2" valign="top" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal" align="right" style="text-align:right"><a href="https://www.stmichaels.vic.edu.au/"><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:navy;mso-fareast-language:EN-AU;text-decoration:none"><img border="0" width="113" height="75" id="Picture_x0020_4" src="cid:image004.png@01CF2352.D25CA0D0" alt="https://services.stmichaels.vic.edu.au/community/logo/SMGS_Logo_tall_100_2013_96d.png"></span></a><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td valign="top" style="padding:.75pt .75pt .75pt .75pt">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="359" style="width:269.25pt">
<tbody>
<tr>
<td width="13" nowrap="" style="width:9.75pt;padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">t</span></b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">+61 3 8530 3272 <o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">e</span></b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"> <o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><a href="mailto:dhoward@stmichaels.vic.edu.au"><span style="color:#02437D;text-decoration:none">dhoward@stmichaels.vic.edu.au</span></a><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">f</span></b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">+61 3 9510 3161<o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">w</span></b><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
<td nowrap="" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:7.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU"><a href="https://www.stmichaels.vic.edu.au/"><span style="color:#02437D;text-decoration:none">stmichaels.vic.edu.au</span></a><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:6.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">CRICOS Provider 00345G</span><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
</tr>
<tr>
<td colspan="2" style="padding:.75pt .75pt .75pt .75pt">
<p class="MsoNormal"><span style="font-size:6.5pt;font-family:"Arial","sans-serif";color:#02437D;mso-fareast-language:EN-AU">Please consider the environment before printing this email</span><span style="font-size:9.0pt;font-family:"Arial","sans-serif";color:black;mso-fareast-language:EN-AU"><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="color:#44546A;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#44546A"><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";mso-fareast-language:EN-AU">From:</span></b><span lang="EN-US" style="font-size:10.0pt;font-family:"Tahoma","sans-serif";mso-fareast-language:EN-AU">
<a href="mailto:itapps-bounces@edulists.com.au">itapps-bounces@edulists.com.au</a> [<a href="mailto:itapps-bounces@edulists.com.au">mailto:itapps-bounces@edulists.com.au</a>]
<b>On Behalf Of </b>Litsa Tzelepis<br>
<b>Sent:</b> Thursday, 6 February 2014 12:42 PM<br>
<b>To:</b> <a href="mailto:itapps@edulists.com.au">itapps@edulists.com.au</a><br>
<b>Subject:</b> [Year 12 IT Apps] U3-O1<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hello,<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">I went into my first ITapps class today (they were on camp last week) and realised the IT dept installed Adobe CC – so my Dreamweaver has gone from CS4 to CC.<o:p></o:p></p>
<p class="MsoNormal">Not so much of a drama to look at straight away but I noticed “frames” are not valid anymore. The kids liked to use them to avoid repeating link placement and to help with the “navigation” feature they are meant to demonstrate.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">My question is if frames aren’t used, what are others using for “navigation”.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Sorry if it sounds obvious – or are you just using the same links on each page.<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Thank-you, litsa<o:p></o:p></p>
<p class="MsoNormal"><span style="font-family:Wingdings">J</span><o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU">---<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU">Litsa Tzelepis<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU">Mount St. Joseph Girl's College<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU">133 Maidstone Street, Altona, VIC. 3018<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU"><a href="mailto:htzelepis@msj.vic.edu.au">htzelepis@msj.vic.edu.au</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU">P:8398 2000 | F:9398 3498<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:9.0pt;color:gray;mso-fareast-language:EN-AU">This Email and any attachments may be confidential and, if you are not the intended recipient, you must not disclose or use the information in this email. If received in
error, please notify the sender and Mount St. Joseph Girls' College immediately and delete the Email and all copies. Mount St. Joseph Girls' College does not guarantee that this email is virus or error free. The attached files are provided and may only be
used on the basis that the user assumes all responsibility for any loss, damage or consequence resulting directly or indirectly from the use of the attached files, whether caused by the negligence of the sender or not. The content and opinions in this Email
are not necessarily those of Mount St. Joseph Girls' College. Please consider the environment before printing this email.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:gray;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:10.0pt;color:gray;mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal"><span style="font-size:12.0pt;font-family:"Times New Roman","serif";mso-fareast-language:EN-AU"><o:p> </o:p></span></p>
<p>IMPORTANT! This email and any attachments may be confidential. If received in error, please contact us and delete all copies. Mount St Joseph Girls' College does not represent or warrant that the attached files are free from computer viruses or other defects.
The attached files are provided, and may only be used, on the basis that the user assumes all responsibility for any loss, damage or consequence resulting directly or indirectly from the use of the attached files, whether caused by the negligence of the sender
or not. The liability of Mount St Joseph Girls' College is limited in any event to either the resupply of the attached files or the cost of having the attached files resupplied. Any representations or opinions expressed in this email are those of the individual
sender, and not necessarily those of Mount St Joseph Girls' College.<o:p></o:p></p>
</div>
</body>
</html>