Design & Export a HTML Web or Sales page in Photoshop CS5
4.3 (14 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,874 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Design & Export a HTML Web or Sales page in Photoshop CS5 to your Wishlist.

Add to Wishlist

Design & Export a HTML Web or Sales page in Photoshop CS5

Learn how to Design your Own Sales page / Letter design in Photoshop CS5 and then export the HTML ready to use online
4.3 (14 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,874 students enrolled
Last updated 11/2016
English
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 5 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design their own Sales Page
  • Slice an image & Export from a graphic in to HTML
View Curriculum
Requirements
  • Be egar an open to learning
  • You should have access to Adobe Photoshop. You can even download the free trial version if need be.
Description

Do you want to be able to sell your digital product on the likes of Clickbank or JVZoo?

Have you ever noticed how they usually just use one single sales page to sell their digital product?.........well this course is all about teaching you exactly how you can create a seriously awesome sales page using just Adobe Photoshop.

Photoshop is an amazing design tool, and many people are not even aware that it is also able to generate HTML web pages by using a simple built in 'export' function.

On this course you will be taught all about this exciting tool. Why is it so exciting?...... because this single tool now unleashes a whole new range of creative possibilities within Photoshop. 

You can be as creative as you wish to in your websites design - and then just export your design in to a fully functioning HTML web page with clickable links.

What are some of the uses of this?

Well, lets just say that you wanted to create your own digital informational product. Nothing would make it stand out more than if you were able to create your own custom sales page for that product that would wow your visitors when they landed on your page. 

Here is a bit about what you will learn on this course

You will be shown...

  • How to start off with just a blank canvas in Photoshop and go on to create your on unique web page design that you can then go on to export as HTML and images.
  • How to decide on the header, body content & footer sections
  • Slicing up any flat images ready to be exported.
  • The step-by-step process to exporting ANY image as a HTML document.
  • How to format your exported content ready to be used on the web.
  • How to add great looking headers & footers to every single page


We are going to have a lot of fun on this course and you are going to learn a super-cool & very modern skill. 

What if I am not 100% happy with the content of this course?

I am really glad you asked that. Because here at Web U Teach want to you be 100% happy with your course purchase from us. 

So I would just like to remind you that your purchase is actually backed by the Udemy 30 no quibble Day Money Back Guarantee

So truth be told you have absolutely nothing to lose and a possible brand-new skill to gain!

We really can't wait to see you on the inside of the course, and welcome you to the Web U Teach 'Family'. I Also look forward to sending you your personal welcome message once you have joined.

Jump in NOW and I will See you on the inside!


Who is the target audience?
  • Users of Adobe Photoshop
  • Those who want to learn how to design their own HTML web page
  • Designers, creatives & Entrepreneurs
Students Who Viewed This Course Also Viewed
Curriculum For This Course
19 Lectures
01:09:21
+
Introduction & Welcome to the course
3 Lectures 09:28

Just a fist-bump and welcome to the course. Thank you for taking this Web U Teach course.

Preview 03:58

Just a reminder video of what you can expect from this course in regards to my teaching style.

Preview 03:54

This is a video walk-through of the exact HTML Web page design that we will be creating on this course.

Here is exactly what we will be creating on this course - and the why
01:36
+
Before we Begin
2 Lectures 03:11

Just to remind you that once you know & have gotten a hang of the design and export process, then you will be able to create just about any html web page design in the future of your choice.

Once you understand the design & export process, the possibilities are endless!
00:29

In this lecture I take you through the 3 critical elements to ANY web or sales page - as well as their functionality.

The 3 Critical elements to a Web or Sales page
02:42

Which one of these sections should be 'expandable' to be able to fit in content

Which one of these sections should be 'expandable' to be able to fit in content
1 question
+
Prepping Photoshop for action
3 Lectures 03:00

It's now time for a quick video to show you how to get ready within Photoshop. Preparing it for all that we will require in our design process.

Lets just prep Photoshop quickly...
00:50

This lecture aims to show you how to prepare your Photoshop canvas for action.

Preparing our canvas and setting the stage
01:35

Something to remember based on my own recommendations on the width of your website.

A quick Note - Your website should be at least this many pixels wide
00:35
+
Time to start designing our webpage
4 Lectures 25:28

It is now time to create the design for the main outline of our web page. This lecture will show you exactly how to do this.

4.1 Creating the Outline of our webpage and the 3 main sections
05:00

Next it's time to add that professional touch. In this lecture you will be taken through how to go about adding our sites main menu items as well as the all important copyright footer message.

Adding Menu items and Copyright footer message
06:39

In this lecture you will be taken through how to add the nice graphical design elements to our web pages design in order to really make things POP.

Lets add our Web Pages Design Elements
10:22

Now You will be taken through how to decide upon the different sections that we will need to divide our one image in to.

Preview 03:27

Which place/s should you usually place the menu of your website

Which place/s should you usually place the menu of your website
1 question
+
Converting from a graphic into a website
2 Lectures 13:59

Here you will be taken through the process of 'slicing' our flattened graphic and exporting both the main images as well as the HTML for the page.

It's now time to Slice up our graphic and export it as a HTML web page
12:29

You will be taken through here exactly what Photoshop has actually produced for us.

Lets take a look at exactly what Photoshop has automatically produced for us
01:30

Which Photoshop tool do we need to use to section & Divide up our graphic?

Which Photoshop tool do we need to use to section & Divide up our graphic?
1 question
+
Making it look and function like an actual website
3 Lectures 12:50

You don't have to use the exact same HTML editor as me but you should at least know about it. I walk you through just a few of the possible options in this video.

I will be using this HTML Editor but you can use any of these
02:50

In this lecture you will be taken through the last stage of the process. We will tidy up our designed web page, center it and make the center 'content' section expandable so that we are able to add our content with the section automatically expanding downwards..

The final stage - Now to make it look and function like an actual web page
09:42

Just a few free resources where you are able to download HTML source code editors that will enable you to edit the HTML source code of your website.

A few resources for free HTML editor options
00:18

What kind of editor do you need to use to edit your websites  source code?

What kind of editor do you need to use to edit your websites source code?
1 question
+
Course Conclusion
2 Lectures 01:36

What fun I have had taking you through this course. But it is now time to go ahead and wrap things up.

Ok, it's time to wrap this baby up!
01:01

Bonus Lecture: Coupons to all our other courses
00:35
About the Instructor
Web U Teach - International
4.1 Average rating
115 Reviews
10,532 Students
11 Courses
Learn with us, Grow with us.

Our ultimate aim here at Web U Teach is really simple: To empower our students through knowledge that has up-to-date & real world uses in today's fast-paced internet-obsessed world.

We mainly specialise in the IT / Computing, Software Applications & the Make real & sustainable income online teaching niches.

Our instructors are extremely experienced in their specific topics and are proud to have over a combined 65 years worth of  targeted knowledge.

Our teaching style is relaxed, informative & extremely easy to consume. You will always have the opportunity to reach our to us for any additional help and support you may require (even on every single course that we release. 

We are experts within the computer, IT & generating income online space.

Our teams Other areas of specialist expertise include:

Digital product creation & Selling . E-commerce  . Entrepreneurship . Graphic Design . General IT Knowledge . Home Business . Lead Generation . Marketing & promotion . Membership Websites . Building successful online Businesses from scratch . Recurring Income generation . Social promotion & interaction . Software . SEO . Wholesale & Drop Shipping . Website Design. . General thinking outside of the box By becoming a student of ours, you can expect to learn form our wealth of experience & skills - enabling you to take the short cut to success online.

our students are empowered with new knowledge, skills & tools that will help them to achieve their personal goals online - be they financial or other.

You WILL learn more, Earn More and you WILL grow more. So the only thing left for you to do is to ensure that you sign up for our course/s.

Online business is a competitive, and even at times "dog-eat-dog" world. But sometimes, just knowing that little bit more than your competitors could give you the edge. 

So we remind you to be on a never-ending quest for knowledge - and invite you to join us on an educational journey........... 

We really can't wait to meet you and look forward to welcoming you as a valued WebUteach student!

Web U Teach 

The Web U Teach Team