10201177Web Design
Course Information
Description
Learn basic web coding skills using HTML5, CSS, and incorporating Javascript. Design, page layout, web typography, and graphic preparation will introduce user interface (UI) skills.  Students will also learn about uploading files, server space, testing, usability, accessibility, and browser compatibility.
Total Credits
3
Prior Learning Assessment
  • Experiential-Portfolio
Course Competencies
  1. Create a user experience (UX)
    Assessment Strategies
    Written product; graphic
    Criteria
    Summarize a website's purpose
    Write a purpose statement for a website
    Identify the audience
    Determine the goals and needs of the audience
    Investigate common content elements
    Apply methods for choosing content that will add value and further the objectives of a website
    Prepare a design brief
    Create user personas
    Create wire frames
    Design a prototype

  2. Design a user interface (UI)
    Assessment Strategies
    Graphic
    Criteria
    Identify web design roles
    Use basic design principles to create successful web pages and websites
    Explain the impact of contrast, repetition, alignment, and proximity within a website
    Summarize the impact of a color scheme on a website
    Choose the most effective fonts, colors, and images to reflect user needs
    Create a design concept
    Identify sources of web graphics and legal implications regarding their use
    Explore methods to organize information on web pages effectively
    Establish a visual connection between a home page and secondary pages
    Explain the impact photographs can add to a website
    Identify guidelines for creating a well-designed website navigation system
    Summarize the common types of navigation elements

  3. Explore graphics and typography on the Web
    Assessment Strategies
    Graphic, web page
    Criteria
    Identify web graphic file formats
    Identify the graphics file format best suited for different types of images
    Explain the circumstances under which each web graphics file format should be utilized
    Explain the procedures to prepare optimal graphics for the Web
    Identify sources for images, and copyright and legal implications
    Apply the basic principles of good typography on the Web
    Compare web vs print typography
    Identify source for web fonts
    Explore the Web variables that limit typographical control

  4. Write in HTML code to create web pages
    Assessment Strategies
    Web page
    Criteria
    Write, edit and customize HTML
    Identify HTML code common to all pages
    Modify an HTML template
    Use responsive web design concepts
    Create an HTML document
    Insert graphics and multimedia/video
    Create hyperlinks
    Use HTML markup to give semantic meaning for search engine optimization (SEO)

  5. Write in CSS code to create and format a web page
    Assessment Strategies
    Web page
    Criteria
    Explain the advantages and disadvantages of style sheets
    Differentiate between external and internal style sheets
    Create style sheets, both internal and attached
    Identify CSS rule types
    Write CSS rules
    Identify CSS properties
    Modify CSS rules
    Use RGB, RGBa, hexadecimal color
    Create page layouts controlled by CSS
    Incorporate font and text in CSS properties
    Incorporate CSS properties to enhance and control images
    Use developer tools to investigate CSS properties

  6. Use a cloud-based authoring platform
    Assessment Strategies
    Web page
    Criteria
    Explore cloud-based web authoring platforms
    Identify options for editing and customizing
    Create navigation to pages and sections
    Insert images and multimedia/video Control previewing and publishing

  7. Demonstrate skills in uploading files, server space, testing, and browser compatibility
    Assessment Strategies
    Web page
    Criteria
    Locate and access server
    Practice organization and file structure
    Practice file upload using FTP applications
    Apply the steps to upload a website
    Identify sources to acquire an FTP application
    Differentiate between local and server files
    Explore tools for accessibility testing
    Explore different browsers and viewing outcomes
    Recognize that some visitors to websites have special needs

  8. Explore web publishing
    Assessment Strategies
    Written product, web page
    Criteria
    Explain the advantages of web publishing
    Compare web publishing to print publishing
    Summarize the technical issues about which a web designer should be aware
    Summarize the legal and ethical issues in website development
    Summarize the resources needed to create a website
    Explain an Internet service provider (ISP)
    Investigate the steps associated with acquiring server space
    Summarize the important questions to ask service providers
    Apply the process involved in obtaining a domain name  
    Apply traditional marketing methods and advertisement