Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development PSD to HTML

psd to html and css conversion course

an overview of how the process of converting a Photoshop design to html
Rating: 3.4 out of 53.4 (53 ratings)
4,792 students
Created by Yoel fisher
Last updated 6/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • you will be able to convert psd to html easier then you could before

Course content

5 sections • 19 lectures • 43m total length

  • Preview01:27
  • Preview01:01
  • Preview01:53

  • Preview01:24
  • Preview00:40
  • Preview00:22
  • Preview00:09

  • Preview04:14
  • css layout
    09:43
  • css details
    03:47
  • slider
    01:07

  • inner page design
    00:47
  • inner page html css
    02:13

  • Photoshop measure tool
    02:12
  • brackets and psd
    02:12
  • chrome developer tool
    02:53
  • adobe kuler
    01:10
  • sass basics
    06:15
  • Bonus Lecture
    00:21

Requirements

  • html,css basic knowledge

Description

in this course you will learn how to convert a photoshop design to html and css responsive website.

i will show you a process i used to convert almost any design to a functional website.

you will learn how to:

* measure elements in photoshop

*  create an html tags hierarchy for all the design elements

* translate a photoshop layout to css style

*convert photoshop colors, effects and fonts to css

*use a simple slider with your website

*use the same html and css to create an inner page for the same design

Who this course is for:

  • anyone who wants to learn how to convert a psd to html

Instructor

Yoel fisher
programming and graphic design freelancer
Yoel fisher
  • 3.8 Instructor Rating
  • 170 Reviews
  • 9,459 Students
  • 4 Courses

i have been doing programming for more then 5 years, learned 9 programming and scripting languages.

 as a private tutor i solved assignments in java for computer science students from around the world.

my expertise is gui and database based application development for desktop and web.

as a hobby i develop 2d games,since the days of flash and as3 (but since flash is considered dead i moved to java slick2d and phaser.js).

i have a few WordPress plugins and themes i developed. and have alot of experience with WordPress in general. 

in graphic design i used photoshop,illustrator,indesign and inkscape to create print designs,logos and website design.

i also do video editing and sound recording editing. and a little music composition.

i have a lot of things to teach i hope to fill my udemy profile with a lot of  courses on the subjects i mastered over the years.

i have a very organized and methodical way to do things, when i learn something new i simplify it ,in programming i create frameworks and tools, in graphic design i make reusable templates. and generally for every difficult thing i learned do with a computer i have at least a cheatsheet. actually i also have tips and tricks to stuff i learned in art and music.

i hope to pass all of this knowledge to other people. im sure some can take my knowledge and use it better then me.

again i hope i will have a chance to make this a full time job so i can pass on me knowledge and experience. 

i love teaching. being a tutor is the most fulfilling job i ever had.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.