Building Websites with Photoshop CC Online Short Course

Courses For Success

AU$129 - (R$304)

Informação importante

  • Curso
  • Online
  • Quando:
    à escolha

How to Design Websites for Professional or Private use Looking to design websites, either professionally or for your own use? We 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. By the end of this Building Websites with Photoshop CC Online Short Course, you will be able to: 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 Course Fast Facts: Easy to...

Informação importante

Requisitos: Minimum Speifications 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) Students Will Also Need Access To The Following Applications:- Adobe Photoshop


Instalações e datas

Início Localização
à escolha

O que se aprende nesse curso?



Chapter 1: Introduction

0101 Hello and Welcome
0102 Here's What We'll Build
0103 The Workflow Process
0104 Setting Up Photoshop for Web Layout
0105 Saving Our Photoshop Customizations

Chapter 2: Structuring Layouts with Photoshop
0201 Introducing the 960 Grid System
0202 Setting Up Our 960 Grid Template
0203 Creating the First Wireframe Object
0204 Continuing to Wireframe Objects
0205 Additional Techniques for Wireframing
0206 Finishing Up The Base Wireframe
0207 Organizing The Layers & Resetting The Properties Panel
0208 Roughing In The Header Content
0209 Building Out the Hero Section
0210 Wireframing the Introducing Section
0211 Creating the Organize Section
0212 Building the Get It Now Section
0213 Finishing Up The Wireframe
0214 Organizing & Colour Coding The Layers Panel
0215 Adding Text Labels To The Wireframe
0216 Exporting The Wireframe For Approval

Chapter 3: Applying Design To The Wireframe
0301 Gathering The Design's Resources, Part One
0302 Gathering The Design's Resources, Part Two
0303 Creating the Site Logo With An Illustrator Smart Object
0304 Using Layer Styles To Format Buttons
0305 Saving & Using A Custom Style
0306 Finishing Up The Header
0307 Using Linked Smart Objects
0308 Using Layer Masks To Position Content
0309 Finishing Up The Hero Section
0310 Designing With Clipping Groups & Linked Smart Objects
0311 Developing The Organize & Share Sections
0312 Finishing Up The Layout's Design

Chapter 4: Getting The Layout Out Of Photoshop & Into Code
0401 Introducing Photoshop's Asset Generator
0402 Going Further With The Asset Generator
0403 Getting The Layout's Assets Organized
0404 Generating HTML With Photoshop
0405 Getting Set Up For The Coding Phase
0406 Adjusting The External Style Sheet
0407 Setting Up The Structural CSS

Chapter 5: Rebuilding The Layout With Code
0501 Rebuilding The Header & Copying CSS Directly From Photoshop
0502 Creating The App Store Header Button
0503 Getting Started On The Hero Section
0504 Finishing Up The Hero Area
0505 Creating The Introducing Section
0506 Odd Behaviour With Photoshop's Copy CSS Command
0507 Recreating The Organize And Share Sections
0508 Building The Get Section & Footer
0509 Wrapping Up The Project

Chapter 6: Wrapping Up
0601 Where to Go From Here

Informação adicional

Digital Download FAQs

Q: What is a digital download?

A digital download is training that you download from the internet using your web browser instead of us shipping you a physical CD.

Q: How instant is the "Instant Purchase"?

If you complete your purchase, you are emailed your access key within minutes of the transaction completing.

Q: How do I access my digital download...