Web Design with
Photoshop and CSS
In this lesson we will use Photoshop to create a "Web Gallery" where there are thumbnails on the page and when you click on the thumbnail you see a larger version of the image.
We will use images, HTML and Javascript to create a random image generator. This is a great way to include several images in one location on the page. When this code is included on your Web page, a different image will display each time the page reloads.
Finally will also use images, HTML and Javascript to create a Web based slide show. This is similar, yet different from a random image generator. With a slide show all your images cycle through after the page loads. The slide show will automatically display images or you can use the "previous" and "next" buttons to scan through the slides.
The written instructions and video demonstrations for this lesson are accessed through the navigation bar along the left.