Your First Day with Muse
In this Muse tutorial, we'll learn how to create a website without code. Software required: Adobe Muse 2015.
What you'll learn
In this Muse tutorial, we'll learn how to create a website without code. If you're a designer or artist who is familiar with Adobe's Creative Cloud software or some other WYSIWYG and want to put up your own cutting-edge site on the web without coding HTML, CSS and JavaScript, this course is perfect for you. You'll also learn the basics of web terminology like header, footer, nav bar as well as learn how to create a JavaScript slider. You'll also know the basics of Muse along with a few of the most popular bells and whistles in current website development. By the end of this Muse training, you'll have completed a full working website and uploaded it to Business Catalyst. Software required: Adobe Muse 2015.
Table of contents
- What's Possible in Adobe Muse 2m
- Usability and Accessibility 1m
- Relinking the Assets to a Muse File 2m
- Assembling the Site Folder 2m
- Dialog Box Settings 2m
- Overview of the Site Plan Mode 2m
- Setting up Our Site's Pages 2m
- Building the Navigation Widget in the Master Page 2m
- The Design Toolbar 3m
- Adding Blue Boxes in Our Header and Footer 4m
- Establishing Our Background Image 2m
- Preview Mode 2m
- Loading an Edge Web Font 2m
- Creating Our Logo Type 2m
- Styling the Horizontal Navigation Widget 2m
- Advancing the Vertical Navigation Widget 1m
- Sub-pages and the Navigation Widget 2m
- Finishing the Text in Our Footer 5m
- Styling Text Links 3m
- Placing Photoshop Buttons in Muse 4m
- Adding a Site Favicon 1m
- Changing the Column Count and Title for the Content Pages 2m
- Positioning Headlines and Rules on Our Content Pages 2m
- Placing Images in Muse 1m
- Arranging Multiple Images in Muse 1m
- Generating a Basic Slide Show Widget 3m
- Utilizing a Google Map Widget 2m
- Adding a Button States Widget 3m
- Making Contact with a Simple Form Widget 4m
- Completing the Home Page 6m
- Finishing Off the About Page 2m
- Finalizing the Contact Page 2m
- Wrapping up the Products Page and Adding a Rollover Effect 5m
- Connecting Our Site to Adobe Business Catalyst 1m
- Uploading Our Site to an Existing Web Hosting Company Account via Muse 3m
- Exporting Our Site as HTML from Muse 1m
- Conclusion 2m
About the author
Mario Macari has spent more than ten plus years as a coder specializing in HTML5, CSS3, Javascript and other client and server side languages. He is also an award-winning artist and holds a BFA in Illustration. He has worked on projects for companies like Disney, Apple Computers, Microsoft and DC Comics. He currently teaches coding, design, UX/UI and Adobe products at two Southeastern Wisconsin colleges. Mario Macari has an "A+" rating with the Better Business Bureau.