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.
This update to Muse might be the biggest update ever. It included Parallax scrolling, in browser editing, and most dear to my heart, a Layers panel. Let's take a quick look at what's new in this update. If you work with a lot of pages in your websites, it can become overwhelming in the plan view to kind of work and rearrange them as you happen to add pages. Well, there's a new feature that's been added to help you collapse pages, to make it easier to work with the top level sections. If I go to this section right here, with Collections, you could see there are some sub pages. And when I mouse over it, a little double arrow kind of shows up underneath it. If I click on this, it will temporarily collapse all of those pages. Now you can see that the Collections is still there, with the sub pages, and it's like this little card stack behind it, so you know there's additional pages. If you want to get them back, you just mouse over and click again. It's a little time saver, but it'll save you quite a bit of time. Another big addition is the addition of the Layers panel. Let's go to the homepage, and on the homepage, you'll see I have the Layers panel open.
If you've used InDesign or Illustrator before, this will be second nature. And it's nice to finally have a proper Layers panel inside Muse. So, what I'm going to do is click down here and make another layer, and it's called layer two. Then, I'm just going to double-click on layer two, and we'll call this text. Now, all I have to do, is go ahead and select an item. Let's grab this text frame right here, and I'm just going to go in and we'll just open this up and we'll just find that particular text frame. Here it is, and I can drag it all the way up to the Text layer. As soon as I do this, you'll see it gets the red bounding box, just like you'd expect with InDesign.
In fact, I can turn this layer on and off to hide it, or even lock it, so I don't have to worry about selecting it. That can be really useful for widgets, or really complicated layouts. We'll learn more about that in a later movie. The next big change is the addition of Parallax scrolling. I'm going to go to the Parallax page, and on this page, it doesn't look like much is going on, but I'm going to hit the Preview button. On the Preview page, as you start to scroll, watch what happens. Well see there's a lot of animation now and various page items they're just moving around. Parallax scrolling is a new trend in web design and it's another way to create an interesting animated experience.
We'll take a good look at this in a later movie in this course. And finally, we now have the addition of in-browser editing. What this means is once you've published a website online, you or maybe a client may want to make changes, but you might not have access to Muse. This allows you to edit a web page directly from in the browser to make minor text and image changes. Let's take a look at this in action. Now, I'm inside the web browser, and I'm already logged in as a business catalyst user to edit this page. You'll learn more about how to do this, specifically, in the later movie in this course.
But for right now, let's just take a quick look at what it is. While I'm logged in, I can switch between the various devices, desktop, phone, or tablet view. And if I find something that I want to edit, when I mouse over, you'll see it will either be a picture or text. If it's text, I'm just going to click Edit, and I'm going to go in here and just change the dates. Well, this will be 2013, since it's a little newer, and we'll click Update. As soon as we do that, it will update directly on the site. Eventually, when you go back into Muse, it will tell you that a change has happened online.
And you can decide if you want to bring in those changes directly into Muse or ignore them. For now, this is just a quick look at what it is, and we'll learn more about that later on. This was just a quick overview of some of the changes in this update. There have been additional movies added to this course that cover each of these new features and changes in much greater detail. For a more in depth look at the updates and new features in Muse, or to see a list of the updated movies, please visit lynda.com/MuseUpdates.
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.