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.
Hyperlinks are arguably one of the most important parts of any website. They allow the user navigate in between pages, within a page, or jump to other websites. Let's take a look at how we can create hyperlinks in Muse. Let's go to the Homepage. Now on the Homepage, I am going to use the Selection tool to select this image of this bird, and I want to have this image or this box to be a link to go to a website. In this case let's go to Google. So what I am going to do is click at the top of the screen where it says Add or filter links.
When I click on this I can start to type in the URL. In this case, it will be www.google.com. When I am finished, I will hit Return. Now I have applied a hyperlink to this bird. Let's check it out by previewing. Let's go to Preview. You can see, when I mouse over this box, our arrow changes to a hand, this hand is letting us know that it is a hyperlink. When I click on it, it will go to Google. Let us go back into the Design mode. Some people may prefer to have a hyperlink pop up in a new window instead of just going into that individual page.
To do this, we are going to click on the Links button at the top, and here, there is a link that says Open the link in a new window or tab. When I have activated this, in order to test this, we are going to have to preview this on a web browser. So we are going to go to File > Preview Page in Browser. In our web browser, when I mouse over this and I click, we can see it opens up in a brand-new window. Keep in mind that some users may not prefer to have this open in a new window, so that's just going to be a design consideration on your part when you are creating your website.
Back in Muse, let us add a hyperlink to a specific page. I am going to scroll down and grab the text Volunteer. With the text Volunteer selected, I want this to link to the Volunteer page on our website. To do that I am going to click at the top where it says Add or filter links, and in here, we will see all of the links that currently exist within our website. Now, I could scroll down and click on Volunteer, but it might be hard to find if you have a lot of links within your site. So I can start to type to filter down to the particular link that I want, vol. Oh, there it is. That is the only one now. It is a lot easier to find it.
So I can select it and the link is applied. When you apply a text hyperlink, you might see the default appearance of blue with an underline appear. We can change this appearance and we will learn about this in a later movie. To check it out, let's click on Preview. We will scroll down and click on Volunteer, and there we go; it goes to the Volunteer page, as expected. Let's go back into the Design mode. And there is another type of hyperlink I want to talk about. We will close the homepage and we are going to Contact Us.
On Contact Us, I want people to be able to email us, so if I select Info@samoca-arts.org, when you click on this, I want it launch your default email client. To do that we are going to go up to the Links again and we need to type in "mailto:" and then the email address. So in this case, mailto:email@example.com. Now, if you were to click on this on another device or on you desktop machine, it would launch your default email client and address it specifically to this email address.
If you are designing for a smartphone, we can use phone numbers. If I grab this phone number right here, I am going to copy it to the clipboard. I am going to go to the Hyperlink panel and I am going to type in tel: and I am just going to paste this in. That tel: is going to tell the phone to say, all right, you need to dial this number if someone taps on this hyperlink. We will hit Enter, and now it is applied. Adding hyperlinks to your layout is a useful way to make your site more interesting for others. Be sure to add a hyperlink on your site whenever you refer it to another area. This way you don't have to rely on the user to figure out how to get to other areas of your 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.