Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Throughout your web site, you'll probably have graphics that use the same formatting. Rather than manually apply the same formatting again and again, you can help automate this process by using Graphic Styles. Let's go to the Graphic Styles page in this document. On this page, we have two objects. I'd like the formatting on the left to be applied to the object on the right. Now one way to do it will be to find out exactly what the formatting is, and in this case, this is dark green and a 9 point black stroke. But then I would have to go to this object and change the color and the stroke to match.
If I wanted to do this to five objects, I'd have to do this five times, and that's a lot of work. A much more efficient way is to make a graphic style. What I'm going to do is select this object on the left and make sure my Graphic Styles panel is open. If I don't see it, you can go to Window > Graphic Styles. To create a graphic style, I'm going to have the object on the left selected and in the Graphic Style panel, click the New button. This will create a style called Style. I'm going to double-click on the Style and we're going to change its name; I'm going to call this Left box.
Now, I'm going to go to the right box and apply the same style. We'll see the formatting changed and now they match. Now that we have the style made, we can create new boxes and match the formatting quite easily. So I'm going to go to the top of the page and draw two more rectangles. With my Selection tool, I'm going to click and drag and grab both of them and apply the exact same style; now they all match. But what happens if I change my mind, and I want to change the appearance of any one of them? I'm going to select the object on the right and go to Effects.
I'll choose Shadow and turn it on. Next, we'll go to the Stroke and change its Stroke Color and Thickness. In the Graphic Styles panel, you'll see there is a Plus (+) next to the Style name; the Plus means there's an override. This means that I've made a change to the appearance of that object. If I want to remove the override, I'll click the Clear Style Overrides button. Now it moves it back to what it was before. But in this case, I didn't want to do that. So I am going to press Command+Z or Ctrl+Z as an undo.
If I really like this formatting, and I want these settings to be applied to the style, I'm going to press the Redefine Style button to the right of it. Now, all of these objects have been updated with this exact same style. But what would happen if I would want the object on the right to no longer be updated by any style changes? In that case, I can unlink it from that particular style. So with this object on the right selected, I'm going to press the Unlink button. Now, it is no longer connected to that particular style. So, if I go back to one of these and change something about its appearance, and then I redefine the style, you'll see it no longer updates because it's not connected to it.
But if I change my mind and want it connected, I can just go back to select that object and reapply the style. If you find yourself creating lots of graphic styles, there are a few different ways that we can remove them. If I come down and make a few different graphic styles, I can remove them individually by selecting the style and hitting the Trashcan. If I delete a style in use, it's going to tell me to replace it with a style. I'm going to choose Left box, press Replace. Another way to quickly remove styles you're not using is to mouse over any of the names, right-click, and say Delete Unused.
Now that will quickly remove the styles that you're not using in the document. One thing you have to be careful with when you're using Graphic Styles is to make sure you have something selected. If I deselect and have nothing selected at all, and click on the Graphic Style, I'm going to be applying the Graphic Style to the page, because remember, when you have nothing selected, you actually are selecting the page. Styles are very powerful and it's highly recommended that you use them throughout your layout. This way, you can consistently and accurately apply the same formatting. While it may seem like a lot of work up front, it may end up saving you a lot of time by using Graphic Styles.
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.