User:Achapman/My try2

From WikiEducator
Jump to: navigation, search

<head> <style type="text/css">

body { color: black; background-color: black;}

h1 {color:white; font-family:Calibri; font-size:xx-large; text-align:center;} h2 {color:white; font-family:Calibri; font-size:large; text-align:left;} p {color: white;font-family:Calibri;} a {color:white;font-family:Verdana; font-size:large;text-decoration:none;} a:hover {color:#CCCCCC;} ul {color: white;font-family:Calibri;} hr {color:white;}

  1. container { width:700px;

background-color: green; margin-left: auto; margin-right: auto; padding: 10px; border: 3px solid #ACFF84; }

  1. table1 {color: white; font-family:Calibri;text-align:top;}
  1. links_small {color:white; text-align:center;font-size:small;}
  1. links_small a {color:white;font-family:Verdana; font-size:small;text-decoration:none;}
  1. links_small a:hover {color:#CCCCCC;}


</style>

</head>


<body>

My Eportfolio


<a href="page1.html">HOME</a>   <a href="page1.html">GRAPHICS</a>   <a href="page1.html">MOVING IMAGE</a>   <a href="page1.html">BROCHURE</a>


Brief

Create an Eportfolio to showcase your work from your computing classes in Year 9 and Year 10. The Eportfolio needs to record learning process as well as your final product.

Teacher Specification

  • Pages must be made using notepad and HTML
  • The proper file structure must be used and correct filenames
  • The eportfolio must have an index page
  • The eportfolio must have links between pages and contain images
  • The eportfolio must show your reflection on your learning process
.
If you want to put text next to a picture the easiest way to do it is by using a table like this. Rememeber to use valign="top" to start this text in line with the top of the picture. You can use a table to layout parts of your page, like the link sections. The links on this page have been seperated using the &nbsp space<img src="images/cat.jpg" alt="picture of cat" />

</body> </html>