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.
If you want to put an image next to the text, you will find that the image will either be on top or underneath the text. In other programs like Adobe InDesign or Illustrator, it is possible to use Text Wrap to have the text bounce off and around the image. Muse can also accomplish this but in a slightly different fashion. Our first step is to open the Wrap panel. You can open the Wrap panel by going to Window > Wrap. I'm going to collapse the Assets panel so we can see this a little better. Now as I scroll down we see this top image.
I'm going to scale this image to be a little smaller, and I want the text to bounce around this image. In Adobe InDesign, you would select the image and then you would go to the Text Wrap panel and press one of the buttons. Unfortunately, Muse doesn't work this way. What we have to do, is have this be an in-line graphic. To do that we're going to select the image and go to Edit > Cut. Next I'm going to double-click to switch to my Type tool and I'm going to put my cursor at the beginning of the text flow and then I'm going to paste it in by going to Edit > Paste.
Now this image is part of the text. I can use the Wrap options. If I wrap to left, the text will wrap around the right. If I wrap to the right, the text will go around the left. For now I'll use the left option. Personally I think the text is a little too close to the image, so I'm going to use the Offset options; I'll put my cursor in the right offset and use my arrow keys to increase the amount. Now we have the Wrap working the way that we like. If your screen resolution is large enough, you might even see the Wrap settings in the Control panel at the top.
Let's preview what this looks like on the web. I'm going to press the Preview button and as we scroll down we can see that I can click and drag to select the text, and when I get to the top, I'll actually be able to select the image because it's part of the text flow. Back in the Design mode, what happens if I need to manipulate this picture? When I grab my Selection tool, if I want to move the picture, when I click and drag, we'll see I could only move it up and down; that's because it's part of the text flow. If I want to remove it, I'll have to cut and paste again, but then I'll no longer have the Text Wrap working.
There are other uses for the Wrap panel; you could use it on a pull quote or anywhere that you want the image to flow with the text. It's important to note that end-users can change the size of your text of your web site online. Because of this, your picture could move to a different location. Wrapping text is a useful tool in web design. To help you keep your wraps consistent, try creating a Graphic Style based off of an in-line graphic. Since Graphic Styles are able to remember the Wrap settings, this style will keep all of your wraps the same throughout your entire web site.
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.