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.
After publishing your website, sometimes you are completely finished working on it. But quite often, changes do need to be made. If you happen to be making a website for a client, it can be advantageous to let them make the changes to the site via in-browser editing. I do need to state that this feature will only work if you're using Adobe Business Catalyst as your host. If you're using your own host, you will not have this functionality. Now after you've published your site, there's a few things you're going to need to do in order to make it available for editing by the client. The first thing you want to do is inside Muse, go to File > Site Properties. In here, you want to make sure you're in the Content tab, and you click Enable In-Browser Editing.
That has to be turned on in order for your site to be able to be edited by your client. After you've done this, you can go to the Manage button. And it will bring you online to the Adobe Business Catalyst Manage page. From here, you need to create a ID for your client, so they can log in and make changes to the site. So what we're going to do is go to Site Settings. And down here, there's an option called, Admin Users. Here you need to create a new admin user. So what you would do, is click Invite Admin User, and then you would give them an email address, a first and last name and even a phone number if you need to reach them.
Then a user role, either as administrator or client or a user. Each of these levels have varying degrees of control for editing. It's probably a good idea to give them the client option, so they can make text and image changes. Now, I've already made one, so I can hit Cancel. After creating the account, your client will receive an email and they will need to fill out a password so they can log into the site. Once they've done that, what they need to do, is go to the website's domain.
In the case of our site here, it's samoca-art.com, and then I just put admin. It is whatever your URL is and then you just put slash admin. After they do that, they just need to enter their email address and their password so they can log in. I'm already logged in right now, so I'm just going to close this tab and we'll go back to the main page. Once they're here, they just have to hit Edit. After they've hit edit, there will be a little Getting Started that will explain how it works, but I'm just going to close that right now.
And what they're able to do, is switch between the varying views or devices that you've published. So, right now I'm on the desktop version but if I wanted to switch to phone or tablet version, I can easily do that for editing. We'll stick to desktop for the moment. Now that we're here, as I mouse over anything, we'll be able to either go to that particular link or find out if we want to edit it. So in this case of this picture, as I mouse over, I'll see the little pencil which means I can edit. So I'll click and it will pop up and say, alright well, what picture do you want to replace it with? You can grab one from the site, or you could upload one from your own computer. For now, let's say I'm just going to replace it with a different image. Let's grab this one.
I could give it a different tool tip if I needed to, but for now I'll leave that alone and I'll just click Update. There, now it's been updated. Now if I want to edit text, I'll mouse over this and click Edit. And I'll just update this for 2013. I'll do that and we'll click OK. And we'll see it's updated. Now one thing to keep in mind, is you want to be really careful with the editing of the text if there's a lot of rich formatting. At the moment, it's fairly limited for the formatting of text that you can do. You could only do it in the actual word, so for example if bird-watching was bold, and everything else wasn't, you'd have to be careful that you only edited the words inside bird-watching.
So bird-watching would remain bold. Then everything else would stay the way it is. So just be careful how you edit your text. When you're finished with these changes, you can hit Publish. And it will publish these changes directly online to the website. After making these changes online for the client, they may notify you and say hey, I made a few changes. Well what happens to your Muse file? Let's go back into Muse. Now the next time I'm in here and I hit Publish and I click OK, it's going to say, hey, some changes have happened online since we've published. Would you like to review them before we publish? Well, let's click Review to see what changes were happening online.
As I'm in review, it'll go to the actual page, and it will tell you exactly what happened. We can see here that it's telling me that one of the pictures has been replaced on the website. If I click Preview on Page, I can see it swap in and out. And I can decide if I either want to merge this into Muse or if I don't want to merge it into Muse. And I can even decide if I want to merge everything from this point on or not everything from this point on. For now I'm happy with this, so I will merge that into Muse. The next one here are my text changes. I can see exactly what happened and we'll preview that.
I think that's pretty good. Let's merge that into Muse. And there's all the changes, and now we can hit Publish now and these final changes would be put online. Working with the in-browsing editor is a very useful way to have clients make minor changes to a site to update it and maintain it themselves. But it's always a good idea to keep an extra back-up copy of your Muse file, just in case your client goes overboard with changes and you accidentally merge them into your working Muse document.
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.