Homework Ten- Spry Widgets
Answer the questions listed in the Form Questions and Spry Questions Tabs
Examine the Spry Resources Tabs for some great tips and tricks
- Forms Questions
- Spry Questions
- Spry Resources
- What is the first step in building a new form in Dreamweaver CS5?
- How do you add a form element in Dreamweaver?
- How do you display options for adding form elements in Dreamweaver CS5?
- What are the four different attributes or descriptors included with the <form> tag?
- List at least four commnly used form elements that can be added using the Insert bar.
Working with the Collapsible Panel Widget
Collapsible panels have a variety of settings that you can adjust. See some examples.
CSS code for the Collapsible Panel widget
A Collapsible Panel widget is a panel that can store content in a compact space. Users hide or reveal the content stored in the Collapsible Panel by clicking the tab of the widget. The following example shows a Collapsible Panel widget, expanded and collapsed.
- A.
- Expanded
- B.
- Collapsed
The HTML code for the Collapsible Panel widget is made up of an outer div tag that contains the content div tag and the tab container div tag. The HTML code for the Collapsible Panel widget also includes script tags in the head of the document and after the Collapsible Panel’s HTML code.