Join Justin Seeley for an in-depth discussion in this video Creating your master page elements, part of Building a Single-Page Website in Muse.
- View Offline
- [Voiceover] Just like when I'm in the Photoshop document…the first things that I set up inside of Muse…are my footer and header elements.…And those things go on the master page,…because those are things that are gonna be carried over…to any page that I create.…Now in this case we are creating a single page website,…but you never know,…that page may need more pages down the road.…Because as we know, webpages always evolve over time.…So I wanna make sure that I future proof this thing…as much as possible.…So let's go ahead and jump into the master page here…and as you can see I've got my header…and my footer elements defined there.…
And I'm gonna jump over into my Photoshop document…for just a moment to take a look at some of the elements…and how they're set up.…So first off let's go up here to the header…and let me bring up my layers panel,…just so we can have a better understanding…of what's going on in here.…Let me close up the speakers there.…And let's look for this thing,…it says rectangle one, which should be the header bar…
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