Certificate In Building Websites With Photoshop CC Online Course

Build An Entire Web Page From Scratch Using Photoshop


NOW ONLY

AU$99

Save AU$500 (83%)
OFF RRP AU$599
Get Info Pack

Build An Entire Web Page From Scratch Using Photoshop

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 Fast Facts:

  1. Learn the fundamentals of Building Websites With Photoshop CC
  2. Comprehensive 6 module Accredited Certificate In Building Websites With Photoshop CC Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading Photoshop CC experts
  5. Receive one-on-one online help & support
  6. Unlimited, lifetime access to online course
  7. Certificate of completion
  8. Study at your own pace with no rigid class timetables, 24/7 from any computer or smart device

Course Delivery

Courses are accessed online  by any device including PC, tablet or Smart Phone. Upon purchase an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. 

Recognition & Accreditation

All students who complete this course, receive a certificate of completion and will be issued a certificate via email.

1.Introduction

  • Hello And Welcome
  • Here's What We'll Build
  • The Workflow Process
  • Setting Up Photoshop For Web Layout
  • Saving Our Photoshop Customizations

2.Structuring Layouts With Photoshop

  • Introducing The 960 Grid System
  • Setting Up Our 960 Grid Template
  • Creating The First Wireframe Object
  • Continuing To Wireframe Objects
  • Additional Techniques For Wireframing
  • Finishing Up The Base Wireframe
  • Organizing The Layers & Resetting The Properties Panel
  • Roughing In The Header Content
  • Building Out The Hero Section
  • Wireframing The Introducing Section
  • Creating The Organize Section
  • Building The Get It Now Section
  • Finishing Up The Wireframe
  • Organizing & Colour Coding The Layers Panel
  • Adding Text Labels To The Wireframe
  • Exporting The Wireframe For Approval

3.Applying Design To The Wireframe

  • Gathering The Design's Resources, Part One
  • Gathering The Design's Resources, Part Two
  • Creating The Site Logo With An Illustrator Smart Object
  • Using Layer Styles To Format Buttons
  • Saving & Using A Custom Style
  • Finishing Up The Header
  • Using Linked Smart Objects
  • Using Layer Masks To Position Content
  • Finishing Up The Hero Section
  • Designing With Clipping Groups & Linked Smart Objects
  • Developing The Organize & Share Sections
  • Finishing Up The Layout's Design

4.Getting The Layout Out Of Photoshop & Into Code

  • Introducing Photoshop's Asset Generator
  • Going Further With The Asset Generator
  • Getting The Layout's Assets Organized
  • Generating HTML With Photoshop
  • Getting Set Up For The Coding Phase
  • Adjusting The External Style Sheet
  • Setting Up The Structural CSS

5.Rebuilding The Layout With Code

  • Rebuilding The Header & Copying CSS Directly From Photoshop
  • Creating The App Store Header Button
  • Getting Started On The Hero Section
  • Finishing Up The Hero Area
  • Creating The Introducing Section
  • Odd Behaviour With Photoshop's Copy CSS Command
  • Recreating The Organize And Share Sections
  • Building The Get Section & Footer
  • Wrapping Up The Project

6. Wrapping up

  • Where To Go From Here

Entry requirements

Students must have basic literacy and numeracy skills.

Minimum education

Open entry. Previous schooling and academic achievements are not required for entry into this course.

Computer requirements

Students will need access to a computer and the internet. 

Minimum specifications for the computer are:

Windows:

  • Microsoft Windows XP, or later
  • Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari)

MAC/iOS

  • OSX/iOS 6 or later
  • Modern and up to date Browser (Firefox, Chrome, Safari)

All systems

  • Internet bandwidth of 1Mb or faster
  • Flash player or a browser with HTML5 video capabilities(Currently Internet Explorer 9, Firefox, Chrome, Safari)

Students will also need access the following applications:

Adobe Acrobat Reader

About this Course

Build An Entire Web Page From Scratch Using Photoshop

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 Fast Facts:

  1. Learn the fundamentals of Building Websites With Photoshop CC
  2. Comprehensive 6 module Accredited Certificate In Building Websites With Photoshop CC Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading Photoshop CC experts
  5. Receive one-on-one online help & support
  6. Unlimited, lifetime access to online course
  7. Certificate of completion
  8. Study at your own pace with no rigid class timetables, 24/7 from any computer or smart device

Course Delivery

Courses are accessed online  by any device including PC, tablet or Smart Phone. Upon purchase an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. 

Recognition & Accreditation

All students who complete this course, receive a certificate of completion and will be issued a certificate via email.

1.Introduction

  • Hello And Welcome
  • Here's What We'll Build
  • The Workflow Process
  • Setting Up Photoshop For Web Layout
  • Saving Our Photoshop Customizations

2.Structuring Layouts With Photoshop

  • Introducing The 960 Grid System
  • Setting Up Our 960 Grid Template
  • Creating The First Wireframe Object
  • Continuing To Wireframe Objects
  • Additional Techniques For Wireframing
  • Finishing Up The Base Wireframe
  • Organizing The Layers & Resetting The Properties Panel
  • Roughing In The Header Content
  • Building Out The Hero Section
  • Wireframing The Introducing Section
  • Creating The Organize Section
  • Building The Get It Now Section
  • Finishing Up The Wireframe
  • Organizing & Colour Coding The Layers Panel
  • Adding Text Labels To The Wireframe
  • Exporting The Wireframe For Approval

3.Applying Design To The Wireframe

  • Gathering The Design's Resources, Part One
  • Gathering The Design's Resources, Part Two
  • Creating The Site Logo With An Illustrator Smart Object
  • Using Layer Styles To Format Buttons
  • Saving & Using A Custom Style
  • Finishing Up The Header
  • Using Linked Smart Objects
  • Using Layer Masks To Position Content
  • Finishing Up The Hero Section
  • Designing With Clipping Groups & Linked Smart Objects
  • Developing The Organize & Share Sections
  • Finishing Up The Layout's Design

4.Getting The Layout Out Of Photoshop & Into Code

  • Introducing Photoshop's Asset Generator
  • Going Further With The Asset Generator
  • Getting The Layout's Assets Organized
  • Generating HTML With Photoshop
  • Getting Set Up For The Coding Phase
  • Adjusting The External Style Sheet
  • Setting Up The Structural CSS

5.Rebuilding The Layout With Code

  • Rebuilding The Header & Copying CSS Directly From Photoshop
  • Creating The App Store Header Button
  • Getting Started On The Hero Section
  • Finishing Up The Hero Area
  • Creating The Introducing Section
  • Odd Behaviour With Photoshop's Copy CSS Command
  • Recreating The Organize And Share Sections
  • Building The Get Section & Footer
  • Wrapping Up The Project

6. Wrapping up

  • Where To Go From Here

Entry requirements

Students must have basic literacy and numeracy skills.

Minimum education

Open entry. Previous schooling and academic achievements are not required for entry into this course.

Computer requirements

Students will need access to a computer and the internet. 

Minimum specifications for the computer are:

Windows:

  • Microsoft Windows XP, or later
  • Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari)

MAC/iOS

  • OSX/iOS 6 or later
  • Modern and up to date Browser (Firefox, Chrome, Safari)

All systems

  • Internet bandwidth of 1Mb or faster
  • Flash player or a browser with HTML5 video capabilities(Currently Internet Explorer 9, Firefox, Chrome, Safari)

Students will also need access the following applications:

Adobe Acrobat Reader

We provide a 7 Day Money Back Refund on all Courses

Now Only AU$99 Save AU$500 (83%)
OFF RRP AU$599
Delivery Method Online
Get Info Pack

Special Offer

 

Receive The Personal Success Training Program FREE, When You Purchase This Course - Limited Time Remaining!  (Value $600)

 

The Personal Success Training Program Helps You Stay Focused To Achieve Your Goals!
Benefits:
  • How to layout a Success Plan.
  • Get where you want to be in life.
  • How to unclutter your mind to succeed.
  • Achieve your dreams using your imagination.
  • How to have faith in yourself.
Features:
  • 12 month online access,  24/7 anywhere.
  • Complement your individual course purchase.
  • Internationally recognized by the IAOTS.
  • Thousands of positive reviews.
  • Limited Time Offer - Ends Soon.
 

Share this course

Course Summary

Course ID No.: 009SRBWWPC
Delivery Mode: Online
Course Access: Unlimited Lifetime
Tutor Support: Yes
Time required: Study at your own pace
Course Duration: 5 Hours
Assessments: Yes
Qualification: Certificate

Popular Courses and Bundles