Design a Kick-Butt HTML Web Page or Mini Site With Photoshop

Don't stick to the template designs available for sale via template & theme selling sites. Create your own in Photoshop!
3.8 (8 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.
2,020 students enrolled
25% off
Take This Course
  • Lectures 19
  • Length 1 hour
  • Skill Level Intermediate 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


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


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

About This Course

Published 1/2015 English

Course Description

Why design your own website template when you can just purchase a theme or template right??.......WRONG!

The problem with purchasing a website template is that often dozens,100s, or even 1000s of others can purchase the exact same website template as you and use the duplicate design for their website.

I personally have come across several occasions when I recognise a template that 1 website is using from other websites I have visited and even some of my own!

Enter Adobe Photoshop......

The beauty of using photoshop to design and create your own website template or sales page is that you can now be as creative as you wish to be. No longer are you tied to what is available to sale to everyone else.

You can create you own page designs for your own HTML website, clickbank sales letter page or even for wordpress or any other platform ( although we will not be covering wordpress and the like within this course)

Now you can be as creative as your imagination allows and rest in the knowledge that your design is © Copyright to you!

Here is just some of what this cool course will teach you:

  • How to design any web page you can think of within Photoshop
  • Preparing photoshop for the page design process
  • Sectioning and diving your web page into web ready images
  • Exporting your website into HTML ready to Upload to the internet.

Remember that there is absolutely NO risk to you. You are covered by the Udemy No quibble Money Back Guarantee for a full 30 days. If the course does not teach you exactly what it promises to then simply request a refund, It's as simple as that.

Enroll Now! .... and I will see you on the inside......

What are the requirements?

  • Just to be open minded
  • Photoshop and web design knowledge would be an advantage

What am I going to get from this course?

  • Design a base graphic for a website within Photoshop
  • Slice & export a graphic into a HTML website

Who is the target audience?

  • Anyone interested in web design and how to create a website with Photoshop
  • Budding website / webpage designers
  • Internet Entrepreneurs - wouldn't it be great to design your own Click bank sales letters

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.


Section 1: Introduction

In this lesson I welcome you to the course and give you a snippet of exactly what you will learn with this course


View the end product. The exact web page we will create

Section 2: Know this before we begin

The text just explains the basis of what you need to know in order to always make successful graphic to website conversions


There are 3 critical elements we must think about when creating our web or sales letter pages. This video take a look at these elements and how they function on our page.

1 question

How many sections are there to designing our web page?

Section 3: Photoshop Preparation

Just a quick look at how to ensure Photoshop is ready to begin creating our Graphic


In this video I show you how to get ready for action by preparing our Photoshop working canvas.


These are the website dimensions that I recommend you adhere to.

Section 4: Lets Begin designing our web page

Before we begin desiging our web page we need to first design / create it's outline. This video will walk you through how to go about doing this.


Here we will add our web page buttons such as Home, About us, Contact us FAQs etc


In this lesson we will begin to add the graphics and other elements of our web page


We are going to take a look at a few things you need to think about before going on to the next stage

Section 5: Now lets convert & Export our Graphic into A Website

Now that we have completed our graphic and got it looking exactly how we want it to, this video explains how to use the slice tool to slice the image into banners and buttons.


In this video we view the raw website code that Photoshop has automatically produced in the background for us

1 question

Which Photoshop tool is used to section the graphic and divide it up?

Section 6: Time to make it look and Function like a Real Website

Now I give you several options for HTML editors that you can opt for in order to achieve the deseired end effect


Just a few totally free resourses for you.


Now finally in this lesson we get to convert our sliced graphic into a fully working and functioning HTML website.


A description of what to do once you are all done

1 question

What do you need to use to edit your website graphics code?

Section 7: Course Conclusion
Lets wrap it all up
Bonus Lecture - Just Before You GO!

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

LearnCadia - Learning Unlimited!, Online Business & IT Training by highly experienced experts

We are all about business, improving your creative skills & making MORE money online. Every course we create will be about helping you to learn a new skill or unashamedly increasing your online earning potential.

In today's modern & competitive world, knowing just one thing that others don't could help to give you that critical business edge.

Learn Cadia are dedicated to bringing our students all over the world "outside of the box" knowledge that will help you to get ahead and stay ahead especially when it comes to the competitive world of IT and online business.

We specialise in IT & online business related training. Our aim is to take you step by step through your chosen course - and then to be easily contactable should you require any additional help guidance or support.

Learn Cadia courses will help you to get a much better understanding of your chosen topic.

Which ever course you decide to take with us, your instructor will be an expert in their field and have many years worth of knowledge ready for you to absorb at your own pace.

We hope you find our courses as enjoyable as we do making them!

LearnCadia - Learning Unlimited!

Ready to start learning?
Take This Course