Build websites that generate income by advertising products
4.8 (7 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.
1,028 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build websites that generate income by advertising products to your Wishlist.

Add to Wishlist

Build websites that generate income by advertising products

Learn web design the fun way - For complete beginners with no web design knowledge
4.8 (7 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.
1,028 students enrolled
Created by Webmark Academy
Last updated 7/2015
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 5.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build beautifully designed revenue generating websites from scratch
  • Understand how to make money online through providing a great information driven website
  • Build all kinds of modern well designed websites
View Curriculum
  • You will need a working PC or Mac

In this course you'll be building a website that will direct people to make purchases on big brand items. If they make a purchase you'll be entitled to a percentage cut of the sale! When this repeats you can earn a passive income. The course makes it easy to piece together a website and affiliate marketing. This course is designed for people who have absolutely no knowledge of building websites. More info below!

Web design can often be taught in a way that doesn't engage the student, it's often the case that the student is following along building a website that they have no interest in, and although they want to learn, they find it difficult to find motivation knowing the end result is going to be something they're likely to forget all about and never try to improve on. It was apparent to me that there needed to be a project that has a twist, an exciting outcome, a potential for prosperity and student improvement and that's how I came to write this course on how to make money at the same time.

By following this project you will learn the fundamentals of Web Design, skills that are constantly improved throughout the course and skills that you can reproduce time and time again on both new and existing projects. We will be learning from a blank page, no fancy software, not relying on content management systems, everything from the ground up. Giving you the power to build your own websites from scratch.

In the beginning of the course you will start by picking up the basics of HTML and CSS, we'll then go on to implement these skills in a modern and stylish manner, eventually building a complete bespoke, responsive and quite frankly very nice website.

The project that we'll be working on is an information based site for the city of Orlando, we'll be advising tourists on what to do, where to go and how to travel, providing them with a great place to sit view what Orlando has to offer. Here's the bit you've been waiting to hear, how do we make money online? well we will be linking up to major Airlines, ticket distributors and more to provide them with customers from our website. If those customers go on to purchase say a flight or a set of tickets we'll be in for a tasty commission that will land straight in our bank account. How will we know if anyone has bought tickets/flights/more?? We'll be tracking it all from our 3rd party dashboard!

A double whammy! Web design and how to make money online, of course you can also make even more money from your new found web design skills by building other peoples websites, you could even start your own business building websites that make money... for other people. The possibilities are endless.

I look forward to seeing you on the course!

Who is the target audience?
  • This course is designed for complete newbies who want to learn web design in a prosperous and engaging way.
  • No prior coding knowledge is required to take this course.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
54 Lectures
The beginnings of a website
8 Lectures 35:02

Introducing the course, a break down of how web design and making money online will be taught.

Preview 02:45

A text editor is used to write our code, we use a common free tool called sublime text.

Preview 02:06

Every page needs a standard html layout for us to enter in what we want to see on the page

Preview 05:20

HTML elements are the little bits and pieces that go into the main body of our html page

Basic HTML elements

Blocks help us split up the page into different sections, this makes it a lot easier to create a nice design that links uo well with the stylesheet

Basic HTML blocks

The way we link to other pages is crucial through out this project, learning how to make money through commission based practices very much depends on your ability to use links.

Basic HTML links

Adding Images

The head is a very important part of the website, it allows us to link up to many different pages to make our website come alive.

The head tag

Testing Your Knowledge
1 question
Adding styles
6 Lectures 23:58

Classes are a way of linking up to the stylesheet, if we have a style set under a class name we can call upon that class whenever we want to use the specific styling

Using classes

ID's work in the same way as classes, it's just a different way of labeling them and keeping things simple.

Using ID's

Resources for styles

Using Color

Advanced Color

Adding fonts

A quick multi choice on how we use classes

How to we use classes
1 question
Introducing Bootstrap
3 Lectures 29:40

Bootstrap was created by the guys at twitter, it gives us a framework in which a bunch of styles and HTML structures are already set up, making it amazingly easy to create great looking websites. Without it we would be stuck designing the website for a lot longer! Which isn't good when we want to get things up and running with a speedy revenue stream.

What is bootstrap and how does it work

The grid system is the scaffold of bootstrap, it's fantastically easy to use once you get the hang of it.

Using the bootstrap grid system

There's lots of different things we can use out of bootstrap head over to their website and look at all the different classes we can use.

Using bootstrap generally
Orlando Guests project Part 1: Construction
15 Lectures 01:56:24

This lecture goes over the how we can actually make money online through providing a nice website. It will give you an overview of the project and how we set up a money making website.

How are we going to generate revenue

Starting a new project

We'll be using some code bootstrap has already laid out for us, it's incredibly simple to operate like this.

Bootstrap Navigation & Jumbotron

Bootstrap Navigation & Jumbotron Continued

The big background images you see on modern websites look really cool, we're going to show you how you get the image to sit behind the text to give your website that modern feel.

Adding background images

Places To Go

Places To Go Continued

This might be a tricky one, but it's one we've got to cover. When we use the bootstrap column structure we usually operate over 12 columns which spans the width of the page, but what happens if we don't want to span the width of the page, but still want to use the column system for styling. Well we have to use bootstrap nesting. In this one we tell bootstrap, look we want to continue to use your row and column system of 12 columns, but we don't want it to span the width of the page, we want it to rather span a a smaller width, the width we choose it to span in this video is 9 columns wide.

Bootstrap Nesting

We can grab an interactive map from google and drop it into our website using a few easy steps.

Adding google maps




Duplicated content is simply content that is seen more than once on the web. Google doesn't like to see this, so lets keep the content original!

Writing non-duplicated content

Adding pages for structure

Joining up the website so you can get from one page to another is pretty much crucial.

Linking to pages
Part 2: Adding commission generating links
7 Lectures 24:17

This is where the money making fun begins. Learn the logistics of making money online.

How do commission generating links work

Learn where to find the links you need to hook your website up to the companies that are going to pay you.

Where to find them

Affiliate window is one option that will be considered for our link generation.

Signing up to Affiliate Window

Commission Junction is the second company we're going to consider for link generation, Commission junction is probably the biggest in the USA.

Signing up to Commission Junction

Joining affiliate programs

This lecture is pretty important if you want to make sure you're going to get paid. We're going to show you how to hook up the paying companies to your money making website.

Adding links to our project

Of course you're going to want to know if your links are performing and you're going to want to see your commissions coming in, in this one we run through the reporting tools in affiliate window. These tools are also available in commission junction, just navigate to reports to see what's coming in and how many clicks you're getting.

Tracking links and commissions
Part 3: Expanding the website
8 Lectures 01:12:18

Re-using code we've already written can be a life saver as far as time is concerned. It will make building sites so much easier later on down the line.

Reusing code for other pages

Altering design to fit the page description (flights)

Content driven page 1 (Disney)

Information driven page (about)

New design concept based on inspiration (tickets)

Bringing Pages Together

The twitter share button allows people who are visiting your site to share it with their friends, the share button will be placed within your code, it's super easy to use!

Adding twitter share button

Social icons are present on a lot of the websites you see today, if you decide to do a facebook, twitter etc for your webpage you're going to want to link up to those accounts by allowing people to click on the icons and get taken straight there.

Adding social icons
Part 4: Adding tools and going live
7 Lectures 23:48

Getting your own website means getting a domain name, the bit in the top URL bar. Your very own www.

Getting a domain name

Hosting is what allows your website to run on a server, it's just a fancy word for a computer that you're never going to see, which runs 24/7 and holds hundereds/thousands/millions of websites. (or at least it will in your case)

Getting hosting

We need to hook up your website address to your server, following the steps it's nice and easy but don't panic if it doesn't happen right away! These things take time to get up and running after you've clicked the button. Lots of things are going on in the background that we don't need to know about! We just know things are happening on the web that make take a little while.

Linking your domain to your hosting account

Filezilla is a cool free tool we use to load our files up onto the server.

Using Filezilla to upload your files

File transfer from your computer to the server is simple, when you want to make alterations to your site you're going to have to bring those files back down from the server, modify them, then re-upload. It's really easy, we'll show you how.

Downloading/modifying/re-uploading files

A sitemap just makes it easy for google to scan your site, in a few simple clicks we can get one on your server.

Adding a sitemap

Google will probably find your website on it's own, it's clever like that! But we're going to make sure it finds you right away.

Submitting your website to google
About the Instructor
Webmark Academy
4.8 Average rating
7 Reviews
1,028 Students
1 Course
Digital Developer, Marketer & Entrepreneur

Over 10 years Web design experience along with affiliate marketing. Connecting the two can be difficult for a beginner with no knowledge of how to build websites or where to start with affiliate marketing. Enabling you to get online we first teach you how to build a great looking website. This is from having absolutely no knowledge at all. We then incorporate the affiliate marketing side. So let's take an example.. Disney Land offer 3% of a $5000 holiday if you refer that sale to them. So they send you $150. This all works automatically through the setup we enable on the website.