Adobe Muse / Tutorials
Getting started with Muse
-
Building your first website: Katie's Café
In this tutorial you'll learn how to build your first website in Muse. The tutorial includes the following task-specific steps along with a downloadable source Muse file and demo assets.
Installing the software and setting up the project
Editing Master Pages to add elements common to all pages
Setting a background image as a tiled fill for a rectangle shape
Placing a single image on the page
Adding a link to a button image
Defining the header, footer, and page regions in the Master Page
Adding new pages to the site and organizing its structure
Placing multiple images at once to add content to the Home page
Pinning images to the browser window
Adding external links to images
Adding a lightbox that displays external video
Adding a background image to a text frame with the Text tool
Adding and styling text content
The difference between previewing a page and a site
Configuring and customizing widgets
Customizing the states of the Horizontal Menu widget
Styling the text elements in the Menu Bar widget
Copying and pasting artwork to add it to a page
Scaling and cropping images in the Muse workspace
Adding and customizing the Tabbed widget
Using the Slideshow widget to create a photo gallery
Adding and customizing the Accordion widget
Adding text to the Visit page and applying Paragraph styles
Incorporating arbitrary HTML to add interactive maps to pages
-
Getting Started with Muse: Kevin's Koffee Kart
In this tutorial you'll learn how to implement deeper Muse features -- from plan, design, preview and publish to managing your first website using the Muse interface.
Getting Started with Muse tutorial, downloadable PDF file
Setting the site properties while creating a new site in Muse
Understanding Plan view and Design view
Setting the page regions by positioning the guides in a Master page
Creating sitemaps to populate and organize the pages of a website
Adding and repositioning pages in Plan view to create a sitemap
Adding a background image fill to a Master page
Understanding how Muse optimizes images when you publish or export a site
Adjusting the fill color of a page to make it partially transparent
Setting the stroke width and applying effects
Setting header and footer elemets
Creating a 100% width rectangle element that spans the entire width of a browser window
Placing an image to populate the header content
Selecting the nested elements and containers within a widget's hierarchy
Controlling the behavior and display of widgets by updating the settings in the Options menu
Adding a Horizontal Menu widget
Placing a single image on the page
Creating rollover states for menu items
Working with text in Accordion panels
Adding an Accordion widget to a web page
Formatting text and creating paragraph styles
Updating the Accordion panel to fill the top tabs with background images
Inserting an image in a text frame and wrapping text around the embedded image
Placing a Photoshop file as a rollover button
Creating a slideshow presentation with the Slideshow widget
Adding an embedded HTML Twitter feed to display the most recent posts
Using embedded HTML to insert a Google map on a web page
Adding iframes to your site to display other site pages with embedded HTML
Editing Master page content and moving content from Master pages to individual pages
Duplicating an existing Master page and applying it to pages in your Muse site
Embedding Flash content to add animation to the site
Excluding pages from publishing and exporting
Publishing a Muse site to the Adobe hosting servers
Tips for making a device-friendly website
Exporting a site in Muse to generate a folder of site assets
-
Signing in and publishing your first Muse site
In this tutorial you'll learn how to sign into Muse and publish your first temporary site on the Adobe Business Catalyst hosting platform.
-
Lynda.com Muse essential training with James Fritz
This five hour video series presented by Lynda.com traininer James Fritz takes you through the full process of building and publishing a Muse site. Note: requres a Lynda.com membership.
-
Muse Keyboard Shortcuts
As you become more familiar with Muse keyboard shortcuts can dramatically speed up your workflow. Select from the following Mac and Win OS downloadable files.
-
Wireframing website layouts in Adobe Muse
In this tutorial you'll take a tour of the features that make it easy to mock up and construct free trial sites for potential clients. You'll also explore the export capabilities in Muse to learn how to export the optimized site files to use for email newsletters and other projects.
Learn more
-
In this tutorial you’ll learn strategies to build compelling page designs with Master Pages by examining and deconstructing three site layouts and then exploring how you can achieve interesting effects and site consistency by placing common site elements in Master Pages.
-
Typography in Muse: Using web fonts, web safe fonts, and system fonts
In this article, you'll learn how to work with the rich typographic controls in Muse including the differences between web safe fonts, web fonts and system fonts and features like padding, text wrap, leading, and tracking.
-
Using a third-party FTP client to upload assets to a hosted Muse site
In this tutorial we'll show you how you can use an FTP client to upload text files, such as PDF, DOC, PPT, and more to the host server. After uploading the files to the live site, you'll learn how to add links to the files from pages of your site. You can also use these steps to upload MP3 or other media files, so that you can share the conten twith visitors.
-
Styling CSS for embedded HTML forms
In this article, you’ll learn how to format the elements of the contact form you created in the Business Catalyst Admin Console interface. Using some standard CSS rules, you can adjust the way the form and the form elements are displayed, to match your page design.
-
Monkey Bar: Advanced CMS Integration with Business Catalyst
In this video you'll learn how take your Muse sites to the next level by integrating dynamic data features from the Adobe Business Catalyst Content Management System (CMS). You'll see how to insert modules into your Muse site, change site layouts quickly and easily, and then customize the integrated design by editing a global CSS style sheet.
Prerequisite knowledge
Familiarity with web design concepts. No prior experience programming dynamic websites required.
Copyright © 2012 Adobe Systems Incorporated. All rights reserved.
Use of this website signifies your agreement to the Terms of Use and Online Privacy Policy.
