Class 2 – Introduction to HTML, CSS & Dreamweaver

Go Over Homework from Class 1 Dreamweaver Getting familiar with the MAC/Dreamweaver bring flash drive Activity 1: Organizing your website files Copying files from server Important: Work off of Desktop, copy to and from flash drive. Do not work off of your flash drive. HTML & CSS What’s the difference between HTML and CSS? (and php!) Read: http://www.johnhaydon.com/whats-difference-between-css-html-php/ Read: http://www.the-webcoach.com/design-development/html-css/what-is-the-difference-between-html-and-css/…

Class 13 – Responsive Design

Introducing Responsive Design What IS it? “Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.” – Kayla Knight Read: http://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/ Awesome Examples Look: http://insights.mobify.com/70-stunning-responsive-sites-for-your-inspiration/ Getting Started Remember wire frames? You’re going to need them now more than ever so you…

Class 1 – Introducing Web Design

Welcome to VCP 144-02! Introducing Web Design How to use this site Defining web design What is Web Design? Web design is the structuring of a website including the information architecture (navigation, content), the layout and the pages, and the conceptual design with branding. Basic websites are created with HTML and CSS. HTML is short…