c52ed328

Who should take this class?

Anyone who's looking to make awesome websites without code. You don't need any prior knowledge of web design or web development to start taking my class.

What Specifics Topics will be covered in this class?

1. What is Adobe Muse?

A Quick Overview of Adobe Muse

2. Overview of Web Design and Development

HTML
WordPress
Adobe Muse

3. User Interface

Website Setup
Master Pages
Plan View
Design View
Preview
Publish
Text
Color
Swatches
States
Widgets Library
Layers
Library
Assets
Glyphs
Bullets
Wrap
Toolbar

4. Creating Menus

Horizontal Menus
Vertical Menus
Sticky Menus (Menus that stick to the top when the user scrolls)
Anchor points to create a scroll effect on single pages when the user clicks a menu option
Adding color and changing the text on the menu
Creating manual menus instead of Top Level Page menus

5. Fonts

Changing fonts
Adding new fonts from Adobe's Typekit
Web Fonts vs. System Font
Fonts best practices
Adding your own custom web font.
Adding a custom web font from Chank Fonts
How to check if you are using a web font vs. a system font by using the code inspector in your browser.

6. Images

Importing images directly from your computer
Filling a rectangle with an image
Fitting and position of an image when inside of a rectangle
JPG vs. PNG vs. SVG
Adding Alternative text to your image
Image Size (kb, mb)
Updating images through the assets panel

7. Scroll Effects

What is a scroll effect?
Normal Scroll Speed
Key Position
Up and down and left and right scroll effects
Top of the browser
Scroll Space
Creative ways to use scroll effects

8. Composition Widgets

What is a composition widget?
Blank Composition
Featured News Composition
Lightbox Display Composition
Presentation Composition
Tooltip Composition
Creative ways to use a composition widget

9. Contact Forms

Simple Contact Form vs. Detailed Contact Form
Styling your Contact Form
Adding ReCaptcha to your Contact Form
Adding Hover, Shadow, and Glow effects to your Contact Form
Contact Form Options
How to have e-mail from your Contact Form go to your e-mail inbox

10. Search Engine Optimization (SEO)

What is Search Engine Optimization?
H1-H6 Tags
Alternative Text on images
Naming images - best practices
Website Title
Website Meta Description
Adding a Suffix Title and a Prefix Title in Master Pages
Using the Master Pages to add Title and Description to all pages.
Master Page SEO vs. Single Page SEO
Web Fonts vs. System Fonts (SEO Best Practices)

11. Colors and Gradients

Eyedropper tool
Swatches Panel
Fill Colors
Adding Gradients
Converting icons to a different color in Adobe Muse

12. Hover Effects

States Panel
Normal State
Roll Over State
Mouse Down State
Active State

13. Paragraph Styles

Paragraph styles panel
Creating paragraph styles
Applying paragraph styles to specific parts of your website

14. Layers Panel

How to re-arrange elements in the Layers Panel
Creating new Layers
Grouped elements in the Layers Panel
Bring to Front and Bring to Back using the Layers Panel
Bring to Front and Bring to Back by right clicking on an element
How elements are ordered in the Layers Panel
How to move elements to different Layers

15. Slideshows

How to load images into your Slideshow
Image dimensions
Basic Slideshow
Blank Slideshow
Full Screen Slideshow
Lightbox Slideshow
Thumbnails
Auto-Rotate through Slides
Slideshow Rotation Speed

16. Borders (Stroke)

Stroke Width
Stroke Color
Stroke Alignment
Stroke Weight
Adding a Stroke to the left, right, top, or bottom of your element
How to remove the stroke from elements when you initially create them (Specifically Rectangles)

17. Hyperlinks

Changing link styles
Adding Hyperlinks to words and elements
How to open link in a new window or tab

18. Effects

Shadow Effect
Bevel Effect
Glow Effect
Opacity

19. Aligning Objects, Guides, and Rulers

Align Tool
Adding Rulers and Guidelines
Using Adobe Muse' built in guidelines

20. Opacity Scroll Effects

Understanding the Opacity Scroll Effect
Creative ways to use the Opacity Scroll Effect
Scroll Effects Panel

21. Slideshow Scroll Effect

Triggering slides to change when the user scrolls the website
Scroll Effects Panel

22. Edge Animate

Creating an animation in Edge Animate
Adding the animation from Edge Animate into Adobe Muse
Syncing the timing of when the animation plays in Adobe Muse
Scroll Effects Panel

23. Social Media

Adobe Muse Badge
Facebook Comments
Facebook Follow
Facebook Like
Google Maps
Linkedin
Paypal
Pinterest
Twitter Follow
Twitter Tweet
Vimeo
Youtube

24. Creating an Online Store

Creating a PayPal Account
Adding a Paypal button to your website
Setting the price for your product
Setting different options for your product

25. Adding a Youtube Playlist

Creating a playlist in Youtube
Adding a Youtube playlist to your website
Changing the width and height of your playlist in Adobe Muse

26. Adding a Mailchimp Form

Creating a Mailchimp account
Creating a Mailchimp form
Adding the Mailchimp for to your Adobe Muse website

27. Adding Code

Inserting HTML
Adding HTML to the head tag of your website

28. Google Analytics

Creating a Google Analytics Account
Adding the Google Analytics code to your website

29. Creative ways to use Scroll Effects

Many uses of the Scroll Effects
Unique ways to use Scroll Effects

30. Creating a website for Tablet Devices

Adaptive Design
Converting your existing website to work on Tablet Devices
The Tablet option in Adobe Muse

31. Creating a Website for Mobile Devices

Adaptive Design
Converting your existing website to work on Mobile Devices
The Phone option in Adobe Muse

32. Header and Footer

What is a header?
What is a footer?
Footer check box in Adobe Muse

33. FTP/Upload to Web Server

What is an FTP?
What is hosting?
Best hosting services
What is a server
Information you need to upload your site to the web/internet.

Class Project:

The Class Project will be creating your own website with the skills taught in this class.

Jeffrey Stein

18

21