Email Us   Phone : 503-259-0312   
  Home    |    Instructor-led Training    |    Self-Paced Learning    |    Online Training     


Contact Us   -   Why Choose Wintrac   -   Clients    

Courses
ADA
Adobe
Agile
AJAX
Android
Apache
AutoCAD
Big Data
Business Analysis
Business Intelligence
Business Objects
Business Skills
C++ programming
Cisco
Citrix
Cloud Computing
COBOL
Cognos
ColdFusion
COM/COM+
CompTIA
CORBA
CRM
Crystal Reports
Datawarehousing
DB2
Desktop Application Software
DNS
Embedded Systems
Google Web Toolkit (GWT)
IPhone
ITIL
Java
JBoss
LDAP
Leadership Development
Lotus
Machine learning/AI
Macintosh
Mainframe programming
Microsoft technologies
Mobile
MultiMedia and design
.NET
NetApp
Networking
New Manager Development
Object oriented analysis and design
OpenVMS
Oracle
Oracle VM
Perl
PHP
PowerBuilder
Professional Soft Skills Workshops
Project Management
Rational
Ruby
Sales Performance
SAP
SAS
Security
SharePoint
SOA
Software quality and tools
SQL Server
Sybase
Symantec
Telecommunications
Teradata
Tivoli
Tomcat
Unix/Linux/Solaris/AIX/
HP-UX
Visual Basic
Visual Foxpro
VMware
Web Development
WebLogic
WebSphere
Websphere MQ (MQSeries)
Windows programming
XML
XML Web Services
Other
Advanced Web Design: Layout, Forms, and Scripting
Overview

Advanced Web Design explores more sophisticated design techniques you need to enhance your page with forms and multimedia. Additionally, you will discover how to incorporate dynamic technologies to give you more control over your page styles and provide the user with interactivity.

Objectives

  • Incorporate various multimedia to your Web page
  • Design simple HTML forms with simple client-side validation, allowing users a selection of input options
  • Design complex tables for layouts and data
  • Introduce the basic concept of JavaScript, including functions, objects, methods, event handlers and an understanding of the DOM
  • Implement JavaScript to validate forms, ensuring that the user fills in the form properly
  • Review concept of Dynamic Scripting or DOM Scripting as a whole to better understand why a dynamic website is the future
  • Know what to do with your Web pages to get them published
Prerequisites:

  • Introduction to HTML, XHTML, and Cascading Style Sheets
Follow-Ups:

  • Introduction to Macromedia DreamWeaver
  • Introduction to Flash
  • Introduction to JavaScript for New Programmers
  • Introduction to ColdFusion MX 7 for New Programmers
  • Fundamentals of ASP.NET using VB.NET and C#
  • Fundamentals of JavaServer Pages
Course duration

2 Days

Course outline

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
  • Other Tags
<Meta>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
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 Website
  • Dynamic Website
  • 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: Website 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: Websites and Resources

 
About us
Contact us
Careers at Wintrac
Our Clients
Why Wintrac


Register for a free training CD-ROM drawing
Refer a client or instructor and earn $$$


Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
 
© Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy
Copyright © SB