O    wk 1    wk 2    wk 3    wk 4    wk 5    wk 6    wk 7   wk 8    Assignments

Week Objectives

There will be six lab assignments for this Term and the Final Project which will consists of three deliverable

1. Project description and learning objectives
2. Project storyboard 
3. Final project must apply the content introduced in the course, IST 541.  HTML5, CSS3, and jQuery.  Consists of 5-8 pages.  Include diverse type of media elements such as images, audio, and video.  To include a HTML5/CSS3 navigation menu.  Use of local storage.  Include at least one interactive page in which the content or style changes using jQuery.   Include at least one page using jQuery UI. Also, to include at least one page with an image map/hot spot activity.  Lara, M. (2016).

Professor Miguel Lara Ph.D. https://youtu.be/JkrrQ0BcMFo

List of Content

1. Overview
2. Syllabus
3. Calendar

ist541_overview.pptx
File Size:	238 kb
File Type:	pptx

Download File

---

ist541_syllabus_summer_16.pdf
File Size:	112 kb
File Type:	pdf

Download File

---

ist541_calendar_summer_16.pdf
File Size:	37 kb
File Type:	pdf

Download File

---

---

Week O.  Orientation and Course Introduction
​
Content of assignments per week.
Week O:  Configure Dreamweaver Site.  Create and upload test web page.
Week 1:  HTML5 common tags
Week 2:  Cascading Style Sheets / Lab 1
Week 3:  jQuery UI / Lab 2
Week 4:  jQuery / Lab 3
Week 5:  HTML Media (video, audio)  / Lab 4
Week 6:  HTML Forms /Web Storage / Lab 5
Week 7:  Image Map / Hot Spot Activity / Lab 6
Week 8:   Final Project:

1.  Project Proposal- Provide project description and at least three instructional objectives. 
2.  Storyboard- Entire site should include at least 5 web pages, storyboard should show navigation and main sections.
3.  Final Product- Must apply all content introduced in the course:  CSS, HTML5, jQuery.  Include diverse type of media elements such as images, audio, and video.

Week 0.  Final Example No. 1.  C. Manuel Lighting Final

Lighting.  Final Project example number 1.  C. Manuel.

Multimedia Learning- Quiz and Certificate
Example of an interactive website.
http://mist-multimedia-learning.weebly.com/certificate.html

http://mist-multimedia-learning.weebly.com/

Multimedia Learning- Quiz and Certificate
Example of an interactive website.
http://mist-multimedia-learning.weebly.com/certificate.html

Screenshot of my score.

Note.  HTML5 Document Template.  Available on our LMS Week 1.

Free images from the following web sites:
http://morguefile.com/
http://office.microsoft.com/en-us/images/
http://allfree-clipart.com
http://www.wpclipart.com/

Dr. Lara's HTML5 Koala website.

Screenshot of the example of a webpage uploaded and tested using Dreamweaver (Lara, 2016).

References:
Lara, M., PhD. (2016, July 3). IST 541 Interactive Media. Lecture. Retrieved July 8, 2016, from https://ilearn.csumb.edu/course/view.php?id=4900.  Slide 15