Introduction to Web Design & Development

Course Number:
WT 101
Transcript Title:
Introduction to Web Design & Development
Created:
Aug 16, 2022
Updated:
Jul 17, 2023
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, Audit
Default Grading Options
A-F
Repeats available for credit:
0
Prerequisites

IRW 115 or WR 115 or equivalent placement

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: IRW 115 or WR 115 or equivalent placement. Audit available.

Course 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. Recognize and 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 for storing web design and web development artifacts.

Suggested Outcome Assessment Strategies

The determination of assessment strategies is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: writings (journals, self-reflections, pre writing exercises, essays), quizzes, tests, midterm and final exams, group projects, presentations (in person, videos, etc), self-assessments, experimentations, lab reports, peer critiques, responses (to texts, podcasts, videos, films, etc), student generated questions, Escape Room, interviews, and/or portfolios.

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

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

Suggested 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