Join Dani Beaumont for an in-depth discussion in this video Add elements from CC Libraries, part 1, part of Muse Essential Training.
- [Instructor] Let's start to bring the actual…Matcha design elements here into the master page.…What I'd like you to do is go ahead and delete any images…or vector content you might have brought onto the canvas.…We're going to start with a blank canvas.…And the Matcha test library we created…we don't really need it for our project.…What I'd like that you to do is switch over…to the library that you should have installed…at the top of this course, the Matcha elements.…If you've not installed that library,…you'll probably want to stop and go ahead…and install the library and then join me back again.…
So with the Matcha elements library open…here on my master page…I want to start bringing design elements in.…Let's switch back to the live site and just remember…some of the master page elements we want.…So here on the landing page, I've got a bowl,…I've got the word Matcha Goodness…I've got a menu, a pre-order button,…and down towards the bottom of the site…those same elements repeat, pretty much.…So let's come over into Muse and with that library open…
Author
Released
1/26/2017- Creating a site plan
- Working with master pages
- Adding elements from CC Libraries to master pages
- Adding web fonts
- Creating and overriding text styles
- Placing images
- Working with image blocks and hyperlinks
- Configuring slideshows
- Adding new sections
- Creating a contact form
- Adding breakpoints
- Creating a responsive master page
- Publishing and exporting your Muse site
Skill Level Intermediate
Duration
Views
Related Courses
-
Creating a One-Page Scrollable Website in Muse
with Paul Trani1h 5m Intermediate -
Creating a Responsive Web Design
with Chris Converse3h 47m Beginner
-
Introduction
-
Welcome49s
-
Setup and exercise files1m 38s
-
-
1. Muse Overview
-
The power of Muse2m 1s
-
Tour the finished website4m 41s
-
-
2. Create Your Site with Muse
-
New site settings1m 14s
-
3. Master Pages
-
Muse interface overview6m 27s
-
CC Libraries tour6m 23s
-
The Layers panel3m 35s
-
4. Home Page
-
Image file types7m 34s
-
Images: Place vs. fill1m 56s
-
Create paragraph styles4m 38s
-
Override styles8m 56s
-
-
5. Preparation Page
-
Reuse headers4m 19s
-
Image blocks7m 22s
-
Image block variants4m 28s
-
Hyperlinks8m 15s
-
-
6. Product Detail Pages
-
7. Buyer's Guide
-
Format text7m 46s
-
Add separator lines2m 40s
-
Add and format new sections7m 28s
-
Add anchor tags3m 27s
-
-
8. Preorder Page
-
Add and scale images3m 13s
-
Configure a contact form4m 30s
-
Form states3m 15s
-
Form styling5m 1s
-
-
9. FAQ Page
-
10. Prepare for Responsive Design
-
Tools review6m 40s
-
11. Responsive Master Page
-
Add a mobile menu widget12m 22s
-
12. Responsive Pages
-
Responsive home page, part 16m 22s
-
Responsive home page, part 27m 35s
-
Responsive buyer's guide11m 52s
-
Responsive preparation steps11m 15s
-
Responsive FAQ page2m 46s
-
-
13. Finishing Touches
-
SEO optimization5m 43s
-
-
14. Publish and Export Your Site
-
Test in browsers2m 52s
-
Create a trial site2m 23s
-
Use FTP44s
-
Export to HTML3m 20s
-
-
Conclusion
-
Next steps1m 4s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Add elements from CC Libraries, part 1