/ en /courses/fall-2025/publication-design-73913 <span class="field field--name-title field--type-string field--label-hidden">Publication Design</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>This course offers students an opportunity for continued study of Adobe InDesign with an emphasis on advanced software features and publication design. Class assignments focus on grid-based layout, typographic hierarchy, typesetting, and multi-page documents.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">153</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73913</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">2</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 9:10am - 10:30am </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-09-02T12:00:00Z" class="datetime">09/02/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-10-26T12:00:00Z" class="datetime">10/26/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">143</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 10:40am - 12:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-09-02T12:00:00Z" class="datetime">09/02/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-10-26T12:00:00Z" class="datetime">10/26/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">143</div> </div> <div class="course-schedule-code schedule-codes code-B">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">001</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/timothy-harrington" hreflang="en">Timothy Harrington</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">0</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73913">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871431" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>PREREQ: VMD 120 and VMD 130</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>VMD 153 is an in-person class. Students will also complete coursework in Canvas, which must be accessed using an internet-enabled device. Prerequisites: VMD 105, 152. Suggested co-requisite: VMD 131</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">N</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-09T12:00:00Z" class="datetime">Tue, 09/09/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-09-04T12:00:00Z" class="datetime">Thu, 09/04/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-09T12:00:00Z" class="datetime">Tue, 09/09/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-10-09T12:00:00Z" class="datetime">Thu, 10/09/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-10-09T12:00:00Z" class="datetime">Thu, 10/09/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-09T12:00:00Z" class="datetime">Tue, 09/09/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106991 at /courses/fall-2025/digital-skill-visual-media-73912 <span class="field field--name-title field--type-string field--label-hidden">Digital Skill for Visual Media</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>A foundational hands-on Mac computer class for all Visual Media Design students. Topics of instruction will include computer hardware and OS software, networks, type and text formatting, raster and vector graphics, time-based media, layout for print and web, and best practices. Topics will be covered through lecture and practical exercises.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">105</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73912</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week border"> <div class="day-wrapper">Online</div> </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-09-02T12:00:00Z" class="datetime">09/02/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-schedule-code schedule-codes code-O">Online</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/52221" hreflang="en">Online</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">933</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">1</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/david-stevenson" hreflang="en">David Stevenson</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73912">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73…</a></div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This class requires the use of Canvas with no required in-person meetings. Students will complete coursework in Canvas, which must be accessed using an internet-enabled device. This class is part of <a href="https://ccsf.edu/cityonline">CityOnline</a> and is 16 weeks. For student support and other services, students can check <a href="https://ccsf.instructure.com/courses/39802/pages/welcome">Welcome to CityOnline</a>. Students must also have access to the Adobe Creative Suite and a computer to complete coursework.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">O</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-15T12:00:00Z" class="datetime">Mon, 09/15/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106986 at /courses/fall-2025/internshipwork-exp-2-73473 <span class="field field--name-title field--type-string field--label-hidden">Internship/Work Exp. 2</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Application of visual media design skills and development of proficiency in a supervised work environment. One unit of credit is earned for each 60 hours of unpaid work or 75 hours of paid work.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">194B</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73473</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">2</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week border"> <div class="day-wrapper">TBA</div> </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-16T12:00:00Z" class="datetime">08/16/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-schedule-code schedule-codes code-D">Work Experience</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">002</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/patricia-chytrowski" hreflang="en">Patricia Chytrowski</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-diversity-areas field--type-entity-reference-revisions field--label-above"> <div class="field__label">Diversity areas</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-diversity-area paragraph--view-mode--default"> <div class="field field--name-field-diversity field--type-entity-reference field--label-above"> <div class="field__label">Diversity</div> <div class="field__item"><a href="/taxonomy/term/5875436" hreflang="en"> Work Experience</a></div> </div> <div class="field field--name-field-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">1</div> </div> <div class="field field--name-field-code field--type-string field--label-above"> <div class="field__label">Code</div> <div class="field__item">WRKX</div> </div> </div> </div> </div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73473">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5873331" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>PREREQ: VMD 120 and VMD 130 and VMD 140 and VMD 150 and VMD 152 and VMD 154</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>VMD 194B is a work-experience course requiring application of visual media design skills and development of proficiency in a supervised work environment. One unit of credit is earned for each 60 hours of unpaid or 75 hours of paid work. Prospective students should have at least two semesters of VMD coursework completed. No regular class meetings, but students are required to meet via Zoom in the first week of class for an orientation.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106981 at /courses/fall-2025/web-production-i-73317 <span class="field field--name-title field--type-string field--label-hidden">Web Production I</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>This course will provide students with an overview of web site planning, development and production through a hands-on approach. Topics include web pre-production, design and production techniques. Assignments will focus on pre-production planning and production of web sites.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">140</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73317</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 1:10pm - 2:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">105</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 2:10pm - 4:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">105</div> </div> <div class="course-schedule-code schedule-codes code-B">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">001</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/diane-presler" hreflang="en">Diane Presler</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73317">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871411" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>PREREQ: VMD 105</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>VMD 140-01 is an in-person course. Students need Adobe Creative Cloud software and a computer to complete coursework. Students will also complete coursework in Canvas, which must be accessed using an internet-enabled device. Prerequisite: VMD 105 Digital Skill for Visual Media.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">N</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106976 at /courses/fall-2025/typography-i-73244 <span class="field field--name-title field--type-string field--label-hidden">Typography I</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Introduction to typography as key element of visual communication. Exploration of the fundamental aspects of typographic form and use. Students will develop the ability to see, select and use type in meaningful ways through exercises and assignments.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">130</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73244</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 1:10pm - 2:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building zoom"> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">CityZoom</div> </div> <div class="course-schedule-code schedule-codes code-B">Lab</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 2:10pm - 5:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building zoom"> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">CityZoom</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/52221" hreflang="en">Online</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">881</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">1</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/monique-comacchio" hreflang="en">Monique Comacchio</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73244">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871406" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>PREREQ.: (VMD 101 or ART 125A) and VMD 105 COREQ: VMD 152</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This class requires live online meetings with no required in-person meetings. Live online meetings require the use of CityZoom, Zoom’s web conferencing platform in Canvas, using an internet enabled device. This class is part of <a href="https://ccsf.edu/cityonline">CityOnline</a> and is 17.5 weeks. For student support and other services, students can check <a href="https://ccsf.instructure.com/courses/39802/pages/welcome">Welcome to CityOnline</a>. Prerequisites: VMD 101 Design Fundamentals (or ART 125A, or PHOT 100) and VMD 105 Digital Skill for Visual Media. Corequisite: VMD 152 InDesign 1.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">O</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106971 at /courses/fall-2025/color-design-73243 <span class="field field--name-title field--type-string field--label-hidden">Color in Design</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>An exploration and application of the historical, cultural symbolic personal and professional uses of color through individual and collaborative projects. Topics include the properties and theory of color; creating color relationships and harmonies; and optical, psychological and spatial uses of color in various media and design disciplines.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">118</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73243</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 9:10am - 10:00am </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building zoom"> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">CityZoom</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 10:10am - 12:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building zoom"> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">CityZoom</div> </div> <div class="course-schedule-code schedule-codes code-B">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/52221" hreflang="en">Online</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">881</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">1</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/tim-jonas" hreflang="en">Tim Jonas</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73243">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871461" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>Recommended Preparation, completion of or concurrent enrollment in: (DSGN 101 or VMD 101 or PHOT 100) and VMD 105</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This class requires live online meetings with no required in-person meetings. Live online meetings require the use of CityZoom, Zoom’s web conferencing platform in Canvas, using an internet enabled device. This class is part of <a href="https://ccsf.edu/cityonline">CityOnline</a> and is 17.5 weeks. For student support and other services, students can check <a href="https://ccsf.instructure.com/courses/39802/pages/welcome">Welcome to CityOnline</a>.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">O</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106966 at /courses/fall-2025/design-fundamentals-73209 <span class="field field--name-title field--type-string field--label-hidden">Design Fundamentals</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Foundational design course, covering the theories, processes, vocabulary, and techniques common to visual design disciplines. Students will develop and apply their knowledge through analysis, critique and individual and collaborative exercises and projects.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">101</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">73209</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 6:10pm - 7:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Creative Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">103</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 7:10pm - 9:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Creative Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">103</div> </div> <div class="course-schedule-code schedule-codes code-AA">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">501</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/bob-mcateer" hreflang="en">Bob McAteer</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-diversity-areas field--type-entity-reference-revisions field--label-above"> <div class="field__label">Diversity areas</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-diversity-area paragraph--view-mode--default"> <div class="field field--name-field-diversity field--type-entity-reference field--label-above"> <div class="field__label">Diversity</div> <div class="field__item"><a href="/taxonomy/term/5875266" hreflang="en">CCSF 3: Arts and Humanities</a></div> </div> <div class="field field--name-field-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">1</div> </div> <div class="field field--name-field-code field--type-string field--label-above"> <div class="field__label">Code</div> <div class="field__item">SF3</div> </div> </div> </div> </div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73209">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=73…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871466" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>Recommended Preparation, Readiness for college-level English or ESL 188</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This is an in-person class. It satisfies requirements for the following programs: Journalism Major (AA) Arts and Humanities Emphasis (AA) Associate in Arts in Arts and Humanities Graphic Design Major (AA) Photography Major (AS) Collaborative Design Certificate of Accomplishment Architectural Photography Certificate of Achievement Black and White Darkroom Photography Certificate of Achievement Convergent Media Production Certificate of Achievement Creative Writing Certificate of Accomplishment Digital Art Foundation Certificate of Achievement Digital Photography Certificate of Achievement Photography Studio Practice Certificate of Achievement Portrait Lighting Certificate of Achievement Reportage Photography Certificate of Achievement Studio Lighting Certificate of Achievement Visual Design Foundation Certificate of Achievement</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">N</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106961 at /courses/fall-2025/web-production-i-72959 <span class="field field--name-title field--type-string field--label-hidden">Web Production I</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>This course will provide students with an overview of web site planning, development and production through a hands-on approach. Topics include web pre-production, design and production techniques. Assignments will focus on pre-production planning and production of web sites.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">140</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">72959</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week border"> <div class="day-wrapper">Online</div> </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-09-02T12:00:00Z" class="datetime">09/02/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-schedule-code schedule-codes code-O">Online</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week border"> <div class="day-wrapper">Online</div> </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-09-02T12:00:00Z" class="datetime">09/02/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-schedule-code schedule-codes code-O">Online</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/52221" hreflang="en">Online</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">931</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">1</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/diane-presler" hreflang="en">Diane Presler</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=72959">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=L&amp;crn=72…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871411" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>PREREQ: VMD 105</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This class requires the use of Canvas with no required in-person meetings. Students will complete coursework in Canvas, which must be accessed using an internet enabled device. This class is part of <a href="https://ccsf.edu/cityonline">CityOnline</a> and is 16 weeks. For student support and other services, students can check <a href="https://ccsf.instructure.com/courses/39802/pages/welcome">Welcome to CityOnline</a>. Prerequisite: VMD 105.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">O</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-22T12:00:00Z" class="datetime">Mon, 09/22/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-09-11T12:00:00Z" class="datetime">Thu, 09/11/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-22T12:00:00Z" class="datetime">Mon, 09/22/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-20T12:00:00Z" class="datetime">Thu, 11/20/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-20T12:00:00Z" class="datetime">Thu, 11/20/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-22T12:00:00Z" class="datetime">Mon, 09/22/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106956 at /courses/fall-2025/digital-skill-visual-media-72956 <span class="field field--name-title field--type-string field--label-hidden">Digital Skill for Visual Media</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>A foundational hands-on Mac computer class for all Visual Media Design students. Topics of instruction will include computer hardware and OS software, networks, type and text formatting, raster and vector graphics, time-based media, layout for print and web, and best practices. Topics will be covered through lecture and practical exercises.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">105</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">72956</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 9:10am - 10:00am </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">105</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper active"> <span>M</span> </div> <div class="day-wrapper"> <span>T</span> </div> <div class="day-wrapper active"> <span>W</span> </div> <div class="day-wrapper"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 10:10am - 12:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-18T12:00:00Z" class="datetime">08/18/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Visual Arts Building</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">105</div> </div> <div class="course-schedule-code schedule-codes code-B">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">002</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/timothy-harrington" hreflang="en">Timothy Harrington</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=72956">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=72…</a></div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This is an in-person course. Students will complete coursework in Canvas, which must be accessed using an internet-enabled device.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">N</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106951 at /courses/fall-2025/design-fundamentals-72679 <span class="field field--name-title field--type-string field--label-hidden">Design Fundamentals</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span>Anonymous</span></span> <span class="field field--name-created field--type-created field--label-hidden"><time datetime="2025-04-15T06:20:05-07:00" title="Tuesday, April 15, 2025 - 06:20" class="datetime">Tue, 04/15/2025 - 06:20</time> </span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Foundational design course, covering the theories, processes, vocabulary, and techniques common to visual design disciplines. Students will develop and apply their knowledge through analysis, critique and individual and collaborative exercises and projects.</p> </div> <div class="field field--name-field-course-id field--type-string field--label-above"> <div class="field__label">Course ID</div> <div class="field__item">101</div> </div> <div class="field field--name-field-crn field--type-string field--label-above"> <div class="field__label">CRN</div> <div class="field__item">72679</div> </div> <div class="field field--name-field-units field--type-string field--label-above"> <div class="field__label">Units</div> <div class="field__item">3</div> </div> <div class="field field--name-field-dates field--type-entity-reference-revisions field--label-above"> <div class="field__label">Dates</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 1:10pm - 2:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Student Health Center</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">203</div> </div> <div class="course-schedule-code schedule-codes code-A">Lecture</div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--course-dates paragraph--view-mode--default"> <div class="week"> <div class="day-wrapper"> <span>S</span> </div> <div class="day-wrapper"> <span>M</span> </div> <div class="day-wrapper active"> <span>T</span> </div> <div class="day-wrapper"> <span>W</span> </div> <div class="day-wrapper active"> <span>Th</span> </div> <div class="day-wrapper"> <span>F</span> </div> <div class="day-wrapper"> <span>S</span> </div> </div> <div class="course-time-range"> 2:10pm - 4:00pm </div> <div class="course-date-range"> <div class="field field--name-field-start-date field--type-datetime field--label-hidden field__item"><time datetime="2025-08-19T12:00:00Z" class="datetime">08/19/2025</time> </div> - <div class="field field--name-field-end-date field--type-datetime field--label-hidden field__item"><time datetime="2025-12-19T12:00:00Z" class="datetime">12/19/2025</time> </div> </div> <div class="course-building "> <div class="field field--name-field-building field--type-entity-reference field--label-hidden field__item">Student Health Center</div> <div class="field field--name-field-room field--type-string field--label-hidden field__item">203</div> </div> <div class="course-schedule-code schedule-codes code-AA">Lab</div> </div> </div> </div> </div> <div class="field field--name-field-campus-taxonomy field--type-entity-reference field--label-above"> <div class="field__label">Campus</div> <div class="field__item"><a href="/taxonomy/term/91" hreflang="en">Ocean</a></div> </div> <div class="field field--name-field-section field--type-string field--label-above"> <div class="field__label">Section</div> <div class="field__item">001</div> </div> <div class="field field--name-field-term field--type-entity-reference field--label-above"> <div class="field__label">Term</div> <div class="field__item"><a href="/taxonomy/term/5875566" hreflang="en">Fall 2025</a></div> </div> <div class="field field--name-field-course-online field--type-boolean field--label-above"> <div class="field__label">Online</div> <div class="field__item">0</div> </div> <div class="field field--name-field-instructors field--type-entity-reference-revisions field--label-above"> <div class="field__label">Instructors</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-instructors paragraph--view-mode--default"> <div class="field field--name-field-instructor field--type-entity-reference field--label-hidden field__item"><a href="/directory/bob-mcateer" hreflang="en">Bob McAteer</a></div> <div class="field field--name-field-primary field--type-boolean field--label-hidden field__item">(Primary)</div> </div> </div> </div> </div> <div class="field field--name-field-subject field--type-entity-reference field--label-above"> <div class="field__label">Subject</div> <div class="field__item"><a href="/taxonomy/term/51131" hreflang="en">Visual Media Design</a></div> </div> <div class="field field--name-field-diversity-areas field--type-entity-reference-revisions field--label-above"> <div class="field__label">Diversity areas</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--course-diversity-area paragraph--view-mode--default"> <div class="field field--name-field-diversity field--type-entity-reference field--label-above"> <div class="field__label">Diversity</div> <div class="field__item"><a href="/taxonomy/term/5875266" hreflang="en">CCSF 3: Arts and Humanities</a></div> </div> <div class="field field--name-field-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">1</div> </div> <div class="field field--name-field-code field--type-string field--label-above"> <div class="field__label">Code</div> <div class="field__item">SF3</div> </div> </div> </div> </div> </div> <div class="field field--name-field-term-code field--type-integer field--label-above"> <div class="field__label">Term code</div> <div class="field__item">202570</div> </div> <div class="field field--name-field-full-term field--type-boolean field--label-above"> <div class="field__label">Full term</div> <div class="field__item">1</div> </div> <div class="field field--name-field-open-section field--type-boolean field--label-above"> <div class="field__label">Open section</div> <div class="field__item">1</div> </div> <div class="field field--name-field-book field--type-link field--label-above"> <div class="field__label">Book</div> <div class="field__item"><a href="https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=72679">https://ords.ccsf.edu:8100/PROD/bzskstdn9.P_book?term=202570&amp;in_campus=P&amp;crn=72…</a></div> </div> <div class="field field--name-field-prerequisites field--type-entity-reference field--label-above"> <div class="field__label">Requisites</div> <div class="field__items"> <div class="field__item"> <div id="taxonomy-term-5871466" class="taxonomy-term vocabulary-course-prerequisites"> <div class="prerequisites"> <p>Recommended Preparation, Readiness for college-level English or ESL 188</p> </div> </div> </div> </div> </div> <div class="field field--name-field-course-credit field--type-boolean field--label-above"> <div class="field__label">Credit</div> <div class="field__item">On</div> </div> <div class="field field--name-field-course-hybrid field--type-boolean field--label-above"> <div class="field__label">Online with In-Person Meetings</div> <div class="field__item">Off</div> </div> <div class="clearfix text-formatted field field--name-field-section-notes field--type-text-long field--label-above"> <div class="field__label">Section Notes</div> <div class="field__item"><p>This is an in-person class. Students will complete coursework in Canvas, which must be accessed using an internet-enabled device.</p> </div> </div> <div class="field field--name-field-schedule-code field--type-string field--label-above"> <div class="field__label">Schedule code</div> <div class="field__item">N</div> </div> <div class="field field--name-field-credit-status-code field--type-string field--label-above"> <div class="field__label">Credit Status Code</div> <div class="field__item">D</div> </div> <div class="field field--name-field-last-day-to-enroll field--type-datetime field--label-above"> <div class="field__label">Last Day to Enroll</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-for-refund field--type-datetime field--label-above"> <div class="field__label">Last Day For Refund</div> <div class="field__item"><time datetime="2025-08-29T12:00:00Z" class="datetime">Fri, 08/29/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-drop-wo-w field--type-datetime field--label-above"> <div class="field__label">Last Day to Drop without W</div> <div class="field__item"><time datetime="2025-09-05T12:00:00Z" class="datetime">Fri, 09/05/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-withdraw field--type-datetime field--label-above"> <div class="field__label">Last Day to Withdraw</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-last-day-to-select-pnp field--type-datetime field--label-above"> <div class="field__label">Last Day to Select PNP</div> <div class="field__item"><time datetime="2025-11-13T12:00:00Z" class="datetime">Thu, 11/13/2025 - 12:00</time> </div> </div> <div class="field field--name-field-census field--type-datetime field--label-above"> <div class="field__label">Census</div> <div class="field__item"><time datetime="2025-09-08T12:00:00Z" class="datetime">Mon, 09/08/2025 - 12:00</time> </div> </div> Tue, 15 Apr 2025 13:20:05 +0000 Anonymous 10106946 at