Website Design in Adobe Muse

Go from zero to hero in website design through this course!
3.6 (9 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.
34 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 20
  • Length 1.5 hours
  • Skill Level Beginner Level
  • 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 12/2015 English

Course Description

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.

What are the requirements?

  • Adobe Muse (preferably the newest version)
  • Adobe Photoshop, GIMP, or a software similar

What am I going to get from this course?

  • learn how to create a website from scratch that visitors will love and share with others

What is the target audience?

  • this course is aimed at beginners who want to dive into website design but are confused on where to start

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: The Basics
Intro to Muse and Getting Started with Creating Your Website
Preview
05:12
05:10

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.

05:25

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.

04:57

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.

05:15

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.

Section 2: Creating the Menu
05:25

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.

03:47

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.

04:33

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.

Section 3: A Bit More Complex Stuff
04:13

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.

02:48

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.

02:14

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.

Section 4: The Hard Stuff (not so much)
04:57

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.

04:09

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.

03:04

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

07:57

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.

Section 5: Publishing your Site
01:14

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

01:57

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.

01:56

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

02:18

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

Exporting your Site to HTML
01:35

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

JGN Games, 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.

Ready to start learning?
Take This Course