Codeless Website Development with Adobe Muse

Design Beautiful, Interactive Websites without Coding
4.6 (47 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.
369 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 46
  • Length 3.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2015 English

Course 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.

What are the requirements?

  • Mac or PC
  • Current Version of Adobe Muse (Part of Adobe Creative Cloud)

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: An Overview of the Application and a Tour of the Interface
Introduction
Preview
01:43
02:55

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

11:18

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.

06:24

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

06:26

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

04:15

We will examine the States, Widget Library and Library panels

03:46

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.

Section 2: Setting Up Your First Muse Website
00:54

05:33

We will review the settings for site size and format.

Lab Exercise
1 page
02:06

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.

01:56

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

Section 3: Setting Up Pages
Introduction
01:12
02:57

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.

10:04

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

09:09

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

Section 4: Working With Graphics and Text
Introduction
01:02
01:03

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

11:16

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.

Lab Exercise
1 page
05:17

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.

10:14

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

09:57

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

07:19

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.

01:58

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.

Section 5: Getting The Most Out of Muse Widgets and Library
Introduction
01:12
04: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.

06:30

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.

06:24

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.

05:48

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.

Section 6: Creating website variants (tablet & mobile)
Introduction
00:57
12:47

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

06:21

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

Lab Exercise
1 page
09:37

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.

Section 7: Getting Ready to Publish
Introduction
00:58
04:56

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

08:40

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

02:41

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

09:25

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.

Section 8: Becoming an Active Member of the Muse Community
Introduction
01:49
02:45

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

03: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.

03:22

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

Lab Solutions
Article
Section 9: Bonus Lecture
Article

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

LearnToProgram, Inc., 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.

Instructor Biography

John Secor, 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.

Ready to start learning?
Take This Course