{"id":22,"date":"2014-01-21T02:47:13","date_gmt":"2014-01-21T07:47:13","guid":{"rendered":"http:\/\/art.buffalo.edu\/coursenotes\/art320\/?page_id=22"},"modified":"2026-01-22T17:27:18","modified_gmt":"2026-01-22T22:27:18","slug":"course-content","status":"publish","type":"page","link":"https:\/\/ubwp.buffalo.edu\/art320\/syllabus\/course-content\/","title":{"rendered":"Syllabus \u2014 Course Content"},"content":{"rendered":"\n<p>This course will combine a variety of <a href=\"http:\/\/ubwp.buffalo.edu\/art320\/lectures\/\">lecture<\/a> topics, in-class technical <a href=\"http:\/\/ubwp.buffalo.edu\/art320\/exercises\/\">exercises<\/a>, creative <a href=\"http:\/\/ubwp.buffalo.edu\/art320\/projects\/\">projects<\/a> and online research in achieving the stated <a href=\"http:\/\/ubwp.buffalo.edu\/art320\/class-info\/syllabus\/course-overview\/\">outcomes<\/a>.<\/p>\n\n\n\n<p>Note: Content is subject to change. Check the Schedule for your class section for up-to-date info.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"http:\/\/ubwp.buffalo.edu\/art320\/lectures\/\">Lectures<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/06404N4LcfHE0X9fM9BuzBvVg#Getting_Started_with_Figma\">Demo: Getting Started with Figma<\/a><\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/0efoLkAn43dgm5WyY657h7fdg#L1_The_Internet_Technology_and_Design\">The Internet: History, Technology &amp; Design<\/a> (Keynote)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/091pQEWGvtzBbTha7EC1rG2Rg#L2_Web_Design_Phases_1_and_2_-_Discovery_and_Design_2\">Web Development&nbsp;Phases 1 &amp; 2:&nbsp;Discovery &amp;&nbsp;Design<\/a> (Keynote)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/0c5UsXEz_pa8NEJNRmQOXNYmQ#L3_Phase_3-Develop\">Web Development&nbsp;Phase 3: Develop<\/a> (Keynote)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/04dzUZaXp1WoHJJgtCGspMCuQ#L4_User_Experience_&amp;_Accessibility\">User Experience &amp; Accessibility<\/a> (<a href=\"https:\/\/www.icloud.com\/keynote\/000Ucpr7uyzY8lCqFME3CXhTQ#L05_WordPress_Custom_Themes\"><\/a>Keynote)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/026LGIx_4EJ8CtadPfaTRWWOg#L5_WordPress\">WordPress<\/a> (Keynote)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.icloud.com\/keynote\/0b4bKjwll6cPBcRqUd6wpX6eQ#L6_Phase_4-Deploy\">Web Development Phase 4: Deploy<\/a> (Keynote)<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"http:\/\/ubwp.buffalo.edu\/art320\/exercises\/\">Technical Exercises<\/a><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/ubwp.buffalo.edu\/art320\/exercise-00-a-simple-web-page\/\" data-type=\"page\" data-id=\"3453\">Building a Simple Web Page<\/a><\/li>\n\n\n\n<li><a title=\"Ex01: Intro HTML5 and CSS3\" href=\"http:\/\/ubwp.buffalo.edu\/art320\/exercises\/ex01-html5-and-css3\/\">Intro&nbsp;HTML and CSS<\/a><\/li>\n\n\n\n<li><a title=\"Ex02: Building a Site with HTML and CSS\" href=\"http:\/\/ubwp.buffalo.edu\/art320\/exercises\/ex02-building-a-site-with-html-and-css\/\">Building a Site with HTML5 and CSS3<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/ubwp.buffalo.edu\/art320\/ex03-css-flexbox-grid\/\" data-type=\"page\" data-id=\"3060\">CSS Flexbox and Grid<\/a><\/li>\n\n\n\n<li><a href=\"CSS Animation &amp; Interactivity\">CSS Animation &amp; Interactivity<\/a><\/li>\n\n\n\n<li><a title=\"Ex04: Installing WordPress and Creating a Child Theme\" href=\"http:\/\/ubwp.buffalo.edu\/art320\/exercises\/ex03-installing-wordpress-and-creating-a-child-theme\/\">Installing WordPress, Choosing and Customizing a Theme<\/a><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><a href=\"http:\/\/ubwp.buffalo.edu\/art320\/projects\/\">Projects<\/a><\/h2>\n\n\n\n<p><a href=\"https:\/\/ubwp.buffalo.edu\/art320\/projects\/p01-personal-website-part-1\/\" data-type=\"page\" data-id=\"140\">Project 1: Personal Website<\/a> (Static)<br><a href=\"http:\/\/ubwp.buffalo.edu\/art320\/projects\/project-2-nonprofit-website-makeover\/\">Project 2:&nbsp;Non-Profit Website Makeover<\/a> (Dynamic\/WordPress)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Readings &amp; Participation<\/h2>\n\n\n\n<p>Read assigned <a href=\"http:\/\/ubwp.buffalo.edu\/art320\/reading-list\/\">readings<\/a>  and respond in the appropriate Discord thread. The instructor will create a thread for each reading. Post a brief (one or two paragraphs) reply to the thread <strong>indicating what you found most interesting and relevant<\/strong>. Rather than summarizing the article, your response should be a personal reflection on the ideas that you could relate to. (Please do not use ChatGPT or other AI tool to generate your response for you.)<\/p>\n\n\n\n<p>You are welcome to respond to other posts within the thread, and to include links to other relevant articles you might wish to share.<\/p>\n\n\n\n<p><strong>Grading<\/strong>: To&nbsp;receive an A for this course component you must respond to all assigned readings with at least one post per thread.<\/p>\n\n\n\n<p>Initial comments in each reading thread must be posted by the due date. Any initial response posted later than one week (fall\/spring semesters) or two days (summer session) past the due date counted as half credit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Discord (communication platform)<\/h2>\n\n\n\n<p>Discord is an application widely used by teams of collaborators (and gamers.) It provides the best of email and text messaging, voice and video chat, allowing for organized discussion threads and file sharing. We will be using it for communication between the instructor and students, collaboration, reading responses and general discussion outside of class.<\/p>\n\n\n\n<p>You can use Discord through a web browser, or preferably download the Mac, iOS, Android or Windows application and install it on your device.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zoom<\/h2>\n\n\n\n<p>Although this class meets in-person, Zoom will be used during class sessions to facilitate screen viewing and sharing, and recordings will be posted. Zoom may also be used for individual consultations and for office hours, by appointment.<\/p>\n\n\n\n<p>If illness prevents you from attending class in-person, you may, by notifying the instructor at least one-hour prior to class time, join the class remotely. (If you are not in class for any reason other than illness, or if you neglect to notify the instructor that you are ill and cannot attend in-person, you will be counted absent.)<\/p>\n\n\n\n<p>When attending remotely, it is expected that students will follow video conferencing etiquette during any online sessions:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Find a quiet place free from distracting noise and movement.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Refrain from engaging in outside conversations during class.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Wear headphones to block noise and help you focus on class content.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Be close to your mic. Earbuds with mics work well.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Please have your webcam\/video turned on&nbsp;\u2014 this goes a long way in facilitating interactions during class, allowing the instructor to connect with you by putting a face to a name, communicating things like interest and confusion non-verbally (helpful to the instructor during lectures,) and generally building community among students.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Mute your mic until you wish to speak.<\/strong><\/li>\n\n\n\n<li style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.098), 15px);font-style:normal;font-weight:300\"><strong>Refrain from walking around or eating while on camera. (We&#8217;ll take several breaks.)<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Zoom class lectures and demos will be recorded for private access by students who either missed the class or wish to review content at a later time. Please be mindful, as I am, that recorded audio and video raises potential issues around privacy, intellectual property rights, and information misuse.&nbsp;Please do not share the information with unintended parties for whom the content was not intended.<\/p>\n\n\n\n<p>Much of what we will be doing is building code, which involves making and learning from our mistakes. The lectures  and demos I conduct are for our own use and are not meant to be considered finalized professional content appropriate for public sharing.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/ubwp.buffalo.edu\/art320\/class-info\/syllabus\/labs-fees-and-other-requirements\/\">Lab Fees &amp; Other Requirements<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This course will combine a variety of lecture topics, in-class technical exercises, creative projects and online research in achieving the stated outcomes. Note: Content is subject to change. Check the [&hellip;]<\/p>\n","protected":false},"author":295,"featured_media":0,"parent":9,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/users\/295"}],"replies":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":40,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":4409,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/22\/revisions\/4409"}],"up":[{"embeddable":true,"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/pages\/9"}],"wp:attachment":[{"href":"https:\/\/ubwp.buffalo.edu\/art320\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}