var scriptNodes = Array.prototype.slice.call(document.querySelectorAll("script[src*='mapmaker.losrios.edu']"));
var scriptNode = scriptNodes[scriptNodes.length - 1];
scriptNode.parentNode.insertBefore($('<div><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/atomics.css?v=4u3dhdth3rgf4gt4s79" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=4u3dhdth3rgf4gt4s79" /><div class="document" role="document">' + '<div class="SCC roadmap">    <div class="bg-scc-primary text-white px-5 py-3 d-flex flex-column flex-row-md align-items-center">        <img src="https://mapmaker.losrios.edu/images/SCC_Logo.png" alt="Sacramento City College logo" class="my-2 my-0-sm roadmap-arc-logo" style="display: block" />            <div data-is-read-only="true">                <h2 class="mb-0 ml-4-sm bold text-center text-left-sm my-2 my-0-sm text-white">Design and Digital Media Certificate                </h2>            </div>            <div class="flex-grow-1"></div>    </div>    <div class="px-5 py-3 mb-4" style="background: rgb(237, 238, 238) !important;">            <div class="row d-flex-print">                <div class="col-sm-8 mb-3 mb-0-sm">                            <p class="mb-0">                                This program map represents one possible path for completing this program.                                <strong style="color: #8a0028">Please see a counselor</strong> to create an educational plan that is customized to meet your needs.                                This path is not a guarantee of course availability or financial aid applicability.                            </p>                </div>                <div class="col-sm-4 d-flex">                    <div class="flex-grow-1-sm"></div>                        <div data-is-read-only="true">                            <dl class="mb-0 d-flex d-block-sm flex-wrap">                                <div class="d-flex ws-nowrap mr-4">                                    <dt>Catalog:</dt>                                    <dd class="ml-2" data-property="Catalog.Name">2025-26</dd>                                </div><div class="d-flex ws-nowrap mr-4">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">30</dd></div>                            </dl>                        </div>                </div>            </div>    </div>    <div class="row align-items-stretch d-flex-md">        <div class="col-md-8 col-xs-12">            <div data-name="YearsList-Container"><div class="YearListItem">    <div class="bg-scc-primary py-2">        <div data-is-read-only="true">            <h3 class="text-center text-white bold mb-0" data-property="Name">First Year</h3>        </div>    </div>    <div class="p-4 border">        <div data-name="SemestersList-Container"><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 1</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">15</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                            <th class="text-white">TITLE</th>                            <th class="text-white">UNIT</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea595601925" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p>*Major Elective - A minimum of 30 units (see list in Semester 4) - Select 15 units this semester</p></div>    </div></div><script>   var supfontsize595601925 = $(\'#footerArea595601925\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor595601925 = $(\'#footerArea595601925\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize595601925 = $(\'#footerArea595601925\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor595601925 = $(\'#footerArea595601925\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc595601925 = $(\'#footerArea595601925\').children(\'#ZTCFooter\')   ztc595601925.children(\'sup\').css("font-size", supfontsize595601925)   //ztc595601925.children(\'sup\').css("color", supcolor595601925)   ztc595601925.children(\'span\').css("font-size", spanfontsize595601925)   ztc595601925.children(\'span\').css("color", spancolor595601925)</script><div class="mb-4">    <div class="d-flex align-items-center mb-2">        <div data-is-read-only="true">            <h4 class="bold mb-0" data-property="Name">Semester 2</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">15</span> Units            </strong>    </div>    <div class="overflow-auto overflow-visible-sm mobile-scrollbar">        <table class="mb-0" data-name="CourseSlotsList-Container" style="height: 1px">            <thead>                <tr>                        <th class="text-white">CAT.</th>                        <th class="text-white">COURSE</th>                            <th class="text-white">TITLE</th>                            <th class="text-white">UNIT</th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="1" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            *Major Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea122632993" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p>*Major Elective - A minimum of 30 units (see list below) - Select 15 units this semester</p><p><br></p><p><strong>A minimum of 30 units from the following:</strong></p><p>ANIM 301 Animation I</p><p>ANIM 302+ Animation II</p><p>ANIM 303+ Animation III</p><p>ANIM 307 Motion Graphics</p><p>ANIM 495 Independent Studies in Animation</p><p>DDSN 301 Graphic Design I</p><p>DDSN 302+ Graphic Design II</p><p>DDSN 303+ Typography</p><p>DDSN 305 History of Graphic Design</p><p>DDSN 306 Human-Centered Design</p><p>DDSN 311 Digital Layout I</p><p>DDSN 312+ Digital Layout II</p><p>DDSN 331 Digital Imaging I</p><p>DDSN 332+ Digital Imaging II</p><p>DDSN 333+ Digital Imaging III</p><p>DDSN 335+ Digital Imaging - Special Techniques</p><p>DDSN 341 Digital Illustration for Graphic Design I</p><p>DDSN 342+ Digital Illustration for Graphic Design II</p><p>DDSN 360 User Interface Design</p><p>DDSN 361+ Web Design I</p><p>DDSN 362+ Web Design II</p><p>DDSN 370 Visual Content for Social Media</p><p>DDSN 390+ Professional Practice &amp; Portfolio</p><p>DDSN 391+ Design Studio I</p><p>DDSN 392+ Design Studio II</p><p>DDSN 393+ Design Studio III</p><p>DDSN 495 Independent Studies in Digital Design</p><p>GAME 301 Video Game Design</p><p>GAME 303+ Video Game Level Design</p><p>GAME 495 Independent Studies in Game Design</p><p>MODL 301 3D Modeling I</p><p>MODL 302+ 3D Modeling II</p><p>MODL 495 Independent Studies in 3D Modeling</p><p><br></p><p><strong style="font-size: 1.8rem;">+Prerequisite for ANIM 302:</strong><span style="font-size: 1.8rem;">&nbsp;ANIM 301 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for ANIM 303:&nbsp;</strong><span style="font-size: 1.8rem;">ANIM 302 or MODL 301 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 302:&nbsp;</strong><span style="font-size: 1.8rem;">DDSN 301 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 303:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 311 or 341 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 312:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 311 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 332:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 331 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 333:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 331 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 335:&nbsp;</strong><span style="font-size: 1.8rem;">DDSN 331 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 342:&nbsp;</strong><span style="font-size: 1.8rem;">DDSN 341 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 361:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 360 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 362:</strong><span style="font-size: 1.8rem;"> </span>CISW 306 and DDSN 361 with grades of "C" or better; or proof of equivalent experience using HTML and CSS</p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 390:&nbsp;</strong>Produce at least five finished works to use in the creation of a portfolio</p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 391: </strong><span style="font-size: 1.8rem;">One course from the following: ANIM 301, DDSN 311, DDSN 331, DDSN 341, DDSN 360, DDSN 361, MODL 301 with a grade of “C” or better, or equivalent</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 392:&nbsp;</strong><span style="font-size: 1.8rem;">DDSN 391 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 393:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 392 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for GAME 303:&nbsp;</strong><span style="font-size: 1.8rem;">GAME 301 and MODL 302 with grades of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for MODL 302:&nbsp;</strong><span style="font-size: 1.8rem;">MODL 301 with a grade of "C" or better</span></p></div>    </div></div><script>   var supfontsize122632993 = $(\'#footerArea122632993\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor122632993 = $(\'#footerArea122632993\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize122632993 = $(\'#footerArea122632993\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor122632993 = $(\'#footerArea122632993\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc122632993 = $(\'#footerArea122632993\').children(\'#ZTCFooter\')   ztc122632993.children(\'sup\').css("font-size", supfontsize122632993)   //ztc122632993.children(\'sup\').css("color", supcolor122632993)   ztc122632993.children(\'span\').css("font-size", spanfontsize122632993)   ztc122632993.children(\'span\').css("color", spancolor122632993)</script>        </div>    </div></div>            </div>        </div>        <div class="col-md-4 col-xs-12 aside-content-container">            <div data-name="SidenotesList-Container" style="font-size: 11pt">    <h4 class="bold">Legend</h4>    <ul>            <li class="mb-0">                <strong>(H)</strong> - Honors            </li>            <li class="mb-0">                <strong>Elec</strong> - Elective            </li>            <li class="mb-0">                <strong>GE</strong> - General Education            </li>            <li class="mb-0">                <strong>Maj</strong> - Required Core            </li>            <li class="mb-0">                <strong>ME</strong> - Major Elective            </li>    </ul><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Disclaimer</h4>            <div data-property="BodyCopy"><p>Every effort has been made to ensure that what is listed in the SCC Program Paths are accurate.&nbsp;The courses, the course sequencing, and the programs are subject to change without notice by the administration of the Los Rios Community College District and Sacramento City College at the discretion of the district and Sacramento City College. Further, Sacramento City College reserves the right to amend any course or program.</p><p><strong>PLEASE SEE AN SCC COUNSELOR.</strong></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Certificate of Achievement Requirements</h4>            <div data-property="BodyCopy"><p>Certificates of Achievement require a grade of "C" or better in each major course.</p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Important Links</h4>            <div data-property="BodyCopy"><ul><li><a href="https://scc.losrios.edu/student-resources/counseling" target="_blank" style="color: rgb(17, 85, 204); background-color: rgb(252, 253, 253);">SCC General Counseling</a></li><li><a href="https://scc.losrios.edu/academics/programs-and-majors/design-and-digital-media" target="_blank" style="color: rgb(17, 85, 204); background-color: rgb(252, 253, 253);">Design &amp; Digital Media</a></li><li><a href="https://scc.losrios.edu/academics/meta-majors/arts-and-communication" target="_blank" style="color: rgb(17, 85, 204); background-color: rgb(252, 253, 253);">Arts &amp; Communication Meta Majors</a></li></ul></div>        </div></div>            </div>        </div>    </div>        <div class="row d-flex-print mt-4">            <div class="col-sm-12 col-md-12 roadmap-footer">            </div>        </div>    <div>                <p class="mb-0 mt-3">Published July 23, 2025</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6876/PublishedPdf" class="button-lg" style="display: table; margin: 5rem auto;" target="_blank">Download PDF<span class="caret"><i class="fa fa-download" aria-hidden="true"></i></span></a></div>').get()[0], scriptNode.nextSibling);