Design a Kick-Butt HTML Web Page or Mini Site With 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
Wishlisted Wishlist

Please confirm that you want to add Design a Kick-Butt HTML Web Page or Mini Site With Photoshop to your Wishlist.

Add to Wishlist

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
Last updated 9/2015
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 6 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design a base graphic for a website within Photoshop
  • Slice & export a graphic into a HTML website
View Curriculum
Requirements
  • Just to be open minded
  • Photoshop and web design knowledge would be an advantage
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......

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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 19 Lectures Collapse All 19 Lectures 01:09:34
+
Introduction
2 Lectures 05:10

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

Preview 03:25

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

Preview 01:45
+
Know this before we begin
2 Lectures 03:19

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

The design does not matter once you understand the process
00:31

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.

Preview 02:48

How many sections are there to designing our web page?

How many sections are there to designing our web page?
1 question
+
Photoshop Preparation
3 Lectures 02:39

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

Preview 00:50

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

Setting the stage
01:37

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

Recommendations for your websites width
00:12
+
Lets Begin designing our web page
4 Lectures 27:23

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.

Lets create our web page Outline
05:21

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

Lets add our Menu Items
06:58

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

Adding the web page elements
11:17

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

Important Take the time to think about this before the next section
03:47
+
Now lets convert & Export our Graphic into A Website
2 Lectures 14:37

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.

Slicing the Graphic and Exporting it as a HTML Website
12:53

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

Here is what Photoshop has automatically produced for us
01:44

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

Which Photoshop tool is used to section the graphic and divide it up?
1 question
+
Time to make it look and Function like a Real Website
4 Lectures 13:25

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

Preview 02:55

Just a few totally free resourses for you.

Resources for HTML editors
00:22

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

This is what is has all been about! Making it look and function like a Website
09:53

A description of what to do once you are all done

What to do once you have added content to your website
00:14

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

What do you need to use to edit your website graphics code?
1 question
+
Course Conclusion
2 Lectures 02:29
Lets wrap it all up
00:54

Bonus Lecture - Just Before You GO!
01:35
About the Instructor
LearnCadia - Learning Unlimited!
3.6 Average rating
214 Reviews
18,951 Students
12 Courses
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!