-
This class is a two-part course intended to bridge the gap between web design and web development.
The first section of the course will be about the differences between web design and web development. We’ll go over responsive design, talk about code and end with a little bit of SEO.
In the second section, we’ll take a ready-made design created in Photoshop and turn that into a fully responsive web page.
Despite the title, this class is setup to benefit both web designers and web developers.
For web designers, you will learn how your designs translate into a working websites so that you can better communicate with developers or build out your own designs yourself.
For web developers, you’ll learn how to work with designers and create an accurate copy of their designs in HTML and CSS.
Whether you’re a developer wanting to work with a designer, a designer wanting work with a developer or just someone who wants to build skills in both areas, this course is for you.
Overview
Syllabus
-
- Introduction
- Design vs Development - Responsiveness
- Design vs Development - Code & Visual Display
- Design vs Development - SEO
- PSD to HTML - Before we get started
- PSD to HTML - Setup
- PSD to HTML - Structure
- CSS - Section 1
- CSS - Section 2
- CSS - Section 3
- CSS - Media Queries
- Creating a Mobile Menu
- Bonus: Intro to Bootstrap
- Conclusion
