Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In this course, author James Fritz shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Adobe Photoshop, InDesign, or Illustrator. The course covers the design process from start to finish, from setting up web pages and populating them with graphics and text, to creating dynamic menus and adding special features such as widgets, slideshows, animations, embedded video, social media integration, and more. James also explains how to create an alternate layout for display on mobile devices, publish and update your site, and view analytics on web traffic.
What items overlap on the page, one of them has to be on the top and the other has to be on the bottom. This is called the Stacking Order and it affects every single item on each page. Let's go to the Stacking Order page, and on this page I have two squares, a purple square and a blue square and you notice one is on top of the other. Let's create a new one. I'm going to grab the Rectangle tool, and we're going to click and drag and draw this square. Next I'll grab my Selection tool and change the Fill to a green. You notice when I drew this object it's automatically on top of the others.
That's because whenever you create a new object, it'll always be on top of everything else. But what happens if I want to have the green square behind the blue square. Well to do that I have to change the Stacking Order of the objects. With the green square selected, I'm going to go to Object > Send Backward. When I choose Send Backward, it will go back one step; now it's behind the top object. In this case the blue square is on top, then the green square. But the green square is still on top of the purple square. I'm going to do this one more time, Send Backward, and now it's completely in the back and the other two objects are above it.
If I want to move it forward, I can go to the Object menu and choose Bring Forward. Now it went forward one step and we'll repeat it again to go forward again. Now this is a relatively simple page with only three objects. But I want to put this one all the way behind the other ones, rather than having to repeat the step twice, it's much faster to build Object > Send To Back. And if I want to bring it all the way forward I can go to Object > Bring To Front. You'll probably find yourself using these operations quite frequently, so it's a good idea to learn the keyboard shortcuts.
If I want to send something backward you press Command+Left Bracket or Ctrl+Left Bracket. If you want to bring something forward you press Command+Right, Bracket Ctrl+Right Bracket. If you want to send something all the way to the back, press Command+Shift+Left Bracket or Ctrl+Shift+Left Bracket. If you want to bring something all the way to the front, press Command+Shift+Right Bracket or Ctrl+Shift+Right Bracket. It's a much faster operation than having to go to the Object menu. Let's visit another page. We'll go back to the Plan view and double-click on the Home page.
On the Home page we'll grab a rectangle and we're going to click and drag and we're going to make this color be yellow. Now that we have this selected, we'll grab our Selection tool, and we're going to put this on top of these other objects. If I want to have this yellow object be behind everything I could press Command+Left Bracket or Ctrl+Left Bracket multiple times to slowly get it back there. But because there are so many objects on the page, it will take a really long time to get it all the way to the back. A much faster way to use this is to press Command+Shift+Left Bracket or Ctrl+Shift+Left Bracket and then it will be behind everything.
If I want to bring it to the front, Command+Shift+Right Bracket or Ctrl+Shift+Right Bracket. Let's put this yellow object on top of the logo. If I send this all the way to the back, you notice that it still is on top of the logo. Well why is that? You would think that it would be behind everything because that's what sending to the back does. The reason that it's still above the logo is because the logo is on a Master page. And Master page items are always behind everything on every single page. If you really wanted to have this yellow object be behind the logo, you'd have to put it on the Master page behind the object.
Even though it is possible to send objects forward and backward, you're probably better served by bringing objects to the front or the back. If your layout has more than a few objects, it might take dozens of forward and backward commands to get your object to the proper location. Instead, if you just send it all the way in the other direction, you'll be there in one step.
Find answers to the most frequently asked questions about Muse Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.