Building Websites With Photoshop CC
Use Photoshop CC to design awesome looking websites
Updated on Sep, 2023
Language - English
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.
Goals
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.
Prerequisites
What are the prerequisites for this course?
Basic computer skills
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
6 Lectures
-
Introduction
01:00
01:00
-
Hello And Welcome
01:20
01:20
-
Here's What We'll Build
02:12
02:12
-
The Workflow Process
03:52
03:52
-
Setting Up Photoshop For Web Layout
07:05
07:05
-
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
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.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now