Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Let's take a look at what we're going to build in this chapter, an interactive microsite. A microsite is a mini web site that serves a niche purpose and in this case it's a small guide to why we should move to the city of Meridian. On the first page of this site, we're going to come down and click on the arrow to go to the next spread. (Rattling of the train) On the Move page, we'll see a train come in with a sound effect. Next we see an electric vehicle drive up and then get filled up with electricity.
At the bottom we have a small navigation system that lets us go to the next page. The Live page has a slide show where we can click to see the different images around town. If we mouse over the Pocket Mulch we can hear sound effect. (Bzzz. Flies buzzing.) On the Eat page, if we click on the Truck button we'll see the Twitter handles for local businesses.
On the Enjoy page, we have a sound hotspot with an animation. (Gears grinding) (Hum as map swoops in) And on the last page there's an interactive map. If I click on each of these buttons, I'll see different routes. And this button shows all of them. If I click on this fork, I get a pop-up window. Now that we've seen what's inside this microsite, let's get started creating it.
If you'd like to explore the finished version of this document, I've included the City Guide Master File inside this folder.
Get unlimited access to all courses for just $25/month.Become a member
119 Video lessons · 50888 Viewers
117 Video lessons · 38593 Viewers
113 Video lessons · 81542 Viewers
65 Video lessons · 11529 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.