Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Website Design in Adobe Muse to your Wishlist.

Add to Wishlist

Website Design in Adobe Muse

Go from zero to hero in website design through this course!
3.8 (10 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.
36 students enrolled
Created by JGN Games
Last updated 11/2015
$15 $20 25% off
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?

In this course, we will be covering the necessary skills needed to succeed in the web design industry. We will cover the basics of Adobe Muse, a drag-and-drop alternative to Dreamweaver, the most popular website creator via HTML.

At the start of the course, we will be covering the basics such as how to add images to your site and by the end of the course, we will be covering more complex effects that you can create using Muse by adding parallax images (which are extremely popular in this era) and video backgrounds with pattern overlays that loop.

Many businesses are becoming less personal and more electronic. With this course, i hope to merge the two by showing you how to create a website that viewers are "attracted" to and that leaves an impression on them.

Who is the target audience?
  • this course is aimed at beginners who want to dive into website design but are confused on where to start
Students Who Viewed This Course Also Viewed
What Will I Learn?
learn how to create a website from scratch that visitors will love and share with others
View Curriculum
  • Adobe Muse (preferably the newest version)
  • Adobe Photoshop, GIMP, or a software similar
Curriculum For This Course
Expand All 20 Lectures Collapse All 20 Lectures 01:18:06
The Basics
5 Lectures 25:59

In this lecture, we will be covering the process of adding content to your website. We will learn the proper way to add images and we will also look at the differences between using "web fonts" and standard fonts that you use in other softwares like Photoshop and Microsoft Word.

Preview 05:10

In this lecture, we will be adding our first section of text to our document. We will learn how to copy and paste info from the JGN Games website to use for the text but you are free to use your own text.

Adding Your First "Entry" to Your Website

In this lecture, we discuss videos and how easy it is to implement them into your Adobe Muse project. We will also discuss Video IDs with YouTube and how to find them.

Adding a Video from YouTube

In this lecture, we will be covering the basics of adding a "Contact Us" form thanks to the widget built into Muse. We will learn how to set a destination for the info to go once the "Submit" button is pressed and also how to change the appearance of the text boxes, labels, and buttons.

Adding a Contact Us Form
Creating the Menu
3 Lectures 13:45

In this tutorial, we will be making the base design for our menu. We will be using the Rectangle and Text tool to achieve a nice looking menu without going into too much detail.

Stylizing the Menu

In this lecture, we will be covering Anchors and how to apply them to your website. We will learn the basics behind them and then jump right in to adding them. Finally we will connect them to our buttons we made in the previous lecture.

Understanding and Adding Anchors to our Page

In this lecture, we will be discussing hyperlinks and what they are used for. We will use them to create our social media links that rest on the footer of the A-Master. We will also learn an easier way to add images to our website by dragging and dropping them onto our project.

Hyperlinks in a Nutshell
A Bit More Complex Stuff
3 Lectures 09:15

In this lecture, we will cover adding HTML elements to your site. We will learn this through adding the JGN Games blog to our site. We will briefly discuss the iFrame and its components and then test the site to ensure it's functionality.

iFrames: What Are They?

In this brief lecture, we will begin learning about Scroll Effects. We will make the JGN Games logo fade out when the logo hits a certain point on the screen and fade back in once it comes back to that part of the screen.

Scroll Effects: Fading Objects Out

In this lecture, we will cover the simplicity behind adding a parallax image effect to your website. We will cover the other scroll effects window and what it is used for.

Parallax Images
The Hard Stuff (not so much)
4 Lectures 20:07

In this lecture, we will be covering the basics of getting custom widgets off of the internet and applying one of them to our site. We will briefly discuss the different file types used in displaying video on websites and also patterns that can be overplayed on top of the videos that give the video another sense of depth.

Video Background (with Parallax Effects)

In this lecture we will be covering states and state buttons. We will learn how to change the states between them using the built-in state editor and also the differences between a state button and our original menu.

States and State Buttons

In this lecture, we will be finalizing the menu bar, as I previously forgot to do in the last video.

Finishing up the Menu Bar

In this lecture, we will animate a state button using the powerful plugin by QooQee. We will be designing a custom button in Photoshop and adding a basic blur to the bottom half of the image. We will then import the plugin and customize the feel of the button.

Animating States within a State Button
Publishing your Site
5 Lectures 09:00

In this brief lecture, we discuss the different ways to publish your website out to the Internet.


In this lecture, we cover the struggles of publishing via FTP Host. We learn how to connect to the server and what to know when setting up your domain on a site like GoDaddy and HostGator.

Publishing to FTP Host

In this lecture, we will be covering Adobe's ever simple solution to publishing your website on the Internet.

Publishing to Business Catalyst

In this lecture, we will be covering how to access your site's preferences and how to add a custom domain like "" to your existing Business Catalyst site.

Adding a Custom Domain to your Site

Exporting your Site to HTML
About the Instructor
3.8 Average rating
10 Reviews
36 Students
1 Course
making games and tutorials since 2012.

JGN Games was created in 2012 to share our passion and vision for video games. We began with an idea, a first-person-shooter with a legitimate plot, good gameplay, fun multiplayer all while being able to be played by both kids and adults. Our lead artist drew up the maps and our code team researched cost effective, i.e. free or nearly free tools to realize our dream. Before we knew it this game was becoming a reality. Now flash forward to the present. We are getting closer and closer every day to finishing StormStrike, the first in our companies history. Interestingly, during this time we have been frequently sidetracked as we have chased dozens of rabbit trails, some of which have circled back to be incuded in the game or have lead to their own separate gaming projects. In the meantime we will continue to release updates and tutorials to assist you with your own game asset creation.

Report Abuse