![]() |
Dynamic HTML
| Duration: 2 days |
| Participants: Advanced Web site developers with programming experience. |
|
Objectives:
Upon successful completion of this course you will be able to:
- Apply various style sheet types to design Web pages. - Use selector classes. - Use DIV and SPAN tags with style sheet rules. - Position elements on a page. - Apply block properties. - Apply font properties. - Apply text properties. - Use pseudo-classes and pseudo-elements. - Apply contextual selectors. - Use cascading styles to design a page. - Use JavaScript to identify a user's browser. - Link a user to a specific external style sheet. |
| Overview: This course teaches you how to effectively design a web site using cascading style sheets and advanced HTML, as well as the ability to read and write complex HTML. |
| Prerequisites: A working knowledge of HTML and Web Page Design, some database familiarity, and JavaScript programming experience required. |
| Format: Lecture and discussion with hands-on exercises. |
|
Topic Outline:
- Dynamic HTML Fundamentals of HTML Scripting The Dynamic HTML Event Model IE vs. Netscape Scripting Individual Elements Dynamic, Automated Page Templating Interactive Tables Updated "In Place" New Dynamic Forms and Intrinsic Control Features Dynamic Styles Dynamic Positioning Dynamic Contents Client-Side Data Binding to Controls Absolute Positioning Z-Order Layering, Visibility and Graphical Stacking Browser and Document Object Model Images Scripts and Event Handling Dynamic Font Control TextRange Object & Content Manipulation Advanced Caching and Pre-loading Preserving Browser Compatibility - Overview of Style Sheets Designing with style sheets. Concepts include: Separating form and structure Controlling page layout Bandwidth-friendliness Limitations of Design guidelines Easy to maintain large sites Current support Advantages and disadvantages Style sheet types Developing for an Intranet vs the Internet - Creating Rules Setting up rules Using class selectors DIV and SPAN Linking to an external style sheet - Styling with Text and Font Properties - Colors and Backgrounds - Box Properties (or Layout Properties) Margins and padding, Floating elements, Borders Styling Lists - The Cascade - Conflicting Rules - Positioning (CSS-P) Absolute and relative positioning Clip and overflow Stacking objects with z-index - Preparing for the Next Iteration of Browsers CSS level two Browser support XML and XSL |
|
|