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.
When you visit or bookmark a web site you may have noticed a tiny little graphic next to the URL. This is called Favicon. By adding this little graphic, you can help brand your web site and make it easier for people to find your site among a collection of ever-growing bookmarks. Let's take a look at a few examples of this in action. In Safari in the URL at the top of the page, you can see that we have the lynda.com logo was sitting there. On the Apple page we have the Apple logo, the Google logo and the Adobe logo.
When I bookmark these or view my bookmarks, I'm going to go Bookmarks Bar, we can see each of them are now visually available. If you don't create a Favicon you'll just get a generic graphic. By adding one it will help brand your site and make it easier to find. Let's learn how to do this in Muse. The first thing you have to do is create the graphic. This has to be a square image. If it's not exactly square, Muse will not accept it. This can be a large image, but Muse will scale it down.
Ideally, you're going to use either a 48 x 48, 32 x 32, or 16 x 16 image. When you create this image in another program, be sure to save it as a JPG, PNG or GIF. To add it to the site we're going to go to File > Site Properties. Inside the Site Properties, we have a spot for Favicon Image, and I'm going to click on the Folder to load one. We'll go to the Exercise Files > Assets folder and we're going to browse down to Favicon.
Now that we have had this added, we'll click OK and when I go to File > Preview Page in Browser, we'll see that we have the Favicon right at the top of our page. If you want to have a unique Favicon for each individual page, you can do this by going back and right-clicking on any page and going to the Page Properties. From here we could change the Favicon image to be different for a different page within your web site. Be sure to take the time to add at least one Favicon to your site via the Site Properties.
Usually this is the Logo of your web site, but you may want to simplify the logo in Illustrator to remove a small copy or other information, because it may not render well, when you're displaying it that small on the Web.
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.