{"id":31,"date":"2015-05-15T14:51:53","date_gmt":"2015-05-15T14:51:53","guid":{"rendered":"http:\/\/samfee.com\/courses\/?page_id=31"},"modified":"2026-09-28T18:56:40","modified_gmt":"2026-09-28T18:56:40","slug":"cis-275-introduction-to-web-development","status":"publish","type":"page","link":"https:\/\/samfee.com\/courses\/cis-275-introduction-to-web-development\/","title":{"rendered":"CIS 275"},"content":{"rendered":"<p><strong>CIS 275: Introduction to Web Design &#038; Development<\/strong> \u2013 provides students with the opportunity to closely consider the web, think about its impact upon culture, and develop skills for generating effective web content. This course focuses primarily upon the development of coding skills for generating web content, as well as an aptitude for creating effective designs and interfaces. Students in this course will need to devote significant time to working both in the lab and online during the term.<\/p>\n<p>Please note that the focus of this course is not merely the development of technical skills. Rather, this course is designed to help students develop the ability to produce an informed critique of Internet resources, as well as a capacity for evaluation and assessment of web materials.<\/p>\n<p><em>There are no prerequisites for CIS 275. It is assumed that students in this course have no prior experience with web development. This course is typically offered every term.<\/em><\/p>\n<div class=\"sources\">\n<strong>Resources for CIS 275:<\/strong><br \/>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2026\/08\/CIS275_Syllabus_AU26.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">AU26 Syllabus<\/a><br \/>\n<a href=\"https:\/\/www.amazon.com\/SanDisk-128GB-Ultra-Drive-Type-C\/dp\/B01EZ0X3L8\/ref=sr_1_2?crid=2DFR47UDBT72D&#038;dib=eyJ2IjoiMSJ9.N4775GTbE5EDZ7TJzeySupX1cV-Zku33f0FYeoR7zqgJDxsPR8qF80CZvUMDY82Gxw5QBdjSSFWSgFl1Sc0DnkcW133hz1K8ygzl5GZYwm3ORys_WfbgNF7CyIE2lBejfTlMYjT0iScyxsNGy_JLEhqJyriQ5UYlYC1Q0Zpvg20z1TEbQX2sChM55gYZoirrqzW5QHeA9QVsbXSOqVVX67iysP2LlW6HHry5VT_FYct6F6TznvabCfHtjKf06OVItmAlqd3rz9LfXBX5YM_e3MtM_QfkP-5CWGXgcoApczI.7uMNCnkfaxiPtprDGOHxx5X2Ljn2hsr54KjMaammApc&#038;dib_tag=se&#038;keywords=SanDisk%2BUltra%2B128GB%2BDual%2BDrive&#038;qid=1756258224&#038;s=electronics&#038;sprefix=sandisk%2Bultra%2B128gb%2Bdual%2Bdrive%2Celectronics%2C464&#038;sr=1-2&#038;th=1\">Dual USB Drive<\/a><br \/>\n<a href=\"https:\/\/www.barebones.com\/products\/bbedit\/\" rel=\"noopener noreferrer\" target=\"_blank\">Download BBedit<\/a><br \/>\n<a href=\"https:\/\/notepad-plus-plus.org\/\" rel=\"noopener noreferrer\" target=\"_blank\">Download Notepad++<\/a><br \/>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/02\/Exercise1_SP19.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 1<\/a><br \/>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/02\/Exercise2_SP19.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 2<\/a><br \/>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/02\/Exercise3_SP19.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 3<\/a><br \/>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/03\/Exercise4.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 4<\/a><br \/>\n<!--\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/02\/Solution_Example3.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 3 Example Solution<\/a>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2019\/03\/Exercise5_19.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 5<\/a>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2022\/04\/Exercise6.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 6<\/a>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2022\/11\/Exercis7.pdf\" rel=\"noopener noreferrer\" target=\"_blank\">Exercise 7<\/a>\n<a href=\"http:\/\/samfee.com\/courses\/wp-content\/uploads\/2024\/04\/Personal_Site24.pdf\">Personal Web Site Project<\/a>\n--><\/p>\n<p><strong>Course Readings:<\/strong><br \/>\n<a href=\"http:\/\/www.bloomberg.com\/graphics\/2015-paul-ford-what-is-code\/\" target=\"_blank\" rel=\"noopener noreferrer\">What Is Code?<\/a><br \/>\n<a href=\"https:\/\/validator.w3.org\" target=\"_blank\" rel=\"noopener noreferrer\">HTML5 Validator<\/a><br \/>\n<a href=\"http:\/\/practicaltypography.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Butterick\u2019s Practical Typography<\/a><br \/>\n<a href=\"https:\/\/flexboxfroggy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flexbox Froggy<\/a><br \/>\n<a href=\"https:\/\/medium.freecodecamp.org\/how-to-create-a-fully-responsive-navbar-with-flexbox-a4435d175dd3\" rel=\"noopener noreferrer\" target=\"_blank\">Responsive Navbar with Flexbox<\/a><br \/>\n<a href=\"http:\/\/webstyleguide.com\/wsg2\/index.html\" target=\"_blank\" rel=\"noopener noreferrer\">Web Style Guide (2nd ed.)<\/a><br \/>\n<a href=\"http:\/\/www.cmswire.com\/cms\/customer-experience\/how-people-read-online-infographic-021421.php?utm_source=MainRSSFeed&#038;utm_medium=Web&#038;utm_campaign=RSS-News\" target=\"_blank\" rel=\"noopener noreferrer\">How People Read Online<\/a><br \/>\n<a href=\"http:\/\/alistapart.com\/article\/responsive-web-design\" target=\"_blank\" rel=\"noopener noreferrer\">Responsive Web Design<\/a><br \/>\n<a href=\"http:\/\/meyerweb.com\/eric\/tools\/css\/reset\/\" target=\"_blank\" rel=\"noopener noreferrer\">Eric Meyer\u2019s Reset CSS<\/a><br \/>\n<a href=\"https:\/\/medium.com\/@elad\/normalize-css-or-css-reset-9d75175c5d1e\" target=\"_blank\" rel=\"noopener noreferrer\">Normalize CSS or CSS Reset?!<\/a><\/p>\n<p><strong>Reference Materials:<\/strong><br \/>\n<a href=\"http:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">w3schools References<\/a><br \/>\n<a href=\"http:\/\/html5doctor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">html5 Doctor<\/a><br \/>\n<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/Guide\/CSS\/Getting_started\" target=\"_blank\" rel=\"noopener noreferrer\">Mozilla\u2019s Getting Started with CSS<\/a><br \/>\n<a href=\"http:\/\/sixrevisions.com\/web_design\/web-designers-guide-to-png-image-format\/\" target=\"_blank\" rel=\"noopener noreferrer\">Web Designer\u2019s Guide to PNG Image Format<\/a><\/p>\n<p><strong>Online Color Assist<\/strong><br \/>\n<a href=\"https:\/\/picular.co\/\" rel=\"noopener noreferrer\" target=\"_blank\">Picular<\/a><br \/>\n<a href=\"http:\/\/paletton.com\/#uid=1000u0kllllaFw0g0qFqFg0w0aF\" target=\"_blank\" rel=\"noopener noreferrer\">Paletton<\/a><br \/>\n<a href=\"http:\/\/www.hexcolortool.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hexcolortool<\/a><br \/>\n<a href=\"http:\/\/www.colorpicker.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Color Picker<\/a><\/p>\n<p><strong>Regular Reading:<\/strong><br \/>\n<a href=\"http:\/\/alistapart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">A List Apart<\/a><br \/>\n<a href=\"http:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smashing Magazine<\/a><br \/>\n<a href=\"http:\/\/www.nngroup.com\/articles\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nielsen Norman Group<\/a><\/p>\n<p><strong>Other Resources:<\/strong><br \/>\n<a href=\"http:\/\/www.smashingmagazine.com\/2011\/06\/14\/understanding-copyright-and-licenses\/\" target=\"_blank\" rel=\"noopener noreferrer\">Copyright And Licenses<\/a><br \/>\n<a href=\"http:\/\/raumrot.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Free Stock Photos<\/a><br \/>\n<a href=\"https:\/\/css-tricks.com\/design-considerations-text-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS:Text on Images<\/a><br \/>\n<a href=\"http:\/\/www.gridlover.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gridlover App<\/a><br \/>\n<a href=\"http:\/\/jimthatcher.com\/webcourse1.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Section 508 Compliance Tutorial<\/a><br \/>\n<a href=\"http:\/\/webdesign.tutsplus.com\/articles\/improving-404-page-design--webdesign-7053\" target=\"_blank\" rel=\"noopener noreferrer\">Improving 404 Page Designs<\/a><\/p>\n<p><!--\n<a href=\"https:\/\/www.hobo-web.co.uk\/seo-blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO Guide for Beginners<\/a>\n--><br \/>\n<!--\n<a href=\"http:\/\/webdesign.about.com\/od\/metatags\/qt\/meta-charset.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding the meta charset tag<\/a>\n<a href=\"http:\/\/www.webdesignerdepot.com\/2013\/11\/4-essential-ux-rules-taught-by-eye-tracking-research\/?ref=facebooksp\" target=\"_blank\" rel=\"noopener noreferrer\">UX Rules from Eye-Tracking<\/a>\n-->\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CIS 275: Introduction to Web Design &#038; Development \u2013 provides students with the opportunity to closely consider the web, think about its impact upon culture, and develop skills for generating effective web content. This course focuses primarily upon the development of coding skills for generating web content, as well as an aptitude for creating effective&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":112,"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":722,"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/pages\/31\/revisions\/722"}],"wp:attachment":[{"href":"https:\/\/samfee.com\/courses\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}