About Workshop
Design, develop, and maintain standards-based websites and applications with Dreamweaver, CSS & JavaScript. Build world-class websites and applications with one of the industry's leading web authoring tools. Adobe Dreamweaver software is ideal for web designers, web developers, and visual designers.
How participant will benefit after the course:
• This course will enable participants to design web templates using Dreamweaver, CSS & JavaScript.
• Dreamweaver offers so-called siteless editing for FTP and, for ColdFusion developers, RDS connections. You will learn advanced level Dreamweaver with all features.
• From this Web Design Course you will learn how to use CSS to control the style and layout of multiple Web pages all at once.
• Participate can use JavaScript in millions of Web pages to add functionality, validate forms, detect browsers, and much more.
Course Highlights:
• Dreamweaver Basics & Web Design and Layout Fundamentals
• Dreamweaver Advanced Design Tools and Techniques
• Dreamweaver Adding Multimedia Elements
• Dreamweaver Enhancing Web Site Management and Workflow
• Understanding CSS & Using CSS Rules
• Selectors in Action & Applying Styles
• CSS Box Model, Adding Background Images & Formatting Text
• Styling Heading & Creating a Photo Gallery
• Introduction to JavaScript and the Web
• JavaScript Decisions, Loops, and Functions
• Fundamental Client-Side JavaScript Event Handling, Form Handling, Dynamic Effects
• Remote JavaScript, Regular Expressions, String Object & Error Handling
• Individual / Group web template Project
Workshop topics to be covered:
Lesson: 01 (Dreamweaver Basics & Web Design and Layout Fundamentals)
• Introducing Dreamweaver
• A Dreamweaver Workflow
• Setting Up Sites and Servers
• Building Style Sheet Web Pages
• Working with Text & Images
• Establishing Web Links
Lesson: 02 (Dreamweaver Advanced Design Tools and Techniques)
• Working with Divs and Layers
• Using Behaviors
• Setting Up Tables
• Interactive Forms
• Creating Lists
• Making Client-Side Image Maps
• Using Frames and Framesets
• Making Data Dynamic & Managing Data
• Working with Live Data
Lesson: 03 (Dreamweaver Adding Multimedia Elements)
• Fireworks Integration
• Inserting Flash and Shockwave Elements
• Adding Video to Your Web Page
• Using Audio on Your Web Page
Lesson: 04 (Dreamweaver Enhancing Web Site Management and Workflow)
• Using Dreamweaver Templates
• Using Repeating Elements
• Maximizing Browser Targeting
• Building Web Sites with a Team
• Integrating with XML
• Creating and Using Objects
• Creating a Behavior
• Handling Server Behaviors
Lesson: 05 (Understanding CSS & Using CSS Rules)
• About CSS
• Creating a Rule Set
• Using Multiple Declarations
• Combining Selectors
• Using Shorthand Properties & Shorthand Borders
• Using Shorthand Margins and Padding
Lesson: 06 (Selectors in Action & Applying Styles)
• Type, Class & ID Selectors
• Descendant & Universal Selectors
• Advanced Selectors
• Applying Inline Styles
• Using Header Styles & External Style Sheets
• @import Styles
• Hiding Styles from Older Browsers
Lesson: 07 (CSS Box Model, Adding Background Images & Formatting Text)
• Understanding Inline and Block Level Elements
• Setting Box Width
• Margins, Padding, Border
• Content Area
• Adding Background Images
• Removing Font Elements
• Creating the Selectors
• Converting to Shorthand
Lesson: 08 (Styling Heading & Creating a Photo Gallery)
• Styling a Flexible Heading
• Styling a Round-Cornered Heading
• Styling Links
• Positioning an Image and Its Caption
• Creating a Photo Gallery
• Creating a Thumbnail Gallery
• Styling a Block Quote
• Styling the source Class
• Creating a Variation
Lesson: 09 (Introduction to JavaScript and the Web)
• About JavaScript
• JavaScript Program
• Data Types and Variables
• Setting Up Your Browser for Errors
• Array, Date, Math, and Type-Related Objects
Lesson: 10 (JavaScript Decisions, Loops, and Functions)
• Decision Making—the if and switch Statements
• Looping—the for and while Statements
• Functions
Lesson: 11 (Fundamental Client-Side JavaScript Event Handling, Form Handling, Dynamic Effects)
• JavaScript Object Models
• The Standard Document Object Model
• Event Handling
• Controlling Windows and Frames
• Handling Documents
• Form Handling
• Dynamic Effects: Rollovers, Positioning, and Animation
• Navigation and Site Visit Improvements
• Browser and Capabilities Detection
Lesson: 12 (Remote JavaScript, Regular Expressions, String Object & Error Handling)
• Remote JavaScript
• JavaScript and XML
• JavaScript and Embedded Objects
• Additional String Methods
• Regular Expressions
• The String Object—split(), replace(), search(), and match() Methods
• Using the RegExp Object's Constructor
• World Time
• Timers in a Web Page
• Common Mistakes, Debugging, and Error Handling
• Browser-Specific Extensions and Considerations
• JavaScript Security