Join Paul Trani for an in-depth discussion in this video Understanding web design, part of Creating a First Web Site with Flash Professional CS5.
I'd like to start off by giving you good overview of web design.…So web design at a high level is the design of online content, regardless of…what that content is.…In this case it happens to be a web site.…And a web site should really do a couple of things.…It should achieve your specific business goals and it should be well…organized and easy to use.…So just keep in mind the user has goals as well.…When it comes to your web site goals, you need to of course figure that out.…Is it to inform or kind of tell about yourself or your services?…Is it to sell something?…Is it to connect with potential clients?…It could be all of those things, but clearly define what those goals are and…then any decisions you make should be made based on those goals.…
The result ultimately is going to be the content for your web site.…So in this example I might have Jill Simons who is interested ultimately in…gaining more clients.…So she might start selling herself, talking about her education, her…experience, show off some of her work, and of course give users the ability to…
Author
Paul Trani
Released
7/27/2010- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Duration
Views
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible:
-
Introduction
-
Welcome58s
-
-
1. Getting Started
-
Understanding web design3m 56s
-
-
2. Creating Graphics and Text
-
Creating the first graphic2m 54s
-
Creating a symbol2m 44s
-
Creating buttons6m 38s
-
-
3. Importing Graphics
-
Importing an image2m 24s
-
Importing Photoshop files7m 17s
-
-
4. Adding Transitions
-
Using the Timeline3m 42s
-
Adding preset animation8m 13s
-
Creating 3D animation2m 55s
-
Reusing custom animation2m 53s
-
-
5. Adding Interactivity
-
Adding button functionality10m 15s
-
Linking to a web site2m 22s
-
-
6. Creating a Gallery
-
Loading an external image3m 59s
-
Creating invisible buttons4m 20s
-
-
7. Adding Video
-
Adding video9m 51s
-
Adding custom video controls5m 14s
-
Syncing graphics with video7m 54s
-
-
8. Adding Audio
-
Adding music3m 48s
-
Adding audio to buttons4m 56s
-
-
9. Integrating a Contact Form
-
Creating input text fields6m 39s
-
Accessing the input data7m 46s
-
-
10. Testing and Publishing
-
Adding a progress bar6m 4s
-
Optimizing a web site8m 19s
-
Publishing a web site5m 36s
-
-
Conclusion
-
Goodbye15s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Understanding web design