Project Scenario:
On the web today, there is a lot that can be done to help make the task of navigating a website much more enjoyable. Using simple programming languages, you can create a higher level of interactivity on your web pages without any specialized programs. This will add a little more function and/or flare to your websites. Learn how to implement some Dynamic HTML (DHTML) scripts into your web pages.
Objectives
Understand how to implement dynamic content on a web page.
Specifications
- Insert DHTML into your webpage using a script included with dreamweaver (rollovers, drop-down menus, etc.)
- Insert a DHTML script found on the internet directly into the code of a page in dreamweaver.
- You must submit a report on your work in the standard format
Materials/Equipment
- PC with Internet connection
- Adobe Dreamweaver
Research/References
- Help Menu & CHEAT Sheets
- Internet Resources
Guidelines
- http://www.dynamicdrive.com- The best site on the net for DHTML!!!
- DHTML is versatile and easy to implement- but like all code, it’s picky about syntax and location in the code. Be careful not to mistype or forget a single dot or quote- and make sure you’re putting the code in the right spot (head or body)!
- Dreamweaver’s built-in scripts are limited. You’ll need to do online research to find more DHTML goodies (see guidline #1)
Evaluation
Use Dreamweaver to create a drop-down menu or a rollover link for navigation between web pages. Animate your cursor, a graphic, or text; or bring attention to a link using DHTML. It can be text or graphical. Include more than one script on a page for an “excellent” rating on evaluation.
Enrichment
Edit a DHTML script to create a different effect.
Code your own DHTML script from scratch.