Frequently asked questions (FAQs) are a popular aspect of any web site. This course shows how to create questions that have expandable and collapsible answers, allowing visitors to easily find the information they need. Author and jQuery expert Chris Converse shows how to build an FAQ section for your site quickly, using the tools in Dreamweaver and the code libraries in jQuery. In addition, the course demonstrates how to automatically link to a specific question, and automatically open the answer, giving you the ability to provide users with a direct answer to their question.
Topics include:
- Creating project folders
- Creating the HTML, CSS, and JavaScript files in Dreamweaver
- Activating the FAQ carousel with JavaScript
- Adding in sample question and answer content
- Creating CSS rules for graphics
- Animating the graphic states
Table of content
Introduction
- Previewing the final project
- About the exercise files
Creating Your Graphic Files
- Creating project folders
Creating the HTML Markup
- Creating the HTML, CSS, and JavaScript files
- Building the HTML and CSS for the outer container
- Creating the CSS for the Q and A containers
- Creating the HTML for Q and A containers
Activating the Carousel with JavaScript
- Using JavaScript to close the answer container
- Using JavaScript to open the answer container
Setting and Animating the Captions
- Adding in sample content
- Creating the final CSS rules for the Q and A graphics
Adding and Animating the Letter Graphics
- Dynamically injecting divs for the Q and A graphics
- Animating the Q and A graphic states
- Opening an answer automatically from a URL anchor link
Where to Go from Here
- What’s next
Letitbit.net
No comments:
Post a Comment