Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Department: Engineering & Technology Discipline: Computer Technology Subject Code: WEB Course #: 225 Course Title: Responsive Design and Typography HARRISBURG AREA COMMUNITY COLLEGE FORM 335 Course Form 335 must be updated at least every five years per AP 765 to include, at a minimum, the following elements. [§335.2] 1. Digital Description (Insert new/revised digital description below): Credit hours: Lecture hours: Lab hours: 3.0 3.0 0.0 Approved Online/Blended Face-to-Face Instruction Ratios: [__] 25/75% [__] 33/67% [X] 50/50% [__] 67/33% [__] 75/25% (Note: The first number indicates the percentage of online instruction. The second number indicates the percentage of in-class instruction.) 2. Maximum Enrollment (Insert new/revised maximum enrollments below): In-Class Instruction: 20 Lab Instruction: (Note: It is assumed that maximum enrollments for blended courses are the same as those identified for in-class instruction. Maximum enrollments for Virtual Learning courses are to be 75% of in-class instruction, as per the SGP on Maximum Class Size): 3. Catalog Description (Insert new/revised description below): Explores Cascading Style Sheet (CSS) standards and flexible grid systems for Web page layout and typography. Responsive web design automatically adapts to various screen sizes. This course specifically addresses the history, design, and selection of typefaces, fonts and letterforms, rapid prototyping of Web sites, and the creation of comprehensive Web page layouts (comps) for conversion to CSS, HyperText Markup Language (HTML), scalable design, and media elements. 4. Prerequisites: WEB 125 and WEB 133 Co-requisites: None Other: None 5. Minimum Grade Required C Learning Outcomes [These outcomes are necessary to enable students to attain the essential knowledge and skills embodied in the program’s educational objectives.] Upon successful completion of the course the student will be able to: 12/1/04 Form Template Reviewed & Updated: 10/26/07; 1/11/08; 1/16/09; 7/14/09; 7/31/12 1 Department: Engineering & Technology Discipline: Computer Technology Subject Code: WEB Course #: 225 Course Title: Responsive Design and Typography 6. Recall the history and heritage of typography, its masters past and present, its influence in Web Design, and its particular application to digital tools Design a typeface, a typographic montage, and a typographic animation Distinguish among low, medium, and high levels of fidelity (detail) for Visual, Functional, and Content elements in Web design Create a functional eight-page low-fidelity Web site using a rapid prototyping software application…Adobe Fireworks Design medium-fidelity raster-, vector-, and hybrid-based comprehensive graphical layouts (comps) and convert them to eXstensible HyperText Mark Up Language (XHTML) and HTML5 pages, Cascading Style Sheets (CSS), and discrete design and media elements Format individual Web page layouts with columns, headers, footers, layers, and typographic design elements using CSS syntax and flexible grids so that they respond to desktop, laptop, and mobile device screen sizes Planned Sequence of Instruction [These must be designed to help students achieve the learning outcomes.] I. Typography in Digital Design A. The Heritage of Typography B. Type Classes, Families, Faces, Fonts, and Letterforms C. Learning from the Masters D. CSS Control of Type Parameters E. Calligraphy 101 F. Designing a Typeface G. Type as Art H. Type as Animation II. CSS, The Language of Design A. The World Wide Web Consortium - Present and Emerging Standards B. External, Embedded, and Inline Styles C. Syntax and Conventions D. Editors, Browsers, and Validators E. Page Layout, Columns, Headers, and Footers with CSS F. Layers, the Z-Index, and Interactivity G. Fixed and Flexible Grid Systems G. CSS for Accessibility and Physical Disabilities H. CSS for Mobile Devices III. Rapid Prototyping of Low-Fidelity Web Sites A. Workflows and Applications for Rapid Prototyping of Web Sites B. Client Needs Assessment C. Topical Outlining and Site Blocking D. Determining Visual, Functional, and Content Levels of Fidelity E. Sketching, Storyboarding, and Wire-framing 12/1/04 Form Template Reviewed & Updated: 10/26/07; 1/11/08; 1/16/09; 7/14/09; 7/31/12 2 Department: Engineering & Technology Discipline: Computer Technology Subject Code: WEB Course #: 225 Course Title: Responsive Design and Typography F. G. H. Lorem Ipsum (Greeking) and Graphic/Media Placeholders Client Review and Refinement Cycles via PC and Mobile Devices Passing to Medium-Fidelity Applications IV. Comprehensive Layouts (Comps) of Web Pages and Conversion to CSS A. Workflows and Applications for Creating and Converting Comps B. Creating a Raster-Based Comp and Optimizing for CSS C. Converting a Raster-Based Comp to CSS, XHTML, and Graphics D. Creating a Vector-Based Comp and Optimizing for CSS E. Converting a Vector-Based Comp to CSS, XHTML, and Graphics F. Retasking a Digital Brochure with Desktop Publishing Software G. Enhancing a Digital Brochure with Animation and Video H. Passing to High-Fidelity Applications, Languages, and Databases 7. Assessment of Student Learning [Methods of assessment should be appropriate for Learning Outcomes listed above.] Assessment of student learning outcomes for the course, as required by AP 765, is part of regular curriculum maintenance and/or improvement. The specific plan has been determined by the pertinent faculty involved and is maintained in the College’s assessment management system. 8. List of Texts, References, Selected Library Resources or other Learning Materials (code each item based on instructional use): C-Lecture/Laboratory, A-Lecture, B-Laboratory, LC-Lecture/Clinical, CLN-Clinical, I-Online, BL-Blended, D-Independent Study, P-Private Lessons, E-Internship, F-Cooperative Work-Study, FE-Field Experience. [These resources must be easily accessible to students.] [A,I,BL] Golombisky, Kim and Rebecca Hagen. White Space is Not Your Enemy: A Beginner’s Guide to Communicating Visually. Copyright © 2010. Focal Press. ISBN-10: 0240812816; ISBN-13: 978-024081281 [A,I,BL] Cranford Teague, Jason. Fluid Web Typography. Copyright © 2010. New Riders. ISBN-10: 321679989; ISBN-13: 978-032167998 [A,I,BL] Frain, Ben. Responsive Web Design with HTML5 and CSS3. Copyright © 2012. Packt Publishing. ISBN-10: 9350237881; ISBN-13: 9789350237885 Individual Instructors may choose to supplement textbook with… [A,I,BL] lyndaClassroom subscription to five courses for one semester, from Lynda.com Online Training Library® 12/1/04 Form Template Reviewed & Updated: 10/26/07; 1/11/08; 1/16/09; 7/14/09; 7/31/12 3 Department: Engineering & Technology Discipline: Computer Technology Subject Code: WEB Course #: 225 Course Title: Responsive Design and Typography 9. Prepared by Faculty Member: Carl Ryan Petersheim Date: 1/14/13 10. Approved by Department Chairperson: Kelley M. Engle Date: 1/29/13 11. Approved by Academic Division Dean: Margie Mattis Date: 2/7/13 This course meets all reimbursement requirements of Chapter 335, subchapters A / B. This course was developed, approved, and offered in accordance with the policies, standards, guidelines, and practices established by the College. It is consistent with the college mission. If the course described here is a transfer course, it is comparable to similar courses generally accepted for transfer to accredited four-year colleges and universities. 12. Director, Curriculum Compliance: Erika Steenland Date: 2/8/13 13. Provost & VP, Academic Affairs: James E. Baxter, P.G. Date: 2/11/13 14. Original Date of course approval by the college: 15. Date(s) of subsequent reviews [Indicate change: Learning Outcomes; textbook(s)]: 6/30/15 – Inserted approved max enrollment numbers & re-approved blended F2F ratios for Fall 15 - ers 12/1/04 Form Template Reviewed & Updated: 10/26/07; 1/11/08; 1/16/09; 7/14/09; 7/31/12 4