Web Design non/majors

Week 6:


Turn in your PSD to Google Drive.

Lecture: Continuing HTML and CSS. Converting your PSD to LayerComps.Building a website in Photoshop.


Upload your psd to psdtoweb. Import it into Dreamweaver.


                        Go to ZenGarden and examine the affects of different css pages.


Week 5:


Turn in your PSD to Google Drive.

Lecture: Continuing HTML and CSS. Converting your PSD to LayerComps.Building a website in Photoshop.


YouTube Video


YouTube Video




YouTube Video



Lab: Create LayerComps from your PSD. Create site pages based on wireframes. Read ch. 8.

Homework: Code Academy – complete HTML Structure: Tables, Divs, and Spans


Week 4:


Lecture: Continuing HTML and CSS. Understanding wireframes.Building a website in Photoshop.


Ultimate Guide to Website Wireframing


                     

YouTube Video


YouTube Video


     

YouTube Video


Lab: Create wireframes for midterm project. Create site pages based on wireframes in Photoshop. Read ch. 8.

Homework: Code Academy – complete HTML Structure: Tables, Divs, and Spans


Week 3:


Lecture: Basic CSS and HTML continued. Site maps explained.

Lab: Create site map for midterm project. Create multi-page site basic layout based on site map. Read ch. 6-7

Homework: Code Academy – complete HTML Structure: Using Lists

Read chap 4 & 5 of Don't Make Me Think


Week 2:


Review: We'll talk about the sites that you found, what you liked, what you didn't.


Lecture: Setting up your site. File/folder structure.

Lab: Experiment with site architecture and begin framework. Sign up for Code Academy account. Read ch. 5.


Homework: Code Academy---complete HTML Basics.

Read chap 2 & 3 of Don't Make Me Think


Week 1:


Housekeeping- My site, e-book, your contact, Google Drive


Lecture: Introduction to Course. Current state of photography on the web. Current issues surrounding the web. Discuss Net Neutrality, Copyright, Intellectual Property, Creative Commons, and Open Source. Layout expectations for research and development. PDF creation. Bring edited photos in (PSD’s) that you might consider basing your site around for critique.

              
                       Homework: Find 10 sites that interest you in relation to photography, graphic design, media, or interaction design. Create a PDF                        document including links, screenshots and brief descriptions about what you like/dislike about the site. Consider navigation,                               design, slideshows, structure, user interface, color, typography, and content.

                        Read introduction and chap one of Don't Make Me Think
ċ
sitemap.xml
(2k)
Ron Smith,
Jul 25, 2016, 5:39 PM
Comments