var scriptNodes = Array.prototype.slice.call(document.querySelectorAll("script"));
var scriptNode = scriptNodes[scriptNodes.length - 1];
scriptNode.parentNode.insertBefore($('<div><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/atomics.css?v=2u3mdwda679" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=2u3mdwda679" /><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 A.S. Degree                </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">2023-24</dd>                                </div><div class="d-flex ws-nowrap mr-4">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">60-61</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-16</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>                                    <th class="text-white" style="white-space: normal" data-name="AaAsGeneralEducationAreaColumnHeader">                                        <div class="d-flex flex-column">                                            <span class="text-white">AA/AS </span>                                            <span class="ws-nowrap text-white">GE</span>                                        </div>                                    </th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    INDIS 313                        <sup>**</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Freshman Seminar                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>IIIB</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="4" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    ENGWR 300                        <sup>***</sup>                        /                </span>                <span class="ws-nowrap">                    488                        <sup>H</sup>                        /                </span>                <span class="ws-nowrap">                    ESLW 340                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            College Composition                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3-4</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>IIA</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Humanities                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>I</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea680248788" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong style="font-size: 1.8rem;"><em>*See Lists in Semester 4.</em></strong></p><p><br></p><p><strong style="background-color: rgb(252, 253, 253);">**INDIS 313 - Freshman Seminar is specifically designed for First Time in College students. If you\'re not a First Time in College student, please select a GE course from SCC General Education Area IIIb, such as HCD 310-College Success.</strong></p><p><br></p><p>***If you don\'t place directly in ENGWR 300 (check your e-Services account), you will need to take ENGWR 80/ENGWR 300 combo course.</p></div>    </div></div><script>   var supfontsize680248788 = $(\'#footerArea680248788\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor680248788 = $(\'#footerArea680248788\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize680248788 = $(\'#footerArea680248788\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor680248788 = $(\'#footerArea680248788\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc680248788 = $(\'#footerArea680248788\').children(\'#ZTCFooter\')   ztc680248788.children(\'sup\').css("font-size", supfontsize680248788)   //ztc680248788.children(\'sup\').css("color", supcolor680248788)   ztc680248788.children(\'span\').css("font-size", spanfontsize680248788)   ztc680248788.children(\'span\').css("color", spancolor680248788)</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>                                    <th class="text-white" style="white-space: normal" data-name="AaAsGeneralEducationAreaColumnHeader">                                        <div class="d-flex flex-column">                                            <span class="text-white">AA/AS </span>                                            <span class="ws-nowrap text-white">GE</span>                                        </div>                                    </th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    MATH 300                        <sup>**</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Mathematical Ideas                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>IIB</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Social &amp; Behavioral Sciences                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>VB</span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1705245973" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong style="font-size: 1.8rem;"><em>*See List in Semester 4.</em></strong></p><p><br></p><p><em><span class="ql-cursor"></span></em>**If you don\'t place directly in MATH 300 (check your e-Services account), you will need to take MATHS 95/MATH 300 combo course.</p></div>    </div></div><script>   var supfontsize1705245973 = $(\'#footerArea1705245973\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1705245973 = $(\'#footerArea1705245973\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1705245973 = $(\'#footerArea1705245973\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1705245973 = $(\'#footerArea1705245973\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1705245973 = $(\'#footerArea1705245973\').children(\'#ZTCFooter\')   ztc1705245973.children(\'sup\').css("font-size", supfontsize1705245973)   //ztc1705245973.children(\'sup\').css("color", supcolor1705245973)   ztc1705245973.children(\'span\').css("font-size", spanfontsize1705245973)   ztc1705245973.children(\'span\').css("color", spancolor1705245973)</script>        </div>    </div></div><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">Second 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 3</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">16</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>                                    <th class="text-white" style="white-space: normal" data-name="AaAsGeneralEducationAreaColumnHeader">                                        <div class="d-flex flex-column">                                            <span class="text-white">AA/AS </span>                                            <span class="ws-nowrap text-white">GE</span>                                        </div>                                    </th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            American Institutions                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>VA</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Natural Sciences                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>IV</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Physical Education                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>1</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>IIIA</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            ** Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1768843434" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong style="font-size: 1.8rem;"><em>*See List in Semester 4.</em></strong></p><p><br></p><p><span style="font-size: 1.8rem;">**</span>Electives may include any courses<span style="color: rgb(55, 64, 73);">&nbsp;numbered 100-499.</span></p></div>    </div></div><script>   var supfontsize1768843434 = $(\'#footerArea1768843434\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1768843434 = $(\'#footerArea1768843434\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1768843434 = $(\'#footerArea1768843434\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1768843434 = $(\'#footerArea1768843434\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1768843434 = $(\'#footerArea1768843434\').children(\'#ZTCFooter\')   ztc1768843434.children(\'sup\').css("font-size", supfontsize1768843434)   //ztc1768843434.children(\'sup\').css("color", supcolor1768843434)   ztc1768843434.children(\'span\').css("font-size", spanfontsize1768843434)   ztc1768843434.children(\'span\').css("color", spancolor1768843434)</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 4</h4>        </div>        <div class="flex-grow-1"></div>            <strong>                <span data-name="Units-Container">14</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>                                    <th class="text-white" style="white-space: normal" data-name="AaAsGeneralEducationAreaColumnHeader">                                        <div class="d-flex flex-column">                                            <span class="text-white">AA/AS </span>                                            <span class="ws-nowrap text-white">GE</span>                                        </div>                                    </th>                </tr>            </thead><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" 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 (List A)                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>GE</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Ethnic/Multicultural Studies                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>3</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span>VI</span>        </div></td>            </tr></tbody><tbody data-name="CoursesList-Container">            <tr><td class="p-0 h-100" style="" rowspan="2" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>Elec</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            **Elective                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</span>                    </div>                </td><td class="p-0 h-100" rowspan="2" data-name="AaAsGeneralEducationAreaTableCell">        <div class="d-flex" style="padding: 5px 10px">            <span></span>        </div></td>            </tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea169679624" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong style="font-size: 1.8rem;"><em>*See List in below.</em></strong></p><p><br></p><p><span style="font-size: 1.8rem;">**</span>Electives may include any courses<span style="color: rgb(55, 64, 73);">&nbsp;numbered 100-499.</span></p><p><br></p><p><strong>List A: 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 321+   Print &amp; Media Publication Design I</p><p>DDSN 322+   Print &amp; Media Publication Design II</p><p>DDSN 323+   Print &amp; Media Publication Design III</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;Completion of ANIM 301 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for ANIM 303:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of 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:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of 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;Completion of 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;Completion of DDSN 311 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 321:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of DDSN 311 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 322:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of DDSN 321 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 323:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of DDSN 322 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;Completion of 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;Completion of DDSN 331 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 335:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of DDSN 331 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 342:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of 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;Completion of 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;">&nbsp;Completion of DDSN 361 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 390:</strong><span style="font-size: 1.8rem;">&nbsp;</span>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;">&nbsp;Completion of one course from the following with a grade of "C" or better: ANIM 301, DDSN 311, 331, 341, 360, 361 or MODL 301</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 392:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of DDSN 391 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 393:&nbsp;</strong><span style="font-size: 1.8rem;">Completion of DDSN 392 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for GAME 303:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of GAME 301 </span>with a grade of "C" or better<span style="font-size: 1.8rem;">; MODL 302 </span>with a grade of "C" or better,<span style="font-size: 1.8rem;"> or equivalent </span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for MODL 302:</strong><span style="font-size: 1.8rem;">&nbsp;Completion of MODL 301 with a grade of "C" or better</span></p></div>    </div></div><script>   var supfontsize169679624 = $(\'#footerArea169679624\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor169679624 = $(\'#footerArea169679624\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize169679624 = $(\'#footerArea169679624\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor169679624 = $(\'#footerArea169679624\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc169679624 = $(\'#footerArea169679624\').children(\'#ZTCFooter\')   ztc169679624.children(\'sup\').css("font-size", supfontsize169679624)   //ztc169679624.children(\'sup\').css("color", supcolor169679624)   ztc169679624.children(\'span\').css("font-size", spanfontsize169679624)   ztc169679624.children(\'span\').css("color", spancolor169679624)</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">AA/AS Requirements</h4>            <div data-property="BodyCopy"><p><strong style="background-color: transparent; color: rgb(0, 0, 0);">Associate Degrees require the following:</strong></p><ol><li><strong style="background-color: transparent;">Completion of a minimum of 60 degree-applicable units with an overall grade point average (GPA) of 2.0 ("C" average). A minimum of 12 units must be completed at Sacramento City College.</strong></li><li><strong style="background-color: transparent;">Completion of each required course with a grade of "C" or better for a major offered at Sacramento City College.&nbsp;</strong></li><li><strong style="background-color: transparent;">Completion of</strong><a href="https://scc.losrios.edu/catalog/graduation-and-transfer/associate-degree-graduation-requirements" target="_blank" style="background-color: transparent; color: rgb(17, 85, 204);"><strong> Sacramento City College\'s general education requirements</strong></a><strong style="background-color: transparent;"> – Area I; Area II(a) and II(b); Area III(a) and III(b), or Area III(c); Area IV; Area V; and Area VI – with an overall 2.0 GPA.</strong></li><li><strong style="background-color: transparent;">Completion of all three competency requirements (reading, writing, and mathematics).</strong></li></ol><p><strong style="background-color: transparent; color: rgb(0, 0, 0);">Students with Advanced Placement (AP) and International Baccalaureate Credit (IB) test scores should notify their Counselor to learn more about how test scores may be used for credit.</strong></p><p><strong style="background-color: transparent;"><em>Exception: Students who possess a bachelor\'s (BA/BS) or higher degree from a college or university accredited through a regional accrediting agency recognized by the Council for Higher Education Accreditation (CHEA) are deemed to have satisfied both the general education and graduation competency requirements for an AA/AS degree. Degrees from accredited institutions outside of the US will be evaluated on a case-by-case basis.</em></strong></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Placement Information</h4>            <div data-property="BodyCopy"><p><span style="background-color: transparent; color: rgb(0, 0, 0);">Support courses required for English and Math per placement.&nbsp; </span><strong style="background-color: transparent; color: rgb(0, 0, 0);">C<em>heck your e-Services account under “Academic Records”&nbsp; to determine your placements</em></strong><em style="background-color: transparent; color: rgb(0, 0, 0);">.</em></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"><p><a href="https://scc.losrios.edu/student-resources/counseling" target="_blank" style="background-color: rgb(252, 253, 253); color: rgb(17, 85, 204);">SCC General Counseling</a></p><p><a href="https://scc.losrios.edu/academics/programs-and-majors/design-and-digital-media" target="_blank" style="background-color: rgb(252, 253, 253); color: rgb(17, 85, 204);">Design &amp; Digital Media</a></p><p><a href="https://scc.losrios.edu/academics/meta-majors/arts-and-communication" target="_blank" style="background-color: rgb(252, 253, 253); color: rgb(17, 85, 204);"><span class="ql-cursor"></span>Arts &amp; Communication Meta Majors</a></p></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 March 06, 2024</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/4618/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);