| |
|
| |
Web Fundamentals and Design Training Class
Course ID: 12179
|
|
| |
|
|
| |
|
|
| |
Web Fundamentals and Design Training Seminar
This course teaches students the HTML, XHTML, and Cascading Style Sheets skills
they need to develop attractive web sites.
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
|
|
| |
Agenda |
|
| |
Advanced Web Design: Layout, Forms, and Scripting
HTML Forms
- How Forms Work: The Form Page and the Process Page
- <form>
- <input>
- Size
- Maxlength
- Get
- Post
- <textarea>
- Radio Buttons
- Checkboxes
- Select Menus
Simple Client-Side Validation of Forms
Advanced Tables
Tags
- Keywords
- Description
- Author
- Generator
- Refresh
Multimedia
- Best Practices
- Image Maps
- Videos
- Audio
Introduction to JavaScript and the Document Object Model
- ECMAScript-262
- The Document Object Model (DOM)
JavaScript in DOM Scripting/DHTML
Structure of JavaScript
- window Object
- Prompts: alert(), prompt(), confirm()
- Nesting Quotes
- Multiple Statements
- link Object
- Functions
- Writing a function
- Passing an argument
- Concatenating strings and variables
- Calling from other functions
- getElementById
- getElementsbyTagName
- External File
- Embedded
- Inline
JavaScript Event Handlers
- OnClick
- OnMousover, On Mouseout
- OnLoad, onUnLoad
- OnSubmit
- OnFocus, Onblur
- value
Why DOM Scripting/DHTML?
- Static Web Site
- Dynamic Web Site
Concepts in Review: Dynamic Technologies: HTML, XHTML, CSS, and DOM
Scripting
Capstone Project: Creating a Learning Game
Appendix A: Special Characters
Appendix B: Color Chart
Appendix C: Additional Form Element
Appendix D: Additional Tags
Appendix E: More JS Methods
Appendix F: Editing Solutions
Appendix G: Web Site Publication: An Introduction to FTP
Appendix H: What's Next? and What to Do with DOM Scripting/DHTML?
- Client-Side Programming
- Server-Side Programming
Appendix I: Web Sites and Resources
Introduction to (X)HTML and Markup
Marking Up Your Text
- Paragraph tags
- <strong> and <em> Tags
- Heading tags
- Lists - Unordered Lists
- Lists - Ordered Lists
- Lists - Definition Lists
- <blockquote> Tags
XHTML 1.0 (and HTML 4.01)
- History of HTML and XHTML
- Legacy Methods
- Browser Independence
- Rules for Valid XHTML
- Why Writing XHTML Is Writing HTML
Why a Web-Standards Approach?
- What is Accessibility?
- Introduction to Cascading Style Sheets
- Introduction to JavaScript
Structure of an HTML Document
- The Skeleton
- DOCTYPEs
- <meta http-equiv="Content-Typecontent="text/html; charset=ISO-8859-1/>
- <html> namespace
More Marking Up Your Text
- Block-Level vs. Inline Tags
- Sectioning with
and
- Tags and Attributes
- Empty Elements
- Comments
Links
- External Links
- Absolute Links
- Relative Links
- Anchor Links
- E-Mail Links
Images
- src Attribute Like the href Attribute
- Alt Attribute
- GIF, JPEG, PNG
Structure of Cascading Style Sheets
- Selector - Property - Value
- Rules
- External Files
- Embedded
- Inline
- Understanding Inheritance and Precedence
- Specificity
- <link> and @import
- @media
- Selecting on Classes and Ids
CSS: Text and Font Properties
- Text-Align
- Text-Indent
- Line-Height
- Letter-Spacing
- Word-Spacing
- Text-Transform
- Font-Family
- Font-Style
- Font-Weight
- Font-Variant
CSS: Colors
- Color Names
- Hexidecimal Triplets
- Hexidecimal Shortcuts
- Decimal and Percent Equivalents
CSS: Backgrounds
- Background-Color
- Background-Image
- Background-Repeat
- Background-Attach
- Background-Position
CSS More on Selectors
- Descendent Nodes and Selectors
- Pseudo-Element Selector
CSS Page Layouts
- The CSS Box Model
- float
- clear
- positioning
- display
- Fluid v. Fixed Width
- Measurements
Tables
- Data Tables
- Colspans and Rowspans
- Legacy Layout Tables
- Legacy Layout Nested Tables
Concepts in Review: XHTML, CSS, JS, DOM Scripting/DHTML
Course Project: Creating an Online Resume
Appendix A: Special Characters
Appendix B: Color Chart
Appendix C: More On Accessibility
Appendix D: Legacy Frames
Appendix E: A CSS Case Study
Appendix F: Web Sites and Resources
|
|
| |
|
|
|
| |
|
|
| |
Audience |
|
| |
This course is for web development professionals who would like to learn how
to build or maintai
|
|
|
|
| |
|
|
|
|
| |
|
|
| |
|
|
|
| |
| |
|
|
| |
Web Fundamentals and Design Training Course Dates and Locations
|
|
| |
|
|
| |
Course ID: 12179
| Course Duration: 5 Days
|
|
| |
|
|
| |
Locations: |
|
| |
|
|
| |
 Gift card when you register today!
|
|
| |
|
|
| |
| Start Date |
Price |
|
Location/Event Details |
Register Online |
Request
More Info |
|
Print/Fax
Register |
|
|
| |
|
|
| |
|
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
Select a market segment to view more courses
|
|
| |
|
|
| |
Or, select a category to view more courses
|
|
| |
|
|
| |
 Browse By Category
Browse By Location
Browse New Courses
|
|
| |
|
|
|
| |
| |
|
|
|
|