Introduction to Web Design & Development

Course Number: WT 101
Transcript Title: Intro to Web Design & Devel
Created: April 3, 2015
Updated: May 13, 2021
Total Credits: 1
Lecture Hours: 0
Lecture / Lab Hours: 20
Lab Hours: 0
Satisfies Cultural Literacy requirement: No
Satisfies General Education requirement: No
Grading options: A-F, P-NP (default), audit
Repeats available for credit: 0

Prerequisites

WR 115 and RD 115 or equivalent placement test scores.

Recommended

CAS 133 or equivalent file management and word processing experience.

Course Description

Explores the different roles, skill sets, jobs, and tools associated with the website development and design industry. Introduces the Web Design Assistant & Development program, including course options, software, and basic web terminology, as well as the uploading of pages to a server using File Transfer Protocol (FTP) and equipment requirements. Recommended: CAS 133 or equivalent file management and word processing experience. Prerequisites: WR 115 and RD 115 or equivalent placement test scores. Audit available.

Intended Outcomes

Upon successful completion of this course, students will be able to:

  1. Demonstrate an understanding of role, job skills and tools for Web Design & Development.
  2. Identify web assistant development and design employment opportunities.
  3. Recognizeand identify current software and technology tools using web design and development terminology.
  4. Evaluate web page quality, usability and accessibility.
  5. Develop an online portfolio forstoringweb design and web development artifacts.

Outcome Assessment Strategies

Assessments may include: objective tests or quizzes, scored assignments, projects, class discussion participation and/or journal reflections

Texts and Materials

Recommended:

  • Don’t Make Me Think Revisited by Steve Krug
  • Tragic Design by Shariat & Saucier
  • The Clean Coder by Robert C. Martin

Course Activities and Design

The determination of teaching strategies used in the delivery of outcomes is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: lecture, small group/forum discussion, flipped classroom, dyads, oral presentation, role play, simulation scenarios, group projects, service learning projects, hands-on lab, peer review/workshops, cooperative learning (jigsaw, fishbowl), inquiry based instruction, differentiated instruction (learning centers), graphic organizers, etc.

Course Content (Themes, Concepts, Issues and Skills)

Outcome #1: Demonstrate an understanding of role, job skills and tools for Web Design & Development.
  • Design applications
    • WordPress
    • Adobe
    • Google Web Designer
    • Dreamweaver
  • Developer tools
    • Bootstrap
    • Chrome Developer Tools
    • jQuery
Outcome #2: Identify web assistant development and design employment opportunities.
  • Job search tools
    • Indeed.com
    • LinkedIn
    • Glassdoor
    • Google for Jobs
    • Facebook
    • Github
Outcome #3: Recognize and identify current software and technology tools using web design and development terminology.
  • Keeping up to date on trends
    • Building a personal network
    • Codeacademy
    • Treehouse
    • CSS-Tricks
    • Stack Overflow
    • Webdev subreddit
    • Industry conferences: Forward, WordCamps, JSFoo
Outcome #4: Evaluate web page quality, usability and accessibility.
  • WCAG
  • W3C
  • User experience
  • Relevance
  • Content
  • Readability
  • Editing and proofreading
  • SEO considerations
Outcome #5: Develop an online portfolio for storing web design and web development artifacts.
  • Weebly
  • Adobe
  • Wix
  • Qualities of an effective portfolio
    • Showcasing your best work
    • Sharing the backstory
    • Simple, clean design
    • Concise, proofread language
    • Keeping the portfolio fresh and current
    • Including a bio and contact information