Beginner Photoshop to HTML5 and CSS3

Name: Beginner Photoshop to HTML5 and CSS3
Rating: 4.3 (3455 reviews)

Learn how to convert a Photoshop design into HTML5/CSS3 using Dreamweaver.

Created byCarl Heaton

Last updated 9/2017

English

What you'll learn

You an take a UI design and turn into HTML and CSS.

Course content

6 sections • 22 lectures • 1h 58m total length

Udemy PSD To HTML Intro 19:26
Final Website 0:18
http://www.webcoursesshowcase.com/beginners/index.html
Links to download programs0:39
Adobe Dreamweaver http://www.adobe.com/cfusion/tdrc/index.cfm?& Notepad ++ http://notepad-plus-plus.org/download/v6.1.5.html Textwrangler http://www.barebones.com/products/textwrangler/download.html

Homepage PSD0:02
Session 3 Slicing And Dicing 12:10

Learn how to use Slicing tool on Photoshop and save slices for the web that later can be edited and resized in Photoshop.
Powerpoint image filetypes

Choosing the right image format
Choosing The Right Image Format checklist

Which image format to choose checklist
About No Slices
Homepage psd without slices
About Slices
An extra file if you want to try out your slicing skills on more than one PSD.

Filezilla

How to use Filezilla software and link for download

http://filezilla-project.org/download.php/
Hostgator0:04
Easy and affordable Web Hosting at http://www.hostgator.com/
Namescheap0:03
Domain registration at http://namescheap.com/
Screencast on how to put your website LIVE0:07
The detailed step-by-step process of putting your website Live! http://www.udemy.com/how-to-put-a-wordpress-website-live/

Getting information from a PSD to use in your code10:39
Thank you so much for taking the course and as a thank you we want to add some bonus material. This episode was requested by one of our students on how to get information from a PSD.
For example when a designer sends you a PSD how to get information like font-size, colours, gradients, padding, margin and even opacity. All is covered in new bonus video. Hope you enjoy and thank you again for all the wonderful reviews.

Requirements

No requirements

Description

In this course you will learn how to create a basic website using Phohoshop and Dreamweaver. You will be able to use Photoshop to create a design for your website and use Dreamweaver to organise the content and make the website fully functional. The website will contain 5 pages : Home, About me, Services, Portfolio and Contact and all the images and support materials are provided. By the end of this course you will be able to make a basic website and put it Live.

Knowing how to use Adobe Photoshop is essential for any business, from photo enhancements and page design, to creating marketing materials and presentations.

This course will give you the understanding and in-demand skills to use Adobe Photoshop and produce professional designs and images. With WCB you can choose the best way to learn for you.

COURSE OVERVIEW

Photoshop is a fantastic skill for everyone wanting to make images better. If you want to retouch your photos, create a banner for Facebook, or even create a magazine cover, this course is ideal for you.

Start by learning how to use the main tools to create simple designs. After the first class, you will be able to understand the brush tools, layers and the interface. Turning the complexity into something filled with possibilities.

Who this course is for:

Basic computer skills

Beginner Photoshop to HTML5 and CSS3

What you'll learn

Explore related topics

Course content

Chapter 1 - Introduction3 lectures • 10min

Chapter 2 - Slicing up your PSD6 lectures • 12min

Chapter 3 - Creating Perfect HTML55 lectures • 27min

Chapter 4 - How to Style your Webpage Using CSS33 lectures • 58min

Chapter 5 - Putting a Website Live4 lectures • 1min

Bonus Material1 lecture • 11min

Requirements

Description

Who this course is for: