1. Lời giới thiệu

Xây dựng các Website động một cách hiệu quả đặc biệt chuyên nghiệp bằng việc sử dụng CSS và Javacript mà không cần nhờ đến các module khác cài vào như Flash.

Các đoạn mã JavaScript để thay đổi các kiểu CSS động đa dạng giữa các browser và các versons. Các học viên sẽ học được cách viết mã để Website có thể hoạt động được trên các loại browser và các version khác nhau.

2. Đối tượng

Khóa học này rất phù hợp cho những người có liên quan đến các công việc như thiết lập, phát triển và bảo dưỡng một Website.

3. Yêu cầu trước khi tham gia khoá học

Để hoàn thành tốt khoá học, học viên cần phải:

• Có kiến thức về HTML, CSS và JavaScript, v.v...

4. Các kỹ năng thu được

Sau khi hoàn thành khoá học, học viên có thể:

• Cải thiện các Website với các hiệu quả đặc biệt nhờ CSS và JavaScript
• Tạo các Website một cách hiệu quả và thích ứng với hàng loạt các brower như Internet Explore 4, 5, 6 và Netscape Navigator 4, 5, 6 và 7...

5. Thời lượng: 30 giờ

Nội dung khóa học

Understanding Dynamic HTML

• What is Dynamic HTML?
• The flavors of DHTML
• Why should I use DHTML?
• Flash vs. DHTML

The Document Object Model (DOM)

• Understanding the DOM: Roadmap to your Web page
• Creating an object
• Understanding event handlers
• Detecting an event
• How the DOM works
• Using feature sensing
• Detecting the DOM type
• Building a cross-browser DOM
• Using the cross-browser DOM
• Netscape 4 and nested layers

Learning about your environment

• Detecting the browser\'s name and version
• Detecting the operating system
• Finding the screen dimensions
• Finding the supported color depth
• Finding the browser\'s window dimensions
• Finding the visible page dimensions
• Finding the page\'s location and title
• Finding the page\'s scroll position
• Finding an object\'s dimensions
• Finding an object\'s top and left positions
• Finding an object\'s bottom and right positions
• Finding an object\'s 3-D position
• Finding an object\'s visibility state
• Finding an object\'s visible area

Dynamic techniques: the basics

• Making objects appear and disappear
• Moving objects from point to point
• Moving objects by a certain amount
• Moving objects in 3-D
• Scrolling a Web page
• Changing an object\'s visible area

Dynamic techniques: advanced

• Making a function run again
• Passing an event to a function
• Creating a global event handler
• Animating an object
• Finding your location on the screen
• Identifying an object on the screen
• Dynamic content between frames
• Moving the browser window
• Opening a new browser window
• Changing a window\'s size

Dynamic techniques: CSS

• Changing a definition
• Changing an object\'s class
• Adding a new rule
• Disabling a style sheet

Advanced DHTML effects

• Fading between objects
• Transitions between pages
• Making an element blur
• Making an object wave

Conclusion