Advanced Techniques 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. Includes sample assets and a live finished website.

Download Assets

View Live Site

01. Exploring the Muse workspace

02. Setting site properties while creating a new site in Muse

03. Understanding Plan view and Design view

04. Setting page regions by positioning the guides in a Master page

05. Using ruler guides to align elements on a page

06. Creating sitemaps to populate and organize the pages of a website

07. Setting a solid or gradient fill color for the browser area

08. Adding a background image fill to a Master page

09. Understanding how Muse optimizes images when you publish or export a site

10. Working with the Assets panel to manage site files

11. Copying and pasting assets

12. Using the Asset panel menu options

13. Optimizing images for display on the web

14. Understanding alert icons

15. Adjusting the fill color of a page to make it partially transparent

16. Setting the stroke width and applying effects

17. Adding headers and footers

18. Creating a 100% width rectangle element that spans the entire width of a browser window

19. Placing an image to populate the header content

20. Selecting the nested elements and containers within a widget's hierarchy

21. Controlling the behavior and display of widgets by updating the settings in the Options menu

25. Adding an Accordion widget to a web page

26. Understanding web fonts, web safe fonts, and system fonts

27. Adding and applying web fonts

28. Applying and resetting recently used fonts

29. Placing text content onto a page from a text file

30. Formatting text and creating paragraph styles

31. Updating the Accordion panel to fill the top tabs with background images

32. Placing a Photoshop file as a rollover button

33. Aligning objects on the page using the Align panel

34. Creating a slide show presentation with the Slideshow widget

35. Adding a Slideshow widget set to auto-play

36. Understanding Adobe Muse contact form functionality

37. Embedding HTML

38. Adding an embedded HTML Twitter feed to display the most recent posts

39. Using embedded HTML to insert a Google map on a web page

40. Adding iframes to your site to display other site pages with embedded HTML

41. Using multiple master pages and incorporating animation

42. Editing Master page content and moving content from Master pages to individual pages

43. Duplicating an existing Master page and applying it to pages in your Muse site

​44. Embedding rich media content to add animation to the site

45. Publishing

48. Using the Dashboard to manage sites

49. Publishing a Muse site to the Adobe hosting servers

50. Making a device-friendly website

51. Exporting HTML