Top Tutorials for Building Websites

17th
JAN

Posted by Relaxtubes under Development for Web, Video Training

Top Tutorials for Building Websites

http://www.learnwebdevelopment.com/toptutorials.html

By Craig Campbell, Bert Lee, Jon Measures, Geoff Riggs, Michael Blaustone and Jonathan Bennion

Running Time: 4 hours, 21 minutes

Overview

In this collection of web design tutorials, you will find some of the most sought-after tips and tricks for putting together websites with Flash, Photoshop, Illustrator, and Dreamweaver. These tutorials, taken from some of our best-selling training products, include everything from customizing preloaders and slideshows in Flash to create multi-level and expandable menus in Dreamweaver. Expand your web design skill set with this unique sampler of some of the best web development tools available.

Project files are not included with these videos. They are intended for the original series.

Detailed Video Descriptions

1 – Events and Listeners (Running Time – 16:38)
You won’t get very far in Flash development before you find the need to set up a listener that will listen for certain events. Buttons, for example, now require you to set up explicit listeners to listen for MOUSE_OVER, MOUSE_OUT, and CLICK events. Watch and learn as Craig shows you how.

2 – Your First Class (Running Time – 21:38)
In this video, you’ll learn how to create an external class that links to a button symbol on your stage. This way, you’ll be able to add code for your button to an external Actionscript file.

3 – Building a Basic Website (Running Time – 18:32)
Building a basic website in Flash can be easier than you might think. In this video, Craig teaches you some of the basic theory behind putting a website together using Flash, and he jumps right in and gets you started creating your first website.

4 – Making It Work (Running Time – 21:40)
A website won’t do you much good if your buttons won’t take you from one page to the next. In this video, Craig shows you how to add actions to your buttons in order to create basic navigation for your site.

5 – Slideshow Mask Animation (Running Time – 10:42)
This video continues the discussion from the previous video about accessing and changing an object’s properties, but in this video Craig deals with properties that affect an object’s size and dimensions.

6 – Custom Video Player – Part 1 (Running Time – 15:13)
In this video, you’ll learn how to encode flash video files using the external Flash 8 Video Encoder, and then you’ll take those videos and link to them from within your Flash file.

7 – Custom Video Player – Part 2 (Running Time – 10:47)
Now that the video’s playing, Craig shows you how to create your own stop and play buttons for your video player. Also, he’ll show you how to add code to switch between 3 different videos.

8 – Cleaning Up the fla File (Running Time – 18:17)
One thing you’ll quickly learn about working with templates is that they can often be very messy and difficult to sort through. Because of this, it can often be beneficial to clean up the file a little bit before getting started with customization. In this video, Craig will show you some typical template messes and provide suggestions for cleaning up your files.

9 – Customized Preloader Animation (Running Time – 14:10)
In this video, Craig will show you how to take the skeleton of the preloader that’s already been created and make from it a much fancier preloader for your customized website.

10 – Importing multilayered documents to flash and organizing the work space (Running Time – 10:51)
In this video, we import complex multi-layered photoshop files, considering various options for treating text and graphics files, and looking to organizing the workspace as the layers are introduced to keep order in the document.

11 – File Formats (Running Time – 3:27)
Photoshop provides myriad file formats for saving and exporting image files. However, when designing for the web, there are only a few choices to consider. This tutorial examines the various file formats available in Photoshop for use on the web.

12 – Web Page Layout (Running Time – 6:28)
When designing a web page in Photoshop, it’s a good idea to plan a basic layout and structure before you start. In this video, we illustrate a method for laying out a basic web page in Photoshop.

13 – Background Image (Running Time – 4:31)
This tutorial illustrates a quick way to produce a fast loading gradient background for a web page. Quick, elegant and easy!

14 – Building your first Gallery (Running Time – 6:35)
In this tutorial, we will build our first web photo gallery. This will include folder navigation and populating the web photo gallery banner with the appropriate text content.

15 – Imagemaps (Running Time – 8:21)
In this video, Jonathan shows you how to use Dreamweaver’s “hotspots” tools in order to create an imagemap in Dreamweaver. An imagemap is basically just an images with clickable hotspots that can take you to another page.

16 – CSS Basics (Running Time – 15:11)
Cascading style Sheets (CSS) allow you to keep the design of your website separate from the actual content. Using style sheets, you can format all aspects of your website, including text, table styles, etc., in one central location. In this video, you’ll learn how to use inline styles as well as how to link to an external style sheet.

17 – Spry Layout objects (Running Time – 14:10)
In this video, Bert will show you how to throw together a fast layout mock-up, using spry menu bars, tabbed folders, collapsible panels and accordion panels. This is a great introduction to the speedy workflow these new layout objects make possible.

18 – Intro. to Pathfinder (Running Time – 5:42)
Here we will begin by getting to grips with what pathfinder is used for. We will look at the basic Pathfinder effects such as Add to Shape Area, Subtract from Shape Area and Divide. Jon Measures will also explain what expanding does.

19 – Uses for Pathfinder (Running Time – 15:15)
Carrying on from the previous video in the series, “Intro to Pathfinder” this video goes over a series of simples exercises that demonstrate some more specific uses for Pathfinder. This works the same in any of the newer versions of the software.