FREE VIDEO TUTORIALS
As a taster, and to help you learn more about web site design and graphics (featuring Paint Shop Pro), we've created over 50 minutes of FREE tutorials for you to try. Once you've taken a look at some of these resources, we believe you'll have a better appreciation of the benefits of using our video tutorials.
Why not also take a look at the previews for our course: "Discover Web Site Design - in a day!" where you'll find nearly 90 minutes worth of FREE previews?
Please read our Terms and Disclaimer
before previewing videos.
What you'll need to watch our tutorials
All you need to watch our video tutorials is a web browser (just like the one you're using to look at this page) with Flash Player installed. The chances are that you will already have this. If not, you can download and install the player in a matter of minutes.
All of our tutorials are recorded at a screen resolution of 800x600. When watching them we recommend you set your monitor to a resolution of 1024x768 or higher.
Adding backgrounds to web pages and controlling their position using CSS
(Running time: 17m 14s; File size: 11.1Mb)
Backgrounds are often used on web pages to enhance the design. This tutorial explains how to add three different backgrounds (a single colour, a repeating graphic, and an effective gradient/single-colour combination), using HTML and CSS coding. The tutorial also shows how to use Paint Shop Pro to create all of the artwork needed.
Adding scrolling text boxes to web pages
using CSS
(Running time: 16m 56s; File size: 12.6Mb)
Scrolling text boxes are useful when you have a lot of information to show on a web site, but you want to keep the page compact. This tutorial shows how to create scrolling text using CSS, together with an effective way to add them to your own web pages with photographs or other images.
The connection between screen resolution
and web site design
(Running time: 5m 34s; File size: 5.7Mb)
This tutorial demonstrates how changing the screen resolution settings on your computer's monitor affects what you see. It then shows how to alter the resolution on your own monitor. The choice between fixed and floating widths on web pages is explored, together with the need to consider the typical screen resolution settings of your target audience when designing web sites.
Comparing web graphics file types:
JPGs, GIFs and PNGs
(Running time: 13m 04s; File size: 10.5Mb)
This tutorial explains how to take artwork created in graphics programs and optimise it for use on the Internet. Comparisons are made between the three web graphics file types (JPGs, GIFs and PNGs). For each file type, the advantages and limitations are explored to help you determine the best option for your own projects. Transparency on GIF and PNG images is also covered.
Watch the video tutorial now...
