Build a Website with No Code | Learn Adobe Muse's Full Profile
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.
Days of the Week:
Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday
- Size: One-on-One
- Instructor: John Ramos
- Cost: $8 - $20 Per Month
- Institution: Skillshare
Skillshare is a global community where you can learn real-world skills from incredible teachers.
Questions about Build a Website with No Code | Learn Adobe Muse
Want more info about Build a Website with No Code | Learn Adobe Muse?
Get free advice from education experts and Noodle community members.