Codeless Website Development with Adobe Muse
4.5 (67 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
454 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Codeless Website Development with Adobe Muse to your Wishlist.

Add to Wishlist

Codeless Website Development with Adobe Muse

Design Beautiful, Interactive Websites without Coding
4.5 (67 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
454 students enrolled
Last updated 10/2016
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 2 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand the Muse Interface
  • Work with the Tools Panel
  • Create Your First Web Site
  • Modify Site Properties
  • Setup Pages in Plan View
  • Create and Work with Master Pages
  • Create and Modify Site Menus
  • Importing Content from other Sources
  • Editing Text
  • Changing the Style and Appearance of Text
  • Importing Graphics
  • Modifying Images and Graphics for Display
  • Inserting HTML Code
  • Creating a Contact Page
  • Use and Understand Widgets
  • Utilize the Adobe Widget Library
  • Create Site Scroll Effects
  • Create a Tablet Version of Your Web Site
  • Create a Smartphone Version of Your Web Site
  • Testing on Phones and Tablets
  • Preview Your Site in the Browser
  • Perform a Site Asset Review
  • Publishing to Business Catalyst
  • Exporting Your Site
  • Placing Your Site on a Server via FTP
  • Participating in the Muse Development Community
View Curriculum
Requirements
  • Mac or PC
  • Current Version of Adobe Muse (Part of Adobe Creative Cloud)
Description

Still haven't had time to learn to code? Does HTML give you a migraine? Are you the type who's not just into coding? Have you been looking for an easy way to create websites without sacrificing power? If this is you, you've found the solution.

Codeless Web Development with Adobe Muse shows you how to create outstanding looking websites with all the features you'd expect. Instructor John Secor has been creating websites with Adobe Muse for some of the largest—and smallest—companies around. John's a competent expert with a knack for teaching; you'll immediately feel comfortable as he shows you all the tools and techniques you'll need to develop professional style websites.

After taking this course, you'll be able to independently create full websites that look great and function perfectly. And remember, you can do this without writing any code at all.

This course won't just show you how to create websites, you will also learn how to create sites targeted to mobile devices like Android, iPhone, and iPad. Mobile web is critically important since more and more people are accessing the internet through mobile devices.

Who is the target audience?
  • People who want to Develop Web Sites
  • Non Coders who Want to Create on the Web
  • Students and Teachers who Want an easy way to create Digital Media
  • Developers and Designers who want to Create Quick Prototypes
Students Who Viewed This Course Also Viewed
Curriculum For This Course
46 Lectures
03:34:23
+
An Overview of the Application and a Tour of the Interface
7 Lectures 36:47

In this section, we will learn exactly what is Muse and how to obtain it.

Preview 02:55

In this high-level overview, we will get a sense of how to navigate the user interface. Then in subsequent sections, we will drill down in greater detail for each area.

Preview 11:18

We will examine how to use the Selection, Text, Shape, Hand and Magnifying glass tool, as well as their keyboard shortcuts.

The Tools Panel
06:24

We will go in depth on the Text, Color, Swatches, Layers, and Assets panels.

Using the Panels in Adobe Muse, Part I
06:26

We will examine the States, Widget Library and Library panels

Using the Panels in Adobe Muse, Part 2
04:15

We will learn how to go from Plan, to Design, Preview and Publish. I will also show you how to preview the Muse website in an actual browsers.

Moving around, using the interface
03:46
+
Setting Up Your First Muse Website
5 Lectures 10:29

Introduction
00:54

We will review the settings for site size and format.

Site Properties
05:33

Lab Exercise
1 page

In this lesson, we'll review how pages and elements are measured on the web and how to make your Muse document correspond with best practices, such as the 960 grid system.

Reviewing the particulars
02:06

Before we create a Muse document, we'll explain what padding, sticky footers, columns and gutters are.

The Details
01:56
+
Setting Up Pages
4 Lectures 23:22
Introduction
01:12

In this section, we will decide on what pages will be in the website and how to create, rename, delete and reorganize all in the Plan view. We'll also learn how to set up parent-child pages.

The Plan View
02:57

Sites can have multiple Master Pages and by setting those up, we will decrease the time in our workflow.

Master Pages
10:04

We will go over the horizontal and vertical menu widgets and also learn how to customize them.

Menus
09:09
+
Working With Graphics and Text
9 Lectures 48:06
Introduction
01:02

We will learn how the various ways on how to import graphics and text and review the best practices.

An Overview On Importing Content
01:03

We will learn how the various ways on how to import graphics and text and review the best practices by setting up h1, h2 and p styles.

Working with text
11:16

Lab Exercise
1 page

We'll use the Rectangle Tool to draw not only boxes, but create a variety of shapes and learn how to style with color and effects.

Working with graphics, Part I
05:17

We will import photo, png and svg files and learn how to manage them properly.

Working with graphics, Part II
10:14

Adobe's powerful Insert HTML feature makes embedding widgets and forms easy.

Inserting HTML
09:57

In this video, you will learn how to create a contact page for your website. You will embed a Google map, text box, and a simple form, by using widgets.

The Contact Page
07:19

When building your website, it's important to preview the site, as well as the page in the browser, in order to make decisions about how you want your webpage to look and work.

Finishing Touches
01:58
+
Getting The Most Out of Muse Widgets and Library
5 Lectures 24:06
Introduction
01:12

Overview of the difference between Muse's library and the growing developer ecosystem of library widgets. Widgets enable you to easily embed videos and other multi-media content and do such cool things as have a full-screen video for a landing page.

The Difference Between Widgets and Library
04:12

We will examine the most frequently used widgets, such as slideshows, social widgets, panels, forms and compositions. In this lesson, we'll embed YouTube and Vimeo videos, Google maps and social media accounts.

The Adobe Widget Library
06:30

An overview of external widgets you can download and install in your library. We'll look at a handful of developers who have developed some great widgets. We'll look at offerings from third-party developers such as MuseGrid and QuoQee that offer effects that can make your Muse site pop with style.

The Library
06:24

Scroll Effects is a specific webpage set up that you can use in Adobe Muse to create a different type of webpage look, that changes as you scroll your mouse.

Scroll Effects
05:48
+
Creating website variants (tablet & mobile)
5 Lectures 29:42
Introduction
00:57

We will repurpose content from the desktop site for a tablet version and learn how to use the multiple window display

Setting up the tablet version
12:47

We'll create an iPhone or Android version using content off of the tablet version.

Setting up the smartphone version
06:21

Lab Exercise
1 page

We will explore why it's critical to see how your Muse creation looks in both environments before you publish. While testing on actual devices is ideal, we'll explore a couple of different other options in case you don't have an iPhone and iPad.

Testing mobile/tablet versions before deployment.
09:37
+
Getting Ready to Publish
5 Lectures 26:40
Introduction
00:58

We'll explore the various you can preview your website before you publish.

How to preview your site
04:56

We will review the best practices before we publish by making sure the assets are optimized and linked.

Reviewing the Assets
08:40

Here we will create a temporary website using Adobe's Business Catalyst platform.

Publishing to Business Catalyst
02:41

In this section we will learn how to export the Muse-created site as straight HTML and we will upload the files via FTP to a hosting site.

Exporting HTML/FTPing
09:25
+
Becoming an Active Member of the Muse Community
5 Lectures 11:41
Introduction
01:49

Here we will learn about resources and how we can build on our Muse knowledge.

Becoming an Active Member of the Muse Community
02:45

We'll learn how to sign up for Adobe's weekly hour-long session that's designed to bring new ideas, tips and techniques that will help you become a Muse power user.

Muse Jam Sessions
03:45

We will review how other Creative Cloud applications such as Adobe Edge Animate can bring some added

The Next Step
03:22

Lab Solutions
00:00
+
Bonus Lecture
1 Lecture 00:32

Here's some bonus material to help you continue learning.

Bonus
00:32
About the Instructor
LearnToProgram, Inc.
4.3 Average rating
4,135 Reviews
141,902 Students
45 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

John Secor
4.5 Average rating
67 Reviews
454 Students
1 Course
Adobe Muse Expert

John Secor has been an active user of Adobe Muse since it was in beta. After working on the editorial side of the newspaper business for over 20 years, John opted to start his own business, helping small businesses and start-up companies with digital marketing. In addition to web design, he offers consulting and social media management to his clients. John has created more than three dozen sites with Adobe Muse and enjoys being an unofficial evangelist, serving on Adobe's pre-release committee and actively participating in forums and meetings.