You need to use Photoshop to create a background image that is about 1024w x 768h. This will take some work as you remember from Assignment 7, it needs to be a small file. It should be lighten and low contrast so that it will be less than 15-20 kilobytes. The image needs to be sliced so that the left is 180px wide and the right is the balance.
Save at least five (5) photos to your disk, the photos should be about 300 x 400 pixels. Each photo should be no more than 20-30 kilobytes. Points will be deducted for images more than 30Kb or aspect ratios that are not correct. Make five (5) simple html files, that has the right part of the sliced image created above as a background image, and that has these five (5) photos as the main feature of five (5) html pages.
- Create a frame html page that has two frames. The left frame is 180 pixels wide and the right frame is the rest of the screen. Call this page assign11.html and link it to your index page.
- In the left frame use the 180px wide background image for the background.
- Now put in this left frame a set of links to your five (5) photo html pages with a return link to your index page. See sample11.html, this is what your page should be similar to.
- If you can get the frame borders to disappear it will not look like a frame set.
- If you want your left frame to be XHTML Strict then use this code for your links.
<a href="#" onclick="parent.right.location='photo1.html'" >Photo 1</a>
- You are required to have a link to check each page for strict XHTML.
- You are required to have a links to check that Assign 11 is a XHTML Frameset and that the left frame is Strict XHTML using the <a href="#" ..> tag above.
- You are required to have a link to your original index page.
- Upload your new pages along with your photos to your web space.