Staff author Justin Seeley explains how to set up your master page, build a custom navigation bar, and define content blocks on the master page. Then he shows how to import your graphics and text (from sources such as CC Libraries and Microsoft Word) and style all of the content. In chapter 4, Justin shows how to add the "infinite scrolling" behavior that is so emblematic of single-page designs.
- Creating your master page elements
- Building a custom navigation bar
- Setting up content blocks
- Adding CC assets and text
- Styling the content section by section
- Adding menu links
Skill Level Beginner
- [Voiceover] Hi there! My name is Justin Seeley, and I'm a senior staff author for the design segment here. I'd like to welcome you to this course on building a single page website in Adobe Muse CC. This is going to be a quick and fun project based course where you and I are going to work together to build a single page website for the Creative Conf, which is a creative graphic design conference that's being held in New York City. I'll start off with some initial setup and planning, where I'll walk you through things like how to use a Photoshop comp in your web design workflow, how to set up your website and create master page elements, and I'll also show you how to build a custom menu bar as well.
From there, it's all about setting up the content, so we'll start off by bringing in our images from CC libraries that we'll create as we go. Then, we'll move on to importing text from things like Microsoft Word documents. Then, we'll go into styling each individual content block for our conference website like the intro section where we'll add in some paragraph and styling information to draw the user's attention. Then, we'll add our lineup of awesome speakers to get everybody excited about the sessions. Then, we'll build out the sessions list using an accordion widget inside of Muse, and we'll add location and registration information to help the user get all set up and ready to attend our event.
Finally, we'll cap things off by creating a self scrolling page effect by using custom anchor points and our original menu. Like I said, this is going to be a quick, but fun and informative course. I'm excited to get started on this project with you, so if you're excited too, let's just go ahead and get started.