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.
CSS or Cascading Style Sheets is one of the most important aspects of Web design. CSS lets you create an initial look for a document and then apply it automatically to the rest of your site saving substantial time. One of the great aspects of Muse is that you don't have to worry about writing CSS. Instead, you can just create styles similar to how you would create them in a layout program like InDesign. In this movie, we'll take a look at working with paragraph styles. Let's go to the About Us page, and what we're going to do is create a paragraph style for the body text.
So I'm going to come down here and just click three times to select the second main paragraph and we're going to change the font. Let's go in here and switch to a Web Safe Font and let's try Garamond. Now that we have set this to Garamond, we'll increase the size to 14 points and increase our leading. While we're at it, we'll add a little bit of space after. Now that I have this paragraph set the way that I want it to be, I'd like to save this formatting so I could use it on all the body text throughout my web site, because to have to manually do this in every single paragraph would take significant time.
So what we have to do is switch to the Paragraph Style panel. I have it located right here, but if you don't see it, you can always go to Window > Paragraph Styles. Since we have our paragraph formatted correctly and it's selected, we'll create a new paragraph style, double- click on the name and we'll call it body text, [00:01:332.94] and then we'll click OK. Now that we have this made, I can select more text and then apply the style. Using a paragraph style is a really fast and efficient way to apply formatting across your site.
But what happens if we change our mind? In that case, I'll just go to any paragraph, make a change, and in this case, we'll change the font from Garamond to something else like Helvetica and maybe make it a little smaller and we'll see a Plus next to body text. That means there's an override or a change that we've applied to that particular paragraph. Well if I like what I did, I want to update the style or redefine it. So all I have to do is come over and press the Redefine Style button.
When I do this, the rest of the text that's connected to that paragraph style will automatically update. Let's make a paragraph style for our subheads. We're going to select Celebrating the Best of modern Art, and we'll change the font this time to a thicker font. We'll do Gill Sans, Bold, and then we'll make it a little bigger; let's do 16 point. Then I'm going to come over, make a new paragraph style, and call it subhead. Next, we'll select An Introduction and apply it.
Now that we have this page laid out, let's go to another page on this site. I'll go back to the plan, visit the Volunteer page. Next, we'll select the subhead and apply the subhead style. Then we'll grab the body text and apply the body text style. Be sure to take the extra time to build paragraph styles for your site. At first glance, it may seem like a lot of extra work, but in the long run, you'll end up saving a substantial amount of time.
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.