WebSite Design Video Training List

Lynda.com Creating a Portfolio Web Site Using Flash CS4 Professional

Lynda.com Creating a First Web Site With Flash CS4 Professional

Lynda.com Creating A First Web Site With Dreamweaver CS4

Lynda.com Web Site Planning and Wireframing Hands-On Training

Lynda.com Creating a CSS Style Guide Hands-On Training

Lynda.com Creating a Portfolio Web Site Using Flash CS4 Professional

Author: Paul Trani | Duration (hr:min): 04:04 | Language: English | 1DVD | Released on: 2/17/2010 | Exercise files: Yes | Size ( Compressed ): 991MB | Size ( After Extraction ): 1.01GB

Description
Flash and ActionScript are ideal for creating flexible, easily updatable web sites that are both unique in design and small in file size. In Creating a Portfolio Web Site Using Flash CS4 Professional, Adobe Certified Instructor Paul Trani shows how to exploit Flash to create a web site that showcases work to clients and prospective employers. Find out how to add dynamic navigation, animation, and video to a page, and how to load, sort and display XML that enables portfolio content to be updated without opening Flash. This course is designed to take your existing tweening skills and gotoAndPlay code and walk away with a fully functional Flash site. Exercise files accompany the course.
Topics include:

* Optimizing and publishing a Flash web site
* Designing a professional photo or video portfolio
* Adding button interactivity
* Adding functionality to portfolio thumbnails
* Displaying content with XML
* Adding audio to portfolio presentations



Table Of Contents
Introduction
Welcome
Using the exercise files

1. Getting Started
Understanding web design
Creating a Flash file
Importing a design from Photoshop
Optimizing the design

2. Creating a Unique Web Experience
Dynamically loading an image
Loading random images

3. Adding Navigation
Creating menu buttons
Adding functionality to buttons
Adding navigation
Creating transitions
Simplifying code

4. Creating Sections
Creating web site sections
Dynamically loading sections
Linking to web sites and email addresses

5. Creating a Portfolio
Setting up a portfolio
Adding functionality to thumbnails
Allowing for unlimited thumbnails

6. Making a Flexible Portfolio
Benefits of using XML
Loading XML content
Sorting XML content
Displaying XML content
Using XML to create thumbnails
Displaying content with thumbnails

7. Creating a Video Portfolio
Creating and importing video
Adding a Full Screen button
Creating custom video controls
Adding functionality to video thumbnails

8. Adding Audio
Adding audio to buttons
Adding audio to dynamically created buttons

9. Completing the Web Site
Applying professional transitions
Creating a preloader
Publishing a web site

10. Bonus Sites
Reviewing the "corporate" Flash site
Reviewing the "artistic" Flash site

Conclusion
Goodbye


Download Links:
Comming Soon

Lynda.com Creating a First Web Site With Flash CS4 Professional

Author: Paul Trani | Duration (hr:min): 03:08 | Language: English | 1DVD | Released on: 4/15/2009 | Exercise files: Yes | Size ( Compressed ): 364MB | Size ( After Extraction ): 452MB

Description
Information on how to learn Flash is prevalent, but it can be frustrating to understand how to make an entire working web site using this unique technology. Here's a course that cuts through the clutter and offers practical tools for creating a dynamic web site, even for first-time developers. In Creating a First Web Site with Flash CS4 Professional, veteran Flash instructor Paul Trani simplifies the process of integrating animation, video, audio, and user interactivity to create a site that is dynamic and appealing. The goal of this hands-on workshop is to teach web site-building skills for today’s demanding interactive industry. Exercise files accompany the course.
Topics include:

* Manipulating images for the best results
* Integrating assets from other Adobe products
* Creating buttons with ActionScript
* Embedding links to external web sites
* Exploring text layouts
* Customizing interactive contact forms



Table Of Contents
Introduction
Welcome and overview
Using the exercise files

1. The Basics of Web Design
Planning a successful web site
Creating a site map
Technical requirements
Web design considerations

2. Setting Up Your Website
Importing a design from Photoshop
Creating sections

3. Adding Navigation
Creating menu buttons
Adding button events
Reusing functions

4. Adding Media
Importing and manipulating video
Importing audio

5. Creating Transitions
Adding tweens using ActionScript
Reusing tween code
Getting creative with the Tween class
Controlling elements after transitions

6. Creating a Portfolio Section
Dynamically loading images
Using assets from the common library
Adding multiple images to the portfolio section
Adding unlimited images to the portfolio
Dynamically showing and hiding graphic elements
Creating 3D tweens

7. Creating a Contact Form
Creating input text fields
Passing data out of Flash
Linking to external web sites

8. Finalizing the Website
Creating a preloader
Publishing for the web

9. Additional Sample Sites
Reviewing bonus web sites

Conclusion
Goodbye


Download Links:
Comming Soon

Lynda.com Creating A First Web Site With Dreamweaver CS4

Author: Paul Trani | Duration (hr:min): 02:41 | Language: English | 1DVD | Released on: 9/16/2009 | Exercise files: Yes | Size ( Compressed ): 260MB | Size ( After Extraction ): 317MB

Decription
Creating a First Web Site with Dreamweaver CS4 shows the basics of doing just that—building a first web site. Adobe Certified Instructor Paul Trani walks through the important steps of creating a web site from concept to publishing, using Dreamweaver CS4. He teaches how to create basic web pages, add text and image content, use Cascading Style Sheets for design and layout, create a photo gallery, and even check the final site for browser compatibility. He also demonstrates how to create a contact form to encourage viewer feedback on the site. Exercise files accompany the course.
Topics include:

* Exploring the Dreamweaver workspace for first-time users
* Linking to external web pages and sites
* Improving the presentation of text and images on the site
* Building a layout using Cascading Style Sheets
* Making navigation reusable across multiple pages
* Displaying content using the Accordion widget
* Creating a contact form and sending data from it
* Making the final site search engine-friendly


Table Of Contents
Introduction
Welcome
Using the exercise files
Overview

1. Understanding Web Sites
Understanding how web sites work
Planning a successful web site
Designing the web site

2. Creating Web Pages
Understanding Dreamweaver and HTML
Reviewing the Dreamweaver workspace
Creating web pages
Adding text content
Linking to web pages and sites

3. Stylizing Content
Applying style to content
Understanding Cascading Style Sheets (CSS)
Styling with CSS
Customizing specific page content

4. Creating a CSS-Based Layout
Creating a CSS-based layout
Creating a liquid CSS-based layout
Reviewing the prebuilt layouts in Dreamweaver
Creating a Cascading Style Sheet and applying it to multiple pages
Overriding a CSS style

5. Creating Reusable Content
Creating and using Library items

6. Adding Visual Content
Importing and editing images
Inserting SWF content
Improving data presentation
Adding a photo gallery

7. Adding a Contact Form
Adding input text fields
Sending data to an email address

8. Testing and Uploading
Checking for browser compatibility
Managing and uploading your site
Making your site search engine-friendly

9. Bonus Sites
Visiting the bonus sites

Conclusion
Goodbye


Download Links:

Download From Hotfile
Each file 150 MB Except the last one

Part 1

Part 2

Lynda.com Web Site Planning and Wireframing Hands-On Training

Author: Laurie Burruss | Duration (hr:min): 02:28 | Language: English | 1DVD | Released on: 3/11/2009 | Exercise files: Yes | Size ( Compressed ): 255MB | Size ( After Extraction ): 283MB

Decription
In Web Site Planning and Wireframing: Hands-On Training, Laurie Burruss, director of digital media at Pasadena City College, demonstrates the essentials of creating a web site with a polished, professional appearance and a compelling user experience. The goal of this hands–on course is to deconstruct a web site’s home page in order to identify its structural elements and feature set. Using Acrobat Pro and the web developer’s toolkit, Laurie shows how to capture a homepage and create, in another layer, its visual framework (wireframe). Exercise files and a downloadable PDF quiz accompany the course.

Download the free support materials here from the Exercise Files tab.

After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.
Topics include:

* Seeing, scanning, and reading a web page
* Understanding naming conventions
* Creating file structures
* Understanding page hierarchy
* Using Acrobat and Photoshop with wireframes
* Building a professional wireframe from scratch
* Identifying and using web standards in site design
* Usability Testing


Table Of Contents
Introduction
Course overview
Using the exercise files

1. How the Internet Works
How the internet works
How a user connects

2. Using Your Browser
Choosing a browser
Installing the Web Developer toolbar and Firebug

3. Deconstructing a Web Page
Deconstructing a web page with a browser
Reviewing the head and body of a web page
Understanding the structural elements of a web page
Using the Web Developer toolbar to reveal the CSS
Using the Web Developer toolbar to investigate images on a page
Using the Web Developer toolbar to outline a page
Using the Web Developer toolbar to resize the window
Using the important miscellaneous tools in the Web Developer toolbar
Using the Web Developer toolbar to validate a page
Exploring a website using Firebug

4. Learning the Ground Rules
Creating proper file structure
The eight commandments of naming
5. Designing for the Internet
Reading the structural elements of a site
Reading the features of a site
Effective informational design
Effective architectural design

6. Wireframes
Setting up a project
Capturing a website
Merging the screen captures in Photoshop
Bringing a website into Acrobat Pro
Wireframing the structural elements of a website
Wireframing the feature elements of a website

Conclusion
A case study


Download Links:

Download From Hotfile
Each file 150 MB Except the last one

Part 1

Part 2

Lynda.com Creating a CSS Style Guide Hands-On Training

Author: Laurie Burruss | Duration (hr:min): 03:31 | Language: English | 1DVD | Released on: 3/6/2009 | Exercise files: Yes | Size ( Compressed ): 252MB | Size ( After Extraction ): 295MB

Decription
A web site is just a web site unless it’s designed with a unique style. Creating a CSS Style Guide: Hands-On Training highlights the importance of a CSS style guide, which serves as an interface for the design team and a communication tool for the client. Laurie Burruss calls on her background as director of digital media at Pasadena City College and takes an informative, real–world approach to this topic. She shows how Dreamweaver CS4 can be used to develop a coherent site–wide emotion that boosts brand identity. The course culminates with building a working web style guide for professional use. Exercise files and a downloadable PDF quiz accompany the course.

Topics include:

* Planning a site from a blank file
* Creating and editing a style guide with just HTML
* Using the Property Inspector for text markup
* Inserting images, tables, and footers for a custom look
* Creating and editing an external CSS style sheet
* Building a custom color palette for a site
* Testing web pages in various browsers
* Styling tips for professional sites


Table Of Contents
Introduction
Welcome
Objective of this course
Using the exercise files

1. Setting Up
Starting Dreamweaver for the first time
Defining a website
Understanding the Dreamweaver interface
Setting up a custom workspace
Setting essential preferences

2. Creating and Editing a Style Guide with HTML
Laying out a page in a text document
Creating and saving a new document
Inserting an image
Marking up text using the Property Inspector
Marking up text by hand
Inserting, formatting, and selecting a table
Creating links
Styling a footer

3. Creating Internal Styles
Using Modify Page Properties to create embedded styles
Creating links with CSS
Working with Code, Split, and Design views

4. Previewing a Web Page in a Browser
Defining browsers to test a web page
Previewing a web page in a browser

5. Creating Custom Styles Using the Style List
Using a span tag to add a class and customize appearance
Using the Tag Inspector to create and edit additional styles

6. Creating and Editing an External Style Sheet
Exporting existing styles into an external style sheet
Using the CSS Styles panel to add a new style
Using the div tag to create a content container
Overriding the default browser styles
Applying padding and margins
Styling header tags
Creating and styling compound tags
Editing preexisting rules

7. Adding Professional Touches
Improving the Footer
Commenting a CSS style sheet
Creating a custom color palette

Conclusion
Style sheet final review


Download Links:

Download From Hotfile
Each file 150 MB Except the last one

Part 1

Part 2