4.2 save for web and seamless tiles
learning assignment - due wednesday january 25
description:
we'll be doing a demo in class on how to use the save for web dialog in photoshop and how to create seamless tiles in photoshop. this assignment is your chance to show you understand the tools being demonstrated.
assignment:
you will create two different seamless tiles and a transparent image in photoshop and save them as usable web graphics. you will build a layout in html/css using those images.
resources
to be turned in:
- two seamless tiles saved as both a master psd and as web-optimized images
- a visual image with transparency saved as both a master psd and as a web-optimized image
-
an html/css layout using those three images
- one tile as background image of <body>
- one tile as background image of <div id="wrapper">
- one transparent image placed as <img> in wrapper
- separate your psd files into a different folder than the website content files
grading
this assignment will be worth 25 points in the application assignment category. grading will be based on...
- 10 pts for seamless tiles and transparent image
- 10 pts for functional html/css
- 5 pts for organized files
