Building Websites With Photoshop CC

person icon Stone River ELearning

Building Websites With Photoshop CC

Use Photoshop CC to design awesome looking websites

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Stone River ELearning

architecture icon Design,Design Tools,Web Development


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

Looking to design websites, either professionally or for your own use? Award-winning veteran trainer Geoff Blake will guide you through the process of building an entire web page from scratch using Photoshop! You'll learn how to best organize the Photoshop interface to streamline your workspace for web design, eliminating the clutter and making creating web pages fast and easy. Explore the various grid systems that can be used as templates to build professional looking web pages. Next, it's on to wireframing and UI design, where you'll learn how to create a mockup that can be sent to clients for approval, or simply kept for personal reference. You'll also discover how to build upon a wireframe to design a beautiful, and functional web page. Once you're satisfied with your design, this course will show you how to extract the HTML and CSS that will bring your design to life, and how to customize the code to suit your needs. So if you're interested in web design for fun or profit, this course will set you up with everything you will need.


What will you learn in this course:

  • You’ll be guided through the process building a complete web layout — from a blank Photoshop file to a fully coded, browser-ready web page!

  • You’ll see the complete process, from structural wireframe to fully designed and finished layout, in a series of clear, easy to follow, step-by-step lessons.

  • Explore many Photoshop tools such as the Asset Generator and Linked Smart Objects to help make your web projects run smoother!

  • Discover how easy it is to export HTML and CSS from Photoshop based off of your designs, and how to customize them to fit the needs of both you and your clients.

  • You’ll gain a strong, valuable, highly marketable set of design, coding, and graphics skills, allowing you to build websites quickly and efficiently.


What are the prerequisites for this course?

  • Basic computer skills

Building Websites With Photoshop CC


Check out the detailed breakdown of what’s inside the course

6 Lectures
  • play icon Introduction 01:00 01:00
  • play icon Hello And Welcome 01:20 01:20
  • play icon Here's What We'll Build 02:12 02:12
  • play icon The Workflow Process 03:52 03:52
  • play icon Setting Up Photoshop For Web Layout 07:05 07:05
  • play icon Saving Our Photoshop Customizations 04:48 04:48
Structuring Layouts With Photoshop
16 Lectures
Applying Design To The Wireframe
12 Lectures
Getting The Layout Out Of Photoshop & Into Code
7 Lectures
Rebuilding The Layout With Code
9 Lectures
Wrapping Up
1 Lectures
Bonus Material
1 Lectures

Instructor Details

Stone River eLearning

Stone River eLearning

At Stone River eLearning, technology is all we teach. If you're interested in IT, programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 1,200,000+ students currently taking Stone River eLearning courses. We currently offer 800+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us