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=4u3dhdth3rgfdfgdg4gt4s79" /><link rel="stylesheet" href="https://mapmaker.losrios.edu/css/site.css?v=4u3dhdth3rgfdfgdg4gt4s79" /><div class="document" role="document">' + '<div class="CRC roadmap">    <div class="bg-crc-primary text-white px-5 py-3 d-flex flex-column flex-row-md align-items-center">        <img src="https://mapmaker.losrios.edu/images/CRC_Logo.png" alt="Cosumnes River 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">CIS - Web Publishing Certificate                </h2>            </div>            <div class="flex-grow-1"></div>    </div>    <div class="px-5 py-3 mb-4" style="background: #edf2f7 !important;">                    <div class="roadmap-overview">                        <p>This certificate is designed to give students the benefits of hands-on training in Web Page Design and Publication, Internet usage, and proficiency with web-related media applications.&nbsp;&nbsp;</p>                    </div><div class="d-flex ws-nowrap justify-content-flex-end">    <dt>Total Units:</dt>    <dd class="ml-2" data-name="Units-Container">15</dd></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-crc-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">7</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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;300				</span>					<br />				<span class="">					Web Publishing				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory:  CISC 305</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O,P), S(O,P), Su(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISC&nbsp;323				</span>					<br />				<span class="">					Linux Operating System				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), S(O)</span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISC&nbsp;308				</span>					<br />				<span class="">					Exploring Computer Environments and the Internet				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ART&nbsp;301				</span>					<br />				<span class="">					Digital Drawing and Composition				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S, Su</span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					ARTNM&nbsp;324				</span>					<br />				<span class="">					Digital Design				</span>					<strong class="bold">or</strong>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory:  ART 300, 320, CISC 302/JOUR 330</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S</span>        </div></td></tr><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					PHOTO&nbsp;400				</span>					<br />				<span class="">					Digital Imaging				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2"></span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F, S</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea492233791" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p></p></div>    </div></div><script>   var supfontsize492233791 = $(\'#footerArea492233791\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor492233791 = $(\'#footerArea492233791\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize492233791 = $(\'#footerArea492233791\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor492233791 = $(\'#footerArea492233791\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc492233791 = $(\'#footerArea492233791\').children(\'#ZTCFooter\')   ztc492233791.children(\'sup\').css("font-size", supfontsize492233791)   //ztc492233791.children(\'sup\').css("color", supcolor492233791)   ztc492233791.children(\'span\').css("font-size", spanfontsize492233791)   ztc492233791.children(\'span\').css("color", spancolor492233791)</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">8</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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					BUS&nbsp;100				</span>					<br />				<span class="">					English for the Professional				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">ENGRD 110 &amp; ENGWR 51 or ESLR 320 &amp; ESLW 320; Advisory: BUSTEC 302 &amp; 303</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;350				</span>					<br />				<span class="">					Imaging for the Web				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory:  CISC 306 &amp; SICW 300</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					1 units from List A				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>4</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See List A</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">See List A</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea668106218" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p><span style="font-size: 1.4rem;"><span class="ql-cursor"></span>^You must have passed the prerequisite course(s) with a “C” or better; Corequisite must be taken during the same semester; Advisory means it is recommended but not required to enroll in the course.</span></p><p><span style="font-size: 1.4rem;">*(O) = Online available, (P) = Partially online</span></p><p></p></div>    </div></div><script>   var supfontsize668106218 = $(\'#footerArea668106218\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor668106218 = $(\'#footerArea668106218\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize668106218 = $(\'#footerArea668106218\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor668106218 = $(\'#footerArea668106218\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc668106218 = $(\'#footerArea668106218\').children(\'#ZTCFooter\')   ztc668106218.children(\'sup\').css("font-size", supfontsize668106218)   //ztc668106218.children(\'sup\').css("color", supcolor668106218)   ztc668106218.children(\'span\').css("font-size", spanfontsize668106218)   ztc668106218.children(\'span\').css("color", spancolor668106218)</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">List A-a minimum of 4 units from the following:</h4>        </div>        <div class="flex-grow-1"></div>    </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 text-center">Course</th>                        <th class="text-white text-center">Units</th>                        <th class="text-white text-center">Pre-Reqs^</th>                        <th class="text-white text-center" style="white-space: normal">Semesters Offered*</th>                </tr>            </thead><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISA&nbsp;340				</span>					<br />				<span class="">					Presentation Graphics				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory: CISC 302 or 310</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(P), S(P)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISC&nbsp;306				</span>					<br />				<span class="">					Introduction to Web Page Creation				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>1</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISC 305</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(P), S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;304				</span>					<br />				<span class="">					Cascading Style Sheets				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), Su(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;308				</span>					<br />				<span class="">					Mobile Web Development				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300; Advisory:  CISW 304</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), Su(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;308				</span>					<br />				<span class="">					Mobile Web Development				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300; Advisory CISW 304</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), Su(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;310				</span>					<br />				<span class="">					Advanced Web Publishing				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>4</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Check Class Schedule for offering</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;321				</span>					<br />				<span class="">					Web Site Development using Dreamweaver				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>3</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">Advisory: CISC 305</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S(O,P)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;355				</span>					<br />				<span class="">					Web Imaging Projects				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>2</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 350</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;400				</span>					<br />				<span class="">					Client-side Web Scripting				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>4</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">F(O), S(O)</span>        </div></td></tr></tbody><tbody data-name="CoursesList-Container"><tr><td class="p-0" style="">		<div style="padding: 5px 10px">				<span class="bold">					CISW&nbsp;410				</span>					<br />				<span class="">					Database-Driven Web Applications				</span>		</div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span>4</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">CISW 300; Advisory: CISP 300 or CISW 310</span>        </div></td><td class="p-0" style="width: 1px">        <div style="padding: 5px 10px">            <span class="mr-2">S(O,P)</span>        </div></td></tr></tbody>        </table>    </div>    <div data-name="FootnoteEditor-Container"></div>    <div id="footerArea1863536331" data-is-read-only="true">        <div id="SLIFooter" data-property="Footnote"><p></p></div>    </div></div><script>   var supfontsize1863536331 = $(\'#footerArea1863536331\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("font-size")   var supcolor1863536331 = $(\'#footerArea1863536331\').children(\'#SLIFooter\').children(\'p\').children(\'sup\').css("color")   var spanfontsize1863536331 = $(\'#footerArea1863536331\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("font-size")   var spancolor1863536331 = $(\'#footerArea1863536331\').children(\'#SLIFooter\').children(\'p\').children(\'span\').css("color")      var ztc1863536331 = $(\'#footerArea1863536331\').children(\'#ZTCFooter\')   ztc1863536331.children(\'sup\').css("font-size", supfontsize1863536331)   //ztc1863536331.children(\'sup\').css("color", supcolor1863536331)   ztc1863536331.children(\'span\').css("font-size", spanfontsize1863536331)   ztc1863536331.children(\'span\').css("color", spancolor1863536331)</script>        </div>    </div></div>            </div>        </div>        <div class="col-md-4 col-xs-12 aside-content-container">            <div data-name="SidenotesList-Container" style=""><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Career Options/Outlook:</h4>            <div data-property="BodyCopy"><p><span style="color: black; font-size: 1.6rem;">Web </span><span style="background-color: white; color: black; font-size: 1.6rem;">developers design, create, and modify web sites. Analyze user needs to implement Web site content, graphics, performance, and capacity. May integrate Web sites with other computer applications. May convert written, graphic, audio, and video components to compatible Web formats by using software designed to facilitate the creation of Web and multimedia content.&nbsp;&nbsp;</span><strong style="color: rgb(0, 0, 0); font-size: 1.6rem;">Career opportunities require more than two years of college study.</strong></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">A sample of reported job titles:</h4>            <div data-property="BodyCopy"><p><span style="background-color: white; font-size: 1.6rem;">Designer, Technology Applications Engineer, Web Architect, Web Design Specialist, Web Designer, Web Developer, Web Development Director, Web Development Instructor, Webmaster</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Projected job openings in California (2020-2030): </h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">3,070</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Projected growth in California (2020-2030):</h4>            <div data-property="BodyCopy"><p><span style="color: black; font-size: 1.6rem;">25% growth</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Median Salary in California with advanced degree (2021):</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">$84,860/yr</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Source:</h4>            <div data-property="BodyCopy"><p><a href="https://www.onetonline.org/link/summary/15-1134.00" target="_blank" style="color: purple; font-size: 1.6rem;">https://www.onetonline.org/link/summary/15-1134.00</a></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">Transfer notes:</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">Please meet with a counselor for specific transfer course evaluation or transferring to a specific 4-year institution.</span></p></div>        </div></div><div class="mb-4">        <div data-is-read-only="true">            <h4 class="bold" data-property="Header">About this map:</h4>            <div data-property="BodyCopy"><p><span style="font-size: 1.6rem;">This program map represents one possible pathway to complete the program. Please see a counselor to create an education plan that is customized to meet your needs. This map is not a guarantee of course availability or financial aid applicability.</span></p></div>        </div></div>                    <div class="mb-4">                        <div>                            <h4 class="bold" data-property="Header">                                Zero Textbook Costs (ZTC):                            </h4>                            <p>                                <span style="font-size: 1.6rem">                                    The Zero Textbook Costs designation and logo are added to any course that provides free access to all required instructional materials. These are typically shared with students through Canvas. Courses that are designated as ZTC may still require students to purchase supplemental materials such as lab coats, a calculator, art supplies, etc.                                     See full definitions and searching tips on the                                         <a style="word-break: break-word" href="https://crc.losrios.edu/admissions/enroll-in-classes/zero-textbook-costs">Zero Textbook Costs page</a>                                     of the college website.                                </span>                            </p>                        </div>                    </div>            </div>        </div>    </div>        <div class="row d-flex-print mt-4">                <div class="col-sm-12 col-md-3">                    <p class="mb-0">Catalog Year: 2025-2026</p>                        <p class="mb-0">Published September 24, 2025</p>                </div>            <div class="col-sm-12 col-md-9 roadmap-footer"><p><span style="color: rgb(0, 32, 96);">Counselor Contact: Chris Torres&nbsp;or Ea Edwards      |      Faculty Contact: Wendell Fishman</span></p>            </div>        </div>    <div>    </div></div>' + '</div><a href="https://mapmaker.losrios.edu/Maps/6347/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);