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">Graphic Design 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">24</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">9</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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 301                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Graphic Design I                        </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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 311                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Digital Layout I                        </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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 331                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Digital Imaging I                        </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="footerArea1205240833" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"></div>    </div></div><script>   var supfontsize1205240833 = $(\'#footerArea1205240833\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1205240833 = $(\'#footerArea1205240833\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1205240833 = $(\'#footerArea1205240833\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1205240833 = $(\'#footerArea1205240833\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1205240833 = $(\'#footerArea1205240833\').children(\'#ZTCFooter\')   ztc1205240833.children(\'sup\').css("font-size", supfontsize1205240833)   //ztc1205240833.children(\'sup\').css("color", supcolor1205240833)   ztc1205240833.children(\'span\').css("font-size", spanfontsize1205240833)   ztc1205240833.children(\'span\').css("color", spancolor1205240833)</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">9</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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 341                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Digital Illustration for Graphic Design I                        </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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 360                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            User Interface Design                        </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="footerArea598053129" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p>*Major Elective. A minimum of 6 units from the following (select 3 units this semester): ANIM 307, DDSN 302+, DDSN 303+, DDSN 305, DDSN 306, DDSN 312+, DDSN 332+, DDSN 333+, DDSN 342+, DDSN 391+, DDSN 392+, DDSN 393+</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, or placement through the assessment process.; or equivalent</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:&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 333:&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:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 341 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 391:&nbsp;</strong>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</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></div>    </div></div><script>   var supfontsize598053129 = $(\'#footerArea598053129\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor598053129 = $(\'#footerArea598053129\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize598053129 = $(\'#footerArea598053129\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor598053129 = $(\'#footerArea598053129\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc598053129 = $(\'#footerArea598053129\').children(\'#ZTCFooter\')   ztc598053129.children(\'sup\').css("font-size", supfontsize598053129)   //ztc598053129.children(\'sup\').css("color", supcolor598053129)   ztc598053129.children(\'span\').css("font-size", spanfontsize598053129)   ztc598053129.children(\'span\').css("color", spancolor598053129)</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">6</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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                    <span class="ws-nowrap">                        DDSN 390                            <sup>&#x2B;</sup>                    </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Professional Practice and Portfolio                        </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="footerArea95944675" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong>+Prerequisite for DDSN 390:&nbsp;</strong>Produce at least five finished works to use in the creation of a portfolio</p><p><br></p><p>*Major Elective. A minimum of 6 units from the following (select 3 units this semester not already completed in a previous semester): ANIM 307, DDSN 302+, DDSN 303+, DDSN 305, DDSN 306, DDSN 312+, DDSN 332+, DDSN 333+, DDSN 342+, DDSN 391+, DDSN 392+, DDSN 393+</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, or placement through the assessment process.; or equivalent</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 312:&nbsp;</strong><span style="font-size: 1.8rem;">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:&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:</strong><span style="font-size: 1.8rem;">&nbsp;DDSN 341 with a grade of "C" or better</span></p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 391:</strong><span style="font-size: 1.8rem;">&nbsp;</span>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</p><p><strong style="font-size: 1.8rem;">+Prerequisite for DDSN 392:</strong><span style="font-size: 1.8rem;">&nbsp;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></div>    </div></div><script>   var supfontsize95944675 = $(\'#footerArea95944675\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor95944675 = $(\'#footerArea95944675\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize95944675 = $(\'#footerArea95944675\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor95944675 = $(\'#footerArea95944675\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc95944675 = $(\'#footerArea95944675\').children(\'#ZTCFooter\')   ztc95944675.children(\'sup\').css("font-size", supfontsize95944675)   //ztc95944675.children(\'sup\').css("color", supcolor95944675)   ztc95944675.children(\'span\').css("font-size", spanfontsize95944675)   ztc95944675.children(\'span\').css("color", spancolor95944675)</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 August 09, 2025</p>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6933/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);