Graphics Programs Reference
In-Depth Information
8
TUTORIAL
Creating Spry
Elements
and Alternate
Style Sheets
Adding a Widget, an Effect, and a Data
Set, and Creating a Print Style Sheet
OBJECTIVES
Session 8.1
• Learn about Spry elements
• Add and format a Spry widget
• Add a Spry effect
Session 8.2
• Learn about Spry data sets
• Add and format a Spry data set
Session 8.3
• Understand alternate
style sheets
• Create a print style sheet
• Create an alternate style sheet
for mobile devices
Case | NextBest Fest
Gage wants you to enhance the NextBest Fest site with Spry ele-
ments. User feedback indicates that the site needs to contain
directions on how to get to the fest. You'll add the Spry Accordion
widget to the contact.html page and include tabs for directions from
each of the main roadways. The Accordion element lets you add the
directions information to the page without pushing the contact form
out of sight. You will also add the Spry Shake effect to the ticket
image in the home page of the site to draw user attention to the
tickets.html page.
STARTING DATA FILES
Tutorial.08
Tutorial
Review
Case1
Case2
Case3
bonjourney.jpg
directions.docx
meld.jpg
one.jpg
ramonesmania.jpg
revolver.jpg
sat_stage_sched.html
silverrail.jpg
(none)
(none)
form_test.html
(none)
Case4
art1.jpg
art1a.jpg
art1b.jpg
art2.jpg
art2a.jpg
art2b.jpg
art2c.jpg
featured_artists.docx
DMR 437
 
Search WWH ::




Custom Search