| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/JimMartinson/CST1022/AllenLabs/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>Week 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link href="Menus%20and%20Image%20Effects_files/style.css" rel="stylesheet" type="text/css">
</head>
<body data-pt-ext-theme="dark" data-pt-ext-size="standard" background="file:///D|/Webs/images/background.gif">
<p align="center"><font size="5" face="Arial, Helvetica, sans-serif" color="#000066">MMDT1022 </font><font size="5" face="Arial" color="#000080">HTML II and Javascript</font><font size="5" face="Arial, Helvetica, sans-serif" color="#000080"><br>
Week 3</font></p>
<hr>
<table width="750" cellpadding="4" border="0" bgcolor="#FFFFFF">
<tbody><tr>
<td width="100%"> <p><font size="4" face="Arial">Week 3</font></p>
<p><font face="Arial">Read chapter 4 of the JavaScript textbook.</font></p>
<p><font face="Arial">The books shows how to do rollover buttons and menus using Javascript.<br>
</font></p>
<p><font face="Arial">But...<br>
The coolest method and easiest way to animate buttons and menus is with CSS!<br>
</font></p>
<p><font face="Arial"><a href="https://www.w3schools.com/">W3Schools</a> is an excellent resource to get you started.</font> I found that W3Schools also has a <a href="https://www.w3schools.com/howto/default.asp">W3 How To</a> section that shows advanced HTML/CSS/Javascript techniques.</p>
<p><a href="http://mmdt1022.ridgewater.net/week3/cats/index.html">Example 1 </a>(cats) of CSS rollover menu and image effects.</p>
<p><a href="http://mmdt1022.ridgewater.net/week3/fruits/fruits.html">Example 2 </a>(fruits) of CSS rollover menu and image effects.</p></td>
</tr>
</tbody></table>
<br>
<table width="750" cellpadding="4" border="0">
<tbody><tr>
<td bgcolor="#FFFFFF"> <p><font size="4" face="Arial, Helvetica, sans-serif">Lab Menus and Image Effects</font> </p>
<p>You are going to create a mini website with at least 4 pages. The topic <b>must be different</b> than the one we did during the class lecture.</p>
<p>Part 1 - <font face="Arial, Helvetica, sans-serif">Create at
least 4 html pages that are linked to each other through a CSS rollover
menu system. You may reuse the menu rollover code we did in class</font><font size="4" face="Arial, Helvetica, sans-serif">.</font></p>
<p><font face="Arial, Helvetica, sans-serif">This will be like we did in
the class lecture. Important things to consider are that the HTML, CSS
and Javascript (if any) are in separate files. Reason is that the CSS
and should be reusable</font> across an entire website. </p>
<p>Part 2 - On one of your pages you are going to create create a slide
show, rotating banner, lightbox, or other useful image effect. This
script/template you use can come from any resource you find on the web.
The effect that you choose should be useful, and would be something that
you could use on a professional website. (Note: <b>Do not</b> use the same script that was demonstrated in class.)</p>
<p>Again, it is best that the HTML, CSS and Javascript are in separate files. Fully debug and test your script.</p>
<table width="500" cellspacing="0" cellpadding="5" border="1">
<tbody><tr>
<td width="85%"><b>Grading Criteria</b></td>
<td width="15%" align="right"><b>Points<br>
20</b></td>
</tr>
<tr>
<td width="85%">Part 1 - At least 4 html pages with rollover menu system. </td>
<td width="15%" align="right">8</td>
</tr>
<tr>
<td width="85%">Part 2 - Image effect script such as a slideshow, rotating banner, lightbox, etc. ...</td>
<td width="15%" align="right">12</td>
</tr>
</tbody></table>
<p>Assignment is due one week from when it was assigned. 50% penalty if late.</p></td>
</tr>
</tbody></table>
<hr>
<p> </p>
<p> </p>
<div></div></body></html>