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">User Interface and Web 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">2023-24</dd>                                </div><div class="d-flex ws-nowrap mr-4">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">27</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">12</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="2" 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">                    CISW 306                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Web Page Creation and Web Accessibility                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>2</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>Maj</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    CISW 327                        <sup>^</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Introduction to Web Development coding HTML and CSS                        </span>                    </div>                </td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>4</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>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><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>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>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1035300089" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><strong>^Corequisite for CISW 327:</strong> CISW 306</p></div>    </div></div><script>   var supfontsize1035300089 = $(\'#footerArea1035300089\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1035300089 = $(\'#footerArea1035300089\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1035300089 = $(\'#footerArea1035300089\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1035300089 = $(\'#footerArea1035300089\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1035300089 = $(\'#footerArea1035300089\').children(\'#ZTCFooter\')   ztc1035300089.children(\'sup\').css("font-size", supfontsize1035300089)   //ztc1035300089.children(\'sup\').css("color", supcolor1035300089)   ztc1035300089.children(\'span\').css("font-size", spanfontsize1035300089)   ztc1035300089.children(\'span\').css("color", spancolor1035300089)</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="4" data-name="CourseSlotCategoryTableCell">        <div style="padding: 5px 10px" class="bold">            <span>ME</span>        </div></td><td class="p-0">    <div style="padding: 5px 10px">                <span class="ws-nowrap">                    DDSN 301                        /                </span>                <span class="ws-nowrap">                    306                        /                </span>                <span class="ws-nowrap">                    311                </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="2" 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 361                        <sup>&#x2B;</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Web 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="2" 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 391                        <sup>&#x2B;</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Design Studio 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="footerArea86017871" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><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><br></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></div>    </div></div><script>   var supfontsize86017871 = $(\'#footerArea86017871\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor86017871 = $(\'#footerArea86017871\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize86017871 = $(\'#footerArea86017871\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor86017871 = $(\'#footerArea86017871\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc86017871 = $(\'#footerArea86017871\').children(\'#ZTCFooter\')   ztc86017871.children(\'sup\').css("font-size", supfontsize86017871)   //ztc86017871.children(\'sup\').css("color", supcolor86017871)   ztc86017871.children(\'span\').css("font-size", spanfontsize86017871)   ztc86017871.children(\'span\').css("color", spancolor86017871)</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="2" 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 362                        <sup>&#x2B;</sup>                </span>    </div></td>                <td class="p-0">                    <div style="padding: 5px 10px">                        <span>                            Web Design II                        </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="2" 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>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1320791141" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><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><span style="font-size: 1.8rem;"><span class="ql-cursor"></span></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></div>    </div></div><script>   var supfontsize1320791141 = $(\'#footerArea1320791141\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1320791141 = $(\'#footerArea1320791141\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1320791141 = $(\'#footerArea1320791141\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1320791141 = $(\'#footerArea1320791141\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1320791141 = $(\'#footerArea1320791141\').children(\'#ZTCFooter\')   ztc1320791141.children(\'sup\').css("font-size", supfontsize1320791141)   //ztc1320791141.children(\'sup\').css("color", supcolor1320791141)   ztc1320791141.children(\'span\').css("font-size", spanfontsize1320791141)   ztc1320791141.children(\'span\').css("color", spancolor1320791141)</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 course with a minimum of 12 units completed at Sacramento City College.</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="color: rgb(17, 85, 204); background-color: rgb(252, 253, 253);">SCC General Counseling</a></p><p><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></p><p><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></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/4809/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);