Digitaalisen median tekniikat S00, Harjoitus 2/ex tempore
Tehtävä 3: Pics & Frames

Page

Pics & Frames

Code

frame_root.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<HTML>
  <HEAD>
    <TITLE>Pics &amp; Frames</TITLE>
  </HEAD>
  <FRAMESET cols="90,*">
    <FRAME src="frame_left.html">
    <FRAMESET rows="80,*">
      <FRAME src="frame_top.html">
      <FRAMESET cols="50%,50%" rows="50%,50%">
        <FRAME src="frame_empty.html" name="ful">
        <FRAME src="frame_empty.html" name="fur">
        <FRAME src="frame_empty.html" name="fll">
        <FRAME src="frame_empty.html" name="flr">
      </FRAMESET>
    </FRAMESET>
    <NOFRAMES>
      Sorry, this document can be viewed only
      with a browser that supports frames.
    </NOFRAMES>
  </FRAMESET>
</HTML>

frame_left.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY bgcolor="#0000ff" text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffff00">
<P><B><I>Pics</I></B></P>
<P><A href="frame_jack.html" target="ful">Jack</A><BR>
<A href="frame_smile.html" target="ful">Smile</A><BR>
<A href="frame_empty.html" target="ful"><I>Empty</I></A></P>
<P><A href="frame_block.html" target="fur">Block</A><BR>
<A href="frame_balloon.html" target="fur">Balloon</A><BR>
<A href="frame_empty.html" target="fur"><I>Empty</I></A></P>
<P><A href="frame_book.html" target="fll">Book</A><BR>
<A href="frame_home.html" target="fll">Home</A><BR>
<A href="frame_empty.html" target="fll"><I>Empty</I></A></P>
<P><A href="frame_dog.html" target="flr">Dog</A><BR>
<A href="frame_bird.html" target="flr">Bird</A><BR>
<A href="frame_empty.html" target="flr"><I>Empty</I></A></P>
</BODY>
</HTML>

frame_top.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY bgcolor="#0000ff" text="#ffffff" link="#ffffff" vlink="#ffffff" alink="#ffff00">
<H1 align="center">Pics &amp; Frames</H1>
</BODY>
</HTML>

frame_empty.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY bgcolor="#ffffff">
</BODY>
</HTML>

frame_jack.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY bgcolor="#ffffff">
<DIV align="center">
<IMG alt="Jack-in-the-box" src="../../harj/02/jackinthebox.gif">
</DIV>
</BODY>
</HTML>

frame_the_rest_of_them.html

like frame_jack.html