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.
Working with text inside Muse is very similar to other Creative Suite applications, like InDesign or Illustrator. It has a panel that lets you control the font, size, and alignment, but there are also some web-centric settings that you need to be aware of. Let's go to the About Us page. Now if I want to select this text, I could grab my Type tool, but if I have my Selection tool, I can just select this text frame and double-click to switch to the Type tool. Now I am able to edit my text. If I want to get out of this frame, just hit the Escape key to get right back out.
In this case, I'm going to double-click to get back in. Now, if I am going to select some text, I can of course click and drag, but I can also double-click to grab a word, or triple-click to grab an entire paragraph, or quad-click-- which is four times--to grab everything. Let's do a triple-click to select this paragraph, Celebrating the Best of Modern Art. Now, with this text selected, you can see at the top of the screen we have the font, the size, and the alignment, and a few other controls. But I also have a panel open on the right-hand side. If you don't have that panel open, you can just go to Window and choose Text.
You can also use the keyboard shortcut, Command+T or Ctrl+T. Now, with this text selected, if I want to change the size of the font, I can just put my cursor in here, and I can use my Arrow Keys to increase the font size. Another way to do it is just select the text and use the keyboard shortcut, Command+Shift+Period or Ctrl+Shift+Period, or Command+Shift+Comma or Ctrl+Shift+Comma, to make it smaller. If you add the Option or the Alt key, it will grow five times as fast. We can also hit the bold, italic, or even the underline button.
If we want to change the color of the text, just click on this little color widget, and we can grab any color we like, choose it from the color picker, or even grab the sample eyedropper and choose a color from a photo. If we want to change the font, we have quite a few options. You can see right now we have the option for Arial. Arial is a web Safe Font. This is a font that will appear on everybody's machine, regardless if they have a Mac or a PC. We also have an option for adding Web Fonts or System Fonts. We'll be covering this in detail in a later movie.
Some other alignment controls that we have is Center, Right, Left, or Justify. But in this case, Justify doesn't really work because it's just one line of text. But if I go into this paragraph and I choose Justify, we can see it lines up evenly on the left and on the right-hand side, but for now we'll just keep it aligned to the left. If we want to do some more controls, we're going to have to go over to the Text Panel because right now my monitor isn't large enough that we can see all of these controls, but if you happen to be working on a larger screen at home, you might be able to see more of these controls.
The next option that we have is our Tracking, which is the space between the letters. So if I put my cursor here, I can use my arrow keys to increase or decrease. I can even do this between individual letters. So if I put my cursor between the R and the T, I can do the exact same thing to change the kerning. The keyboard shortcut for this is the same as most Adobe applications. You can press Option or Alt+left or right, to kern or track. We also can change the leading, or the line spacing. With this selected, I can press Option or Alt+up and down, or just go into the leading space in the Text panel and increase and decrease the leading.
We can add a first line indent, add a left indent, a right indent, or even space before and space after. Space before and space after is really useful, so you don't have to put double returns between all of your paragraphs. You can also save this formatting as a style, so you don't have to manually do this on every single page. It's also possible to add an inset to a text frame. I'm going to press the Escape key to select this frame, and with this selected we're going to add a background color. So I'm going to go to Fill and choose this light blue.
Now, with this light blue we can see that the text is a little too close to the edge. So I'm going to open up a new panel called the Spacing panel, and I'm going to add some Padding. I'll add it from the Left, Right, Top, and Bottom. There we go, now all of the text is inset from all the different sides. It doesn't really matter if you use the Text panel or the Control panel at the top of the screen to format your text, since they both accomplish the same goal. However, if you have multiple text frames selected, you can use the panel to format all of the text even if you don't have the text selected, since the frame is actually selected.
This can be a huge time saver.
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.