Web Design and Development II (MGDP2050)

From Wiki @ Karl Jones dot com
(Redirected from MGDP2050)
Jump to: navigation, search

Web Design and Development II (MGDP2050) is a course at Hennepin Technical College.


Contact information

Instructor: Karl Jones

Requirements

File storage

You will need a USB flash drive, external hard disk drive, or other removeable media to store your files.

  • You are responsible for your own data security
  • Make backup copies regularly
  • Have at least two copies:
    • A working copy, which you edit
    • A backup copy in a secure location
  • Better yet, use a source code repository
  • If you cannot turn in your work because you lost or over-wrote your files, then you didn't do the work, and your grade will suffer accordingly

Textbook

No assigned textbook. All lecture notes, exercises, and other class-related materials will be available online as web pages or PDF files.

Options

You may use your own laptop computer, rather than school workstations.

  • You must do equivalent work
  • Note that tech support from school or instructor may be limited or unavailable

Project

Each student will create a website as semester-long, self-directed project.

See Project (MGDP2050).

Class structure

A typical class session consists of these phases:

  • 5:30 - 5:40 = preliminaries
    • Everybody settled at their workstation?
    • Any immediate problems with workstations, network, files, homework, anything?
  • 5:40 - 7:00 = Lecture
    • Discussion of topics
    • Demonstration of examples
  • 7:00 until done = In-class exercises based upon lecture topics
    • Sometimes with "Do by next week" or "Do by end of semester" exercises
  • Remainder of evening until 9:15 = Open lab
  • 9:20 = Done for the night

Online resources

Course Summary

Source: hennepintech.edu

Description

This course introduces intermediate HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) concepts including positioning and layout, responsive design, CSS3 concepts, and basic scripting.

The learner will build an effective and dynamic navigation system, learn how to use page layout, work with typography, colors, backgrounds, and use white space.

The course will use a project-based approach, follow industry's best practices, and the learner will design and develop a fully functional web site for a semester project.

The learner will examine user experience by conducting user research, developing user personas and evaluating scenarios.

They will also utilize information architecture, user interface design, prototype creation, and usability testing and analysis.

Goals

The following goals will be addressed in the course:

  • Demonstrate the ability to separate design elements from content
  • Utilize advanced positioning using CSS techniques
  • Differentiate the differences in Browser compatibilities
  • Demonstrate knowledge of web design industry best-practices
  • Apply responsive design techniques to create web sites that work across platforms and devices
  • Produce two complete web sites using varying designs
  • Design drop down menus for dynamic navigation
  • Utilize User Experience Scenarios
  • Use CSS3 (Cascading Style Sheets) in two varying designs
  • Demonstrate use of media queries

See also