This is the main page
Code:
<html>
<head>
<title>Unit 4:- Website Development</title>
<script type="text/javascript" language="javascript" src="js/lytebox.js"></script>
<link rel="stylesheet" href="CSS/lytebox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="CSS/main.css" type="text/css" media="all">
<link rel="stylesheet" href="CSS/boxout.css" type="text/css" media="all">
</head>
<body link="#ffffff" vlink="#ffffff">
<table width="800" align="center">
<tr>
<td align="center"><img src="http://www.youngcoders.com/images/unit4_banner.png" width="680" height="200" align="center"></td>
</tr>
<tr>
<td>
<img src="http://www.youngcoders.com/images/sep.png" width="800" height="50">
<table align="center">
<tr>
<td width="120"><a href="index.htm" onMouseOver= "if (document.images) document.index.src= 'images/link/home_h.png';" onMouseOut= "if (document.images) document.index.src= 'images/link/home.png';"><img src="http://www.youngcoders.com/images/link/home.png" name=index border=0></a></td>
<td width="120"><a href="research.htm" onMouseOver= "if (document.images) document.research.src= 'images/link/research_h.png';" onMouseOut= "if (document.images) document.research.src= 'images/link/research.png';"><img src="http://www.youngcoders.com/images/link/research.png" name=research border=0></a></td>
<td width="120"><a href="legis.htm" onMouseOver= "if (document.images) document.legis.src= 'images/link/legis_h.png';" onMouseOut= "if (document.images) document.legis.src= 'images/link/legis.png';"><img src="http://www.youngcoders.com/images/link/legis.png" name=legis border=0></a></td>
<td width="120"><a href="create.htm" onMouseOver= "if (document.images) document.create.src= 'images/link/creating_h.png';" onMouseOut= "if (document.images) document.create.src= 'images/link/creating.png';"><img src="http://www.youngcoders.com/images/link/creating.png" name=create border=0></a></td>
<td width="120"><a href="review.htm" onMouseOver= "if (document.images) document.review.src= 'images/link/review_h.png';" onMouseOut= "if (document.images) document.review.src= 'images/link/review.png';"><img src="http://www.youngcoders.com/images/link/review.png" name=review border=0></a></td>
<td width="200">
<a href="../index.htm" onMouseOver= "if (document.images) document.usel.src= 'images/usel_h.png';" onMouseOut= "if (document.images) document.usel.src= 'images/usel.png';"><img src="http://www.youngcoders.com/images/usel.png" name=usel border=0></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img src="http://www.youngcoders.com/images/sep.png" width="800" height="50">
<table>
<tr>
<td width="200">
<div float="center">
<img src="http://www.youngcoders.com/images/sep.png" width="200" height="50"><br>
<a href="frames/a1_t2.htm" target="info" onMouseOver= "if (document.images) document.aat.src= 'images/aat_h.png';" onMouseOut= "if (document.images) document.aat.src= 'images/aat.png';"><img src="http://www.youngcoders.com/images/aat.png" name=aat border=0></a>
<br>
<img src="http://www.youngcoders.com/images/sep.png" width="200" height="50"><br>
<a href="frames/lo_a1_t2.htm" target="info" onMouseOver= "if (document.images) document.lo.src= 'images/learnout_h.png';" onMouseOut= "if (document.images) document.lo.src= 'images/learnout.png';"><img src="http://www.youngcoders.com/images/learnout.png" name=lo border=0></a><br>
<img src="http://www.youngcoders.com/images/sep.png"width="200"height="50">
<br>
<a href="frames/mark_a1_t2.htm" target="info" onMouseOver= "if (document.images) document.mark.src= 'images/markcrit_h.png';" onMouseOut= "if (document.images) document.mark.src= 'images/markcrit.png';"><img src="http://www.youngcoders.com/images/markcrit.png" name=mark border=0></a><br>
<img src="http://www.youngcoders.com/images/sep.png" width="200" height="50"><br>
</div>
</td>
<td width="600"><iframe src="frames/a1_t2.htm" frameborder="0" width="600" height="600" name="info"></iframe>
</td>
</tr>
<tr>
<td colspan="2"><img src="http://www.youngcoders.com/images/sep.png" width="800" height="50"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
and this is the iframe content
Code:
<html>
<head>
<title>Unit 1:- Using ICT to Present Information</title>
<script type="text/javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="../CSS/main.css" type="text/css" media="all">
<link rel="stylesheet" href="../CSS/boxout.css" type="text/css" media="all">
</head>
<body link="#000000" vlink="#000000">
<p>Assignment 1, Task 2</p><br>
<h2>Legislation</h2>
<p>Your company would like you to show you understand the law and make sure any other new employees stick to the law. They would like you to create a Poster that describes 3 different situations in which a web designer could be in breach of the law.</p>
<br>
<h2>Task</h2>
<p>You need to look up information on the three laws:-</p><br>
<ul type="I" color="#ffffff">
<li><p>The Data Protection Act</p></li>
<li><p>The Copyright Designs and Patents Act</p></li>
<li><p>The Digital Millennium Copyright Act</p></li>
</ul>
<br>
<p>You also need to add a sentence at the bottom of the poster that explains that web designers also need to follow <a href="../images/inet_guide.jpg" rel="lytebox">internet guidelines</a>.</p>
</body>
</html>
i have made my own websites for Home networking sites and one for my BTEC ICT course (4 A*) and this is the first time i have used frames properly and i can always spot out my mistakes in code. is there anything missing? and do you need anything more info. oh and by the way, this is a school btec ICT website that the teachers have asked me to do because the other one done 3 years ago has got alot of mistakes in.
Lightbox and iframes
Re: Lightbox and iframes
Linear Mode
Copyright ©2004 - 2009, YoungCoders.com
