Building Websites With Photoshop CC

person icon Stone River ELearning

3.9 ★★★ ★ ★

Buy Now

Building Websites With Photoshop CC

Name: Building Websites With Photoshop CC
Rating: 3.9 (335 reviews)
Author: Stone River eLearning

Use Photoshop CC to design awesome looking websites

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Stone River ELearning

English [CC]

category icon Design,Design Tools,Web Development

Lectures -52

Resources -1

Duration -4.5 hours

3.9 ★★★ ★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point 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.

Goals

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

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, business or soft skills - we have it covered.

Check out our huge catalog of courses and join the over 3.2M students currently taking Stone River eLearning courses. We can provide all or part of this catalog to any business via API connection, or you can get your own branded LMS free with 10+ users.

Course Certificate

Use your certificate to make a career change or to advance in your current career.