May 14, 2024  
2022-2023 Course Catalog 
    
2022-2023 Course Catalog [ARCHIVED CATALOG]

Add to Portfolio (opens a new window)

WEBD 1123 - Interactive Web Design 1

Credits: 3
Hours/Week: Lecture 2 Lab 2
Course Description: This hands-on, project-oriented course focuses on designing and building informative and functional, modern web pages, using industry-standard software and design tools, to meet client needs. Topics include employing the elements and principles of design; using and modifying components of Adobe Dreamweaver; integrating Adobe Animate with Dreamweaver, HTML5, and CSS3; and a cursory introduction to JavaScript and jQuery within the design environment.
MnTC Goals
None

Prerequisite(s): None
Corequisite(s): None
Recommendation: Basic Computer Skills and concurrently enrolled in WEBD 1121  

Major Content
  1. Interactivity of professionally-designed webpages
  2. Creative design process
    1. requirements gathering
    2. designing alternatives
    3. prototyping designs
    4. evaluating designs
  3. Tools and techniques to create rich and functional webpages
  4. Design and technical problems in webpage creation
  5. Dreamweaver as a design tool
  6. Webpage interactivity using Adobe Dreamweaver behaviors and snippets
  7. JavaScript animation library with Adobe Dreamweaver (jQuery)
  8. Integrating Adobe Animate with Adobe Dreamweaver
  9. Modern JavaScript animation libraries
  10. Project presentation and critiques

Learning Outcomes
At the end of this course students will be able to:

  1. evaluate the interactivity of professionally-designed webpages.
  2. employ a creative design process.
  3. employ multiple tools and techniques to create rich and functional webpages.
  4. solve design and technical problems in webpage creation.
  5. utilize Adobe Dreamweaver as a design tool.
  6. use the Snippets and Behaviors panels in Adobe Dreamweaver.
  7. use a modern JavaScript UI library generated by Adobe Dreamweaver.
  8. use a modern JavaScript animation library generated by Adobe Dreamweaver.
  9. demonstrate how to integrate Adobe Animate with Adobe Dreamweaver.
  10. critique one’s own work and that of other students in group discussions.

Competency 1 (1-6)
None
Competency 2 (7-10)
None


Courses and Registration



Add to Portfolio (opens a new window)