concepts (I) Dreamwaver and CSS. Org. Project. (c) Start with the template in
CS4 to create the master page for your project and finish the rest of the pages.
Timeline: INSY211.1H1 2011 Summer Week
1
2
Date
5/17
5/24
Topics
1. Course overview; 2. Domain registration and hosting services 3. Freeware on website design and image editing 4. A walk though of your very first webpage : Blog 5. Get ready Linux Server
1. Overview of Web usability, accessibility and Web Design; Design cycle and publishing your website 2. Demo Lab A multi page
Dr. Feng Liu Labs and Assignments
Due(points)
1. Finish your web Blog creation. 2. Create directory structure on linux, create your first web page with your picture, your Blog URL, two labs and project link, final links and Name three website links whose designs you think are good and 3 of them are bad and give the reason why you think so. (save file index.html file and upload to the insy linux server) 3. Write a description of the website you are going to design for your organization website in word document. Upload it to server under project1. 4. watch the Adobe tutorials videos 4. Collecting all images and content for your Lab A Family website
http://tv.adobe.com
Week1 Assignment Org. Project (a) Finish the Org. website users and tasks analysis and webpage design and Finish the landing site structure design. page project (100) (b) prepare all the images and content and prepare lab A resource for each of the pages for the materials
website in Dreamwaver. 3. Brief demo on image processing
3
5/31
Software tools with concepts (I) Dreamwaver and CSS
Org. website
Org. Project (c) Start with the template in CS4 to create the master page for your project and finish the rest of the pages at home.
Project (a+b) (100) Project: prepare two designs prototypes for your Org. site ; continue gathering materials for the Org. website Project: (c) Finished site with CS4
4
6/7
Org. Project: Org. Website design - in Software tools with CS4: (d)Using table, frames, or layers concepts (II) Dreamwaver for layout; stylesheets for fonts and and CSS position as well as color chart to give at least two different color schemes match. Typography knowledge need to be applied to the design
Research Project: Freeware for the Web design tools. Pick one of the freeware or a function did not covered by our class and present the pros and cons in the last class Project: (c+d)with layout consistency, alignment, and rich content (100) Update your design of Project3 with applying global CSS control(100)
6/14
Software tools with concepts (III) Multimedia components (with Flash and Photoshop )
Org. Project3: (e) Adding multimedia and interactive components to you web site. Org. Project3: (f) using form component should be used for a registration page.
6
6/21
Software tools with concepts (IV) Other Web design tools introduction
(1)Update your design Project4: Final Exam will be developing of Project3 (b) (50) an organization website with partially (2) Update your design materials given. of Project3 (c) (50)
7
6/28
No Lecture
5
Question and Answers
8
7/5
Final and research Presentation
Final project includes a 4-10 pages Final Exam Project Due long design cycle document paper of Research Project Due final exam website (50 points )and a oral power point presentation of design cycle with site demo (50 points)
Note * this timeline is subject to be changed as course goes on Landing page: one page website (100 Points) Labs: Family website and other demo projects (200 Point) Org. Project: Org. Website (400 Points) Final Project: Final exam website, paper docs and presentation (200 Points) Research project: Freeware for the Web design tools. Pick one of the freeware or a function did not covered by our class and present the pros and cons in the last class (100 Points)
