Join Justin Seeley for an in-depth discussion in this video Setting up your content blocks, part of Building a Single-Page Website in Muse.
- View Offline
- [Voiceover] In this next section, we're gonna start adding…the content blocks to our website.…This is gonna make it a little bit easier for us…to know where to put things…as we work through our website project.…So let's go ahead and now go to the Home page.…That's where we're gonna be doing…the majority of the heavy lifting from here on out.…And we're gonna be just working with rectangles.…Now, let's go back over into our Photoshop document…for just a second,…and let's take a look at some of the areas that we have.…First off, I'm gonna bring back my Layers panel…by going to Window and choosing Layers.…That's gonna bring that back up…and then we already have the Header taken care of,…so we don't really have to worry about that.…
If you're having trouble clicking on anything, hit Escape,…you're probably still in Free Transform mode from earlier.…Let's go ahead and select the Welcome area here.…All I'm gonna do is use that same Free Transform trick…just to see how big this area is, so I'm gonna look at that.…
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