Building Websites With Photoshop CC

Building Websites With Photoshop CC, available at $19.99, has an average rating of 4.7, with 50 lectures, based on 19 reviews, and has 108 subscribers.

You will learn about 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. This course is ideal for individuals who are Those looking to learn how to use Photoshop to build websites It is particularly useful for Those looking to learn how to use Photoshop to build websites.

Enroll now: Building Websites With Photoshop CC

Summary

Title: Building Websites With Photoshop CC

Price: $19.99

Average Rating: 4.7

Number of Lectures: 50

Number of Published Lectures: 50

Number of Curriculum Items: 50

Number of Published Curriculum Objects: 50

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

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.

Who Should Attend

Those looking to learn how to use Photoshop to build websites

Target Audiences

Those looking to learn how to use Photoshop to build websites

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Hello And Welcome

Lecture 2: Here's What We'll Build

Lecture 3: The Workflow Process

Lecture 4: Setting Up Photoshop For Web Layout

Lecture 5: Saving Our Photoshop Customizations

Chapter 2: Structuring Layouts With Photoshop

Lecture 1: Introducing The 960 Grid System

Lecture 2: Setting Up Our 960 Grid Template

Lecture 3: Creating The First Wireframe Object

Lecture 4: Continuing To Wireframe Objects

Lecture 5: Additional Techniques For Wireframing

Lecture 6: Finishing Up The Base Wireframe

Lecture 7: Organizing The Layers & Resetting The Properties Panel

Lecture 8: Roughing In The Header Content

Lecture 9: Building Out The Hero Section

Lecture 10: Wireframing The Introducing Section

Lecture 11: Creating The Organize Section

Lecture 12: Building The Get It Now Section

Lecture 13: Finishing Up The Wireframe

Lecture 14: Organizing & Colour Coding The Layers Panel

Lecture 15: Adding Text Labels To The Wireframe

Lecture 16: Exporting The Wireframe For Approval

Chapter 3: Applying Design To The Wireframe

Lecture 1: Gathering The Design's Resources, Part One

Lecture 2: Gathering The Design's Resources, Part Two

Lecture 3: Creating The Site Logo With An Illustrator Smart Object

Lecture 4: Using Layer Styles To Format Buttons

Lecture 5: Saving & Using A Custom Style

Lecture 6: Finishing Up The Header

Lecture 7: Using Linked Smart Objects

Lecture 8: Using Layer Masks To Position Content

Lecture 9: Finishing Up The Hero Section

Lecture 10: Designing With Clipping Groups & Linked Smart Objects

Lecture 11: Developing The Organize & Share Sections

Lecture 12: Finishing Up The Layout's Design

Chapter 4: Getting The Layout Out Of Photoshop & Into Code

Lecture 1: Introducing Photoshop's Asset Generator

Lecture 2: Going Further With The Asset Generator

Lecture 3: Getting The Layout's Assets Organized

Lecture 4: Generating HTML With Photoshop

Lecture 5: Getting Set Up For The Coding Phase

Lecture 6: Adjusting The External Style Sheet

Lecture 7: Setting Up The Structural CSS

Chapter 5: Rebuilding The Layout With Code

Lecture 1: Rebuilding The Header & Copying CSS Directly From Photoshop

Lecture 2: Creating The App Store Header Button

Lecture 3: Getting Started On The Hero Section

Lecture 4: Finishing Up The Hero Area

Lecture 5: Creating The Introducing Section

Lecture 6: Odd Behaviour With Photoshop's Copy CSS Command

Lecture 7: Recreating The Organize And Share Sections

Lecture 8: Building The Get Section & Footer

Lecture 9: Wrapping Up The Project

Chapter 6: Wrapping Up

Lecture 1: Where To Go From Here

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 7 votes

5 stars: 11 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!