Download FORM 335 - Harrisburg Area Community College

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