Total Training for Website Design: Extreme Website Makeover : اين مجموعه آموزش مولتی‌مديا  كه توسط جان يوليمن كه از سال 1985 در زمينه رسانه‌های‌ ديجيتال فعاليت داشت است تهيه شده، به صورت تصويري به شما می‌آموزد كه چگونه وبسايت خود را از حالت عادی به حالتی باشكوه تبديل نماييد و تا سطح پيشرفته آن را ارتقاء دهيد. به شما ياد می‌دهد كه چگونه از اجتماع نرم افزارهای ريم‌ويور، فايروركس، فلش، كانتريبوت، فوتوشاپ و ايلاستريتر استفاده نموده و از اتحاد اين نرم افزارها و استفاده از ابزارهای آنها جهت ايجاد يك وبسايت زيبا و ديدنی و كارآمد كه با همه مرورگرها سازگار باشد بهره ببريد. فهرست مباحث مطرح شده در زير آمده است:

Disc 1 - Part 1

Chapter 1: Intoduction & Project Background (10:08 min)
1. Project File Overview
2. Identifying Ways to Improve a Website
3. Previewing the Finished Website

Chapter 2: Creating a Company Logo with Illustrator® (24:52 min)
1. Live Trace & the Tracing Options Dialog Box
2. Adjusting Tracing Presets, Mode & Threshold
3. Adjusting the Trace Settings
4. Converting a Tracing Object into Paths
5. Tracing Strokes & Changing the View
6. Using Live Paint to Fill an Area with Color

Chapter 3: Website Layout using Photoshop® (48:56 min)
1. Preparing a Web Page Mock-up in Photoshop
2. Creating Mock-up Navigation Buttons
3. Managing Assets & Working with Layer Groups
4. Working with Rasterized Illustrator Files
5. Importing & Working with Smart Objects
6. Working with Text
7. Adding Buttons to the Layout
8. Using Blend Modes to Add Graphic Highlights
9. Tidying Up Photoshop & Saving Your Project

Chapter 4: Making Slices with Fireworks® (46:50 min)
1. Altering Some Design Issues in Photoshop
2. Opening a Photoshop File in Fireworks
3. Using the Slice Tool
4. Making Slices with the Selection Tool
5. Exporting from Fireworks into Dreamweaver
6. Adding More Slices to the Web Page
7. Renaming the Slices
8. Setting Up the HTML File for Export
9. Looking at the Images & Deleting Unused Files
10. Optimizing Images with the Optimize Palette
11. Doing a Final Clean-up Pass

Chapter 5: Creating a Dreamweaver® Site (32:00 min)
1. Setting Up the Site De.nition
2. New Document & Preview in Browser Preferences
3. Creating a Tracing Image
4. Editing a Layout in Fireworks
5. Choosing Background Color & Alignment
6. Creating Multiple Pages Using a Template
7. Adding Content to the Pages
8. Modifying a Template in Expanded Mode
9. Linking Buttons to Pages
10. Saving & Updating Template-Based Files

Chapter 6: Cascading Style Sheets (46:19
1. Introducing CSS Styles
2. Creating & Applying a New Class Style
3. Creating & Applying New Tag Styles
4. Removing, Finding & Replacing Styles
5. Duplicating, Moving & Modifying Styles
6. Viewing Applied Styles & Updating Changes
7. Creating an Advanced CSS Rule for Links
8. De.ning Group & Combination Tag Selectors
9. Creating a Class Style for Text Color
10. Creating a Horizontal Rule to Divide Text

Chapter 7: Main Navigation Systems (47:19 min)
1. Setting Up Rollover Button Images in Fireworks
2. Copying & Sharing Graphics across Frames
3. Setting Up the Rollover Behavior in Fireworks
4. Setting Up Pages for a Pop-up Menu
5. Creating a Pop-up Menu in Fireworks
6. Using Correct Paths, Button Styles & Special Characters
7. Adding Rollover Button Images to a Page
8. Exporting Images from Fireworks to Dreamweaver
9. Creating a Rollover Button in Dreamweaver
10. Creating an Animated GIF in Fireworks

Chapter 8: DHTML Layers, Interactivity & Forms (51:42 min)
1. Designing Layers with CSS
2. Determining Table Position with CSS Rules
3. Integrating CSS Styles & DHTML Layers
4. Setting Up a Form on the Stu. Page
5. Adding Buttons & Checkboxes to a Form
6. Enabling the Form to Submit Order Data
7. Creating Remote Rollovers
8. Using the Show-Hide Layers Function
9. Using Tags & Behaviors to Control HTML Text
10. Final Comments & Credits

Disc 2 - Part 2

Chapter 1: ADVANCED GALLERY PAGES (67:58 min)
1. Looking at Web Page Layers in Fireworks
2. Creating Slices for the Crew Images
3. Setting Slice Types & Optimization
4. Copying Images to Another Frame for Rollovers
5. Setting Behaviors for the Navigation Bar
6. Adding Simple Rollovers to the Main Menu
7. Exporting HTML, Images & Slices from Fireworks
8. Linking Slices & Putting Images on Separate Layers
9. Editing HTML & Attaching a Style Sheet
10. Building the Individual Crew Pages
11. Linking the Crew Pages to the Main Page
12. Creating a Photoshop(R) Web Photo Gallery
13. Setting Up a Page Template for the Gallery
14. Incorporating the Gallery into the Website
15. Finishing Up the Gallery Pages in Dreamweaver

Chapter 2: FLASH® ELEMENTS & FLASH VIDEO (26:32 min)
1. Inserting Flash Text into Dreamweaver
2. Using Flash Buttons
3. Preparing Video in the Flash 8 Video Encoder
4. Advanced Flash Video Encoding Settings
5. Using the Insert Flash Video Dialog Box
6. Viewing the Inserted Flash Video in a Browser

Chapter 3: MAKING FLASH® SLIDESHOWS (59:35 min)
1. Starting a New Slideshow
2. Importing Still Image Files
3. Adding Text to the Slideshow
4. Creating Navigation Button Graphics
5. Converting Button Graphics to Symbols
6. Understanding Keyframe Properties
7. Adding Behaviors to Buttons
8. Loading the Slideshow into a Website
9. Using a Flash Movie as a Template
10. Looking at Publish Settings

Chapter 4: CREATING A FLASH® BANNER AD (49:38 min)
1. Setting Up to Create a Banner Ad
2. Designing the Banner
3. Adding Motion to the Banner
4. Adding Text Elements to the Banner
5. Creating & Animating Text
6. Animating with Motion & Shape Tweens
7. Adjusting the Animation for Timing
8. Linking the Animated Banner to the Site
9. Generating a Size Report & Publishing

Chapter 5: MAKING A MINI FLASH® SITE (73:36 min)
1. Reviewing the Site in Fireworks
2. Importing & Organizing Assets
3. Adjusting Values & Settings in an Imported Document
4. Converting the Layout to a Flash Movie
5. Creating a Flash Animation with Slides
6. Making More Animations Using Guides & Slides
7. Testing Your Flash Movie & Fixing Errors
8. Converting Graphics into Buttons
9. Applying a Behavior to a Button
10. Importing Video
11. Animating the Video
12. Controlling the Video with Behaviors
13. Adding Behaviors to Buttons
14. Setting up a Loader
15. Adding a Progress Bar
16. Placing the Mini Site into the Website

Chapter 6: SITE TESTING & PUBLISHING (36:32 min)
1. Testing a Website for Potential Problems
2. Adding Keywords & Description Meta Tags
3. Viewing the Site Map & Modifying Page Titles
4. Verifying Links with Check Links Sitewide Feature
5. Checking Source Code for Errors
6. Setting Up a Remote Server for Your Website
7. Cloaking Certain File Types to Prevent Publishing
8. Making Changes to a Published Website

Chapter 7: WORKGROUP INTEGRATION USING CONTRIBUTE™ (20:47 min)
1. Setting Up a Website for Multiple Users
2. Communicating through Design Notes
3. Creating a Connection with Contribute
4. Editing a Web Page in Contribute
5. Administering a Website

Chapter 8: INCORPORATING PRINT MATERIALS (30:07 min)
1. Creating a Business Card Using Web Page Graphics
2. Creating a Brochure Using Web Page Graphics
3. Adding Background & Text Colors to the Brochure
4. Saving the Brochure as a PDF for Printing Purposes
5. Saving the Brochure as a PDF for the Web
6. Linking the Brochure PDF to the Website
7. Final Comments & Credits

Total Training for CSS & XHTML for Web Development : اد بروك با سابقه 14 ساله در زمينه طراحی وب شما را با زبان پايه براي برنامه نويسي تحت وب يعني اچ تي ام ال و ايكس اچ تي امل و همچنين با صفحه بندی و ايجاد استايل براي صفحات وب يعني CSS  در مدت 8 ساعت كاملا آشنا می‌‌كند. آشنايي با html و CSS برای طراحان وبسايت و همچنين برای مديران وبسايت ضروری است. ليست مباحث مطرح شده در زير آمده است:

Chapter 1: INTRODUCTION TO BUILDING A WEB PAGE   (56 min)
1. What is HTML?
2. Setting Up the Text Editor to Create XHTML
3. Creating Your First HTML File
4. Adding Formatting Tags & Previewing in a Browser
5. Getting Started with Cascading Style Sheets
6. How Pages are Served Up
7. Choosing an Editor
8. Project Management

Chapter 2: CREATING HTML DOCUMENTS (63 min)
1. Understanding Tags, Elements & Attributes
2. Defining the Basic Structure with HTML, HEAD & BODY
3. Assigning a Title & Using Paragraphs
4. Using Heading Tags & Whitespace
5. Creating Unordered & Ordered Lists
6. Fine-tuning Tags with Attributes
7. Adding Bold & Italics
8. Understanding How a Browser Reads HTML
9. Doc Types & Browsers

Chapter 3: INTRODUCTION TO CSS (72 min)
1. What is CSS?
2. Internal Style Sheets, Selectors, Properties & Values
3. Building & Applying Class Selectors
4. Grouping Selectors
5. Creating Comments in Your Code
6. Using Div Tags & IDs to Format Layout
7. Understanding the Cascade & Avoiding Conflicts

Chapter 4: ADDING IMAGES (43 min)
1. Image Formats & Production Considerations
2. Optimizing Images for the Web
3. Introducing the IMG Tag
4. Relative vs. Absolute URLs
5. Fine-Tuning with Alt, Width & Height Attributes

Chapter 5: ANCHORS & HYPERLINKS (50 min)
1. Creating Hyperlinks to Outside Websites
2. Creating Hyperlinks Between Documents
3. Linking to Email Addresses
4. Linking to a Specific Part of a Webpage
5. Linking Images

Chapter 6: MORE CSS TECHNIQUES (35 min)
1. Managing CSS with External Style Sheets
2. Setting Hyperlinks with Pseudo-Classes
3. The CSS Box Model: Padding, Borders & Margins
4. Styling Unordered & Ordered Lists with CSS
5. Overriding the Inheritance of Attributes

Chapter 7: ORGANIZING INFORMATION WITH TABLES & DEFINITION LISTS (46 min)
1. Creating Tables & Table Attributes
2. Adding & Formatting Rows & Columns
3. Spanning Rows & Columns
4. Increasing Table Accessibility
5. Using Definition Lists to Organize Definition-Based Data
6. Using HTML Comments

Chapter 8: CREATING LAYOUTS (61 min)
1. Adding a Side Content Div to Your Layout
2. Applying Absolute Positioning
3. Applying Relative Positioning
4. Using the Float & Clear Properties
5. Understanding Overflow
6. Creating Auto-Centering Content
7. Using Fixed Positioning

Chapter 9: INTRODUCTION TO ADOBE¨ DREAMWEAVER¨ (39 min)
1. Getting Started with Dreamweaver & Setting Preferences
2. Creating a Local Site & Importing Files
3. Working in the Code, Design, & Split Views
4. Configuring FTP Options & Publishing Through Synchronization
5. Validating Your Code

Chapter 10: WORKING WITH DREAMWEAVER (21 min)
1. Editing Style Sheets in the CSS Panel
2. Creating Description & Keyword Meta Tags
3. Using Dreamweaver to Preview in a Web Browser
4. Credits