{"id":6418,"date":"2026-03-15T21:05:35","date_gmt":"2026-03-16T01:05:35","guid":{"rendered":"https:\/\/engineering.jhu.edu\/ctld\/?page_id=6418"},"modified":"2026-03-16T11:52:14","modified_gmt":"2026-03-16T15:52:14","slug":"learning-design-resources","status":"publish","type":"page","link":"https:\/\/engineering.jhu.edu\/ctld\/learning-design-resources\/","title":{"rendered":"Learning Design Resources"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Course Design<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Implementing Alternative Content Formats<\/span>\n            <p>Practical examples of alternative content formats to effectively integrate UDL principles into your course materials.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/implementing-alternative-content-formats\/\">View Resource \u2192<\/a>\n        <\/div>\n        \n        <div class=\"card\">\n            <span class=\"card-title\">Writing Learning Objectives<\/span>\n            <p>A video on how to write learning objectives and create a detailed design outline of your course.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/writing-learning-objectives\/\">View Resource \u2192<\/a>\n        <\/div>\n\n        <div class=\"card\">\n            <span class=\"card-title\">What is Instructional Design<\/span>\n            <p>An introduction to instructional design: the research-based practice of intentional course design to maximize effective student learning.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/what-is-instructional-design\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">Course Materials<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Accessible Tables<\/span>\n            <p>Essential guidelines for table structure, header rows, and formatting to ensure your data displays correctly for all assistive technologies.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/accessible-tables\/\">View Resource \u2192<\/a>\n        <\/div>\n        \n        <div class=\"card\">\n            <span class=\"card-title\">Alternative Text for Visuals<\/span>\n            <p>Learn how to write effective alternative text for images, charts, and diagrams to make your visual course content accessible to all students.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/alternative-text-for-visuals\/\">View Resource \u2192<\/a>\n        <\/div>\n\n        <div class=\"card\">\n            <span class=\"card-title\">Developing Online Content<\/span>\n            <p>Strategic approaches for developing high-quality online content that fosters active learning and maintains consistent engagement across digital platforms.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/developing-online-content\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">Teaching Strategies<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Implementing Teaching Best Practices<\/span>\n            <p>Explore evidence-based pedagogical strategies designed to enhance student engagement and ensure your teaching methods are effective for diverse learners.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/implementing-teaching-best-practices\/\/\">View Resource \u2192<\/a>\n        <\/div>\n        \n        <div class=\"card\">\n            <span class=\"card-title\">Providing Feedback and Grading<\/span>\n            <p>Strategies for providing meaningful, actionable feedback that helps students understand their progress and improve their performance throughout the course.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/providing-feedback-and-grading\/\">View Resource \u2192<\/a>\n        <\/div>\n\n        <div class=\"card\">\n            <span class=\"card-title\">Online Course Management<\/span>\n            <p>Watch this overview for practical ideas on streamlining your course management, allowing you to spend less time on administration and more time on teaching.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/online-course-management\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Interactions in Online Courses<\/span>\n            <p>Discover evidence-based strategies to foster meaningful connections between students, instructors, and course content to build a vibrant, active online learning community.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/interactions-in-online-courses\/\/\/\">View Resource \u2192<\/a>\n        <\/div>\n        \n        <div class=\"card\">\n            <span class=\"card-title\">Overview of Online Teaching<\/span>\n            <p>An introduction to the essentials of online teaching, covering key pedagogical strategies for building a cohesive, accessible, and engaging digital classroom.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/overview-of-online-teaching\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<h2 class=\"wp-block-heading\">Assessments<\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Kinds of Assessments<\/span>\n            <p>Explore a variety of assessment strategies\u2014from formative to summative\u2014designed to accurately measure student learning and inform your instructional approach.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/kinds-of-assessments\/\">View Resource \u2192<\/a>\n        <\/div>\n        \n        <div class=\"card\">\n            <span class=\"card-title\">Recommendations for Assessments<\/span>\n            <p>Explore evidence-based recommendations for designing effective assessments that accurately measure learning outcomes and support student success.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/recommendations-for-assessments\/\">View Resource \u2192<\/a>\n        <\/div>\n\n        <div class=\"card\">\n            <span class=\"card-title\">Assessing Student Learning Online<\/span>\n            <p>Discover best practices for designing secure, equitable, and effective assessments specifically tailored for the online learning environment.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/assessing-student-learning-online\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    .category-section { margin-bottom: 40px; font-family: sans-serif; }\n    \n    \/* Updated Grid: 3 columns on desktop, 1 on mobile *\/\n    .resource-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 25px;\n    }\n\n    @media (max-width: 900px) {\n        .resource-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .resource-grid { grid-template-columns: 1fr; }\n    }\n\n    .card {\n        border: 1px solid #e1e4e8;\n        padding: 24px;\n        border-radius: 8px;\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Bold, slightly larger title, not a heading tag *\/\n    .card-title { \n        display: block;\n        font-weight: 700; \n        font-size: 1.15rem;\n        color: #002d72; \n        margin-bottom: 10px; \n    }\n\n    .card p { color: #555; line-height: 1.5; flex-grow: 1; margin: 0 0 15px 0; }\n    \n    .card a { color: #002d72; font-weight: 600; text-decoration: none; display: inline-block; }\n    .card a:hover { text-decoration: underline; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"category-section\">\n    <div class=\"resource-grid\">\n        <div class=\"card\">\n            <span class=\"card-title\">Online Student Activities and Assessments<\/span>\n            <p>Discover creative and practical ideas for online student activities and assessments that foster active learning and meaningful engagement in digital environments.<\/p>\n            <a href=\"https:\/\/engineering.jhu.edu\/ctld\/online-student-activities-and-assessments\/\">View Resource \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Course Design Implementing Alternative Content Formats Practical examples of alternative content formats to effectively integrate UDL principles into your course materials. View Resource \u2192 Writing Learning Objectives A video on&nbsp;<a href=\"https:\/\/engineering.jhu.edu\/ctld\/learning-design-resources\/\">&hellip;<\/a><\/p>\n","protected":false},"author":82,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6418","page","type-page","status-publish","hentry","odd"],"acf":[],"_links":{"self":[{"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/pages\/6418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/users\/82"}],"replies":[{"embeddable":true,"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/comments?post=6418"}],"version-history":[{"count":25,"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/pages\/6418\/revisions"}],"predecessor-version":[{"id":6883,"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/pages\/6418\/revisions\/6883"}],"wp:attachment":[{"href":"https:\/\/engineering.jhu.edu\/ctld\/wp-json\/wp\/v2\/media?parent=6418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}