Skip to main content
10201195 Advanced Digital Development
Course Information
Description
This course will explore building web sites using Content Management Systems. It will introduce the basics of both WordPress.com (cloud hosted), WordPress.org (self-hosted) and Webflow. Students will learn now to publish posts and pages, work with themes, employ widgets, create custom menus, activate plugins, and utilize page templates. Students will also build their own page designs from scratch. The course Adobe Create Cloud, and the current version of WordPress. Students are required to acquire server space to host their work.
Total Credits
3
Prior Learning Assessment
  • Experiential-Portfolio

Course Competencies (Course Outcomes)
  1. Create a personal blog
    Assessment Strategies
    Written product; published blog
    Criteria
    Use Content Management System foundations
    Utilize common content elements
    Apply methods for choosing content that will add value and further the objectives of a website
    Blog contains posts
    Blog contains pages
    Edit graphics
    Blog includes appropriate graphics
    Blog includes appropriate copy

  2. Secure Web Hosting
    Assessment Strategies
    Skill demonstration: Hosting and Domain acquired
    Criteria
    Select appropriate hosting option
    Select appropriate pricing option
    Choose appropriate domain name
    Purchase domain name
    Log into to hosting dashboard

  3. Publish WordPress product
    Assessment Strategies
    Skill demonstration: Published product with WordPress Installed
    Criteria
    Login to hosting using login credentials
    Use hosting control panels effectively
    Install WordPress into a subdirectory

  4. Create a Figma Design System
    Assessment Strategies
    Design product, Figma Design System created
    Criteria
    Set up Figma account
    Use key Figma menus and navigation
    Modify Figma template
    Web UX concepts are implemented effectively
    Design concept is effective
    Web pages organize information effectively
    Website includes photographs and/or web graphics captured legally
    Export images from Figma
    Create prototype
    Share prototype

  5. Edit existing WordPress template
    Assessment Strategies
    Published product with edited WordPress Template
    Criteria
    Use key navigation within WordPress dashboard
    Use key control panels within the page builder plugin
    Implement design modifications within the plugin
    Match web page design to Figma sample
    Publish and share web site

  6. Use WordPress plugins
    Assessment Strategies
    Published product. WordPress plugins installed.
    Criteria
    Demonstrate location of potential WordPress plugins
    WordPress plugins are installed accurately and meet industry standards
    Edit and customize plugins using best option

  7. Use WordPress to build web site
    Assessment Strategies
    Design product, website
    Criteria
    Locate available blocks and pages
    Pages are created using premade pages and blocks
    Employ options for editing and customizing
    Pages show evidence of design principles for unifying blocks
    Pages show evidence of a visual connection between a home page and secondary pages
    Website follows guidelines for creating a well-designed website navigation system
    Website utilizes widgets for page building
    Website utilizes sections available for page building
    Web pages contain sections and widgets

  8. Build a site with Webflow
    Assessment Strategies
    Design product, web page
    Criteria
    Utilize Webflow editing tools for customizing site
    Site shows evidence of effective application of user interface principles
    Web site contains multiple pages
    Publish and share web site as specified by the instructor