€¦ · Web viewCarl R. Petersheim, m.s. - Associate Professor of Web Design and Computer Information Systems. HACC Midtown Center • 1500 North 3. rd. Street • Midtown 2 Office

HACC – CENTRAL PENNSYLVANIA’S COMMUNITY COLLEGE WEB225 SYLLABUS – SPRING 2014 – CRN 35830

Carl R. Petersheim, M.S. - Associate Professor of Web Design and Computer Information SystemsHACC Midtown Center • 1500 North 3rd Street • Midtown 2 Office 301J • Labs 215 & 217 • Harrisburg, PA 17102Telephone 717-736-4252 • Fax 717-901-7388 • Email [email protected] Website http://www.carlpetersheim.us • Professor Pete’s Helpful Links http://www.carlpetersheim.us/links.htm

Web Program Info Site – http://www.haccswebprogram.info Web Program Facebook Group - http://www.facebook.com/home.php?#!/group.php?gid=99782374526Web Program Twitter Feed - http://twitter.com/haccswebprogramWeb Program YouTube Showcase – http://www.youtube.com/haccswebprogram

Class Meetings: Tuesdays 2:00-4:45 PM in MID2-215Office Hours: Wed. 1:00-2:00 PM in MID2-215 • Thurs. 1:00-5:00 PM in MID2-301J • Fri. 12:45-1:45 PM in MID2-215Faculty Secretary: Doniele Leggs • Midtown 2 Office Bay 301 • Telephone 717-736-4274

This Syllabus: http://www.carlpetersheim.us/web225.pdf Documents: http://www.carlpetersheim.us/bookshelf/

COURSE DESCRIPTION

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 addressed 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. Prerequisites: WEB125 and WEB133 with C or better.

TEXTBOOK S & VIDEO TRAINING LICENSE

1. Fluid Web Typography by Jason Cranford Teague© 2010 by New Riders • ISBN-10: 0-321-67998-9 • ISBN-13: 978-0-321-67998-7

2. Responsive Web Design with HTML5 and CSS3, by Ben Frain© 2012 by Packt Publishing • ISBN-10: 9-350-23788-1 • ISBN-13: 978-9-350-23788-5

3. A license to lyndaClassroom, giving you access to five video courses selected by your InstructorAvailable with “Authorization to Purchase” from any HACC Bookstore location

Version 1 19 May 2023 Page 1 of 15Course Number, Title, Description, Objectives, and Topical Outline Copyright © 2007 by Harrisburg Area Community College – Ref. AP276

Textbook Copyright by New Riders & Packt Publishing • Online Training Library® is a registered trademark of Lynda.comAll remaining Course Materials and iPodcasts Copyright © 2008-2014 by Carl Ryan Petersheim – All Rights Reserved

http://www.carlpetersheim.us/bookshelf/

http://www.carlpetersheim.us/web225.pdf

http://www.youtube.com/haccswebprogram

http://twitter.com/haccswebprogram

http://www.facebook.com/home.php?#!/group.php?gid=99782374526

http://www.haccswebprogram.info/

http://www.carlpetersheim.us/links.htm

http://www.carlpetersheim.us/

mailto:[email protected]


SUPPLEMENTAL REQUIREMENTS

1. USB drive or portable hard drive (recommended) for assignments and backup2. Eight (8) DVD-R Discs in paper or vinyl sleeves...........................................................NO PLASTIC JEWEL CASES ACCEPTED3. ALL email communications via HAWKmail..................................EMAIL FROM OTHER ACCOUNTS WILL BE RETURNED4. ALL assignment submittals via DVD-ROM and FTP Account..........................................NO EMAIL SUBMITTALS ACCEPTED5. ALL web sites published to your FTP site at http://www.carlpetersheim.us/student_work/yourfirstname_yourlastname6. We will not use Desire2Learn for this course. The link on your Desire2Learn Home Page will be disabled.

LEARNING OUTCOMES

Upon successful completion of the course the student will be able to:

A. Recall the history and heritage of typography, its masters past and present, its influence in Web Design, and its particular application to digital tools

B. Design a typeface, a typographic montage, and a typographic animationC. Distinguish among low, medium, and high levels of fidelity (detail) for Visual, Functional, and Content

elements in Web DesignD. Create a functional eight-page low-fidelity Web site using a rapid prototyping software application…Adobe

FireworksE. Design medium-fidelity raster-, vector-, and hybrid-based comprehensive graphical layouts (comps) and

convert them to eXtensible HyperText Markup Language (XHTML) and HTML5 pages, Cascading Style Sheets (CSS) and discrete design and media elements

F. Format individual Web page layouts with columns, headers, footers, layers, and typographic elements using CSS syntax and flexible grids so that they respond to desktop, laptop, and mobile screen sizes

ATTENDANCE POLICY FOR THE ENGINEERING & TECHNOLOGY DEPARTMENT

The faculty of the Engineering & Technology Department is concerned with the total education of the individual and his/her future opportunities in business careers. Conceptual knowledge, skill, and proficiency are essential for successful business employment and effective citizenship. Equally important are the qualities of dependability and responsibility. Unless advised otherwise by their Instructor, students should treat their Department classes as they would a career-oriented job they want to keep. Therefore, students are expected to attend all scheduled classes and are responsible for all class-related work and assignments. Students are also expected to contact the Instructor when they are absent from class, prior to or on the day of absence if possible.

The determination of the attendance policy for each course is the prerogative of the Instructor, as stated in the Instructor's printed course syllabus, subject to the approval of the Department Chair, which will be distributed to students during the FIRST class meeting. Circumstances may cause a student to be absent from a class on occasion, for example; illness, bad weather, accident, etc. The definitions of absence from the College attendance policy are as follows:

Excused absence - An absence that occurred for reasons that were: a) beyond the student's control to prevent, and b) significant enough to prohibit attendance in class. Additionally, for the absence to be excused, the student also must have contacted the Instructor prior to or on the day of the absence. It’s important to note that, depending on the number or pattern of prior absences, an absence explained as simply ‘personal’ and ‘family emergency’ may not be considered as excused unless sufficient detail is provided to the Instructor.

Unexcused absence - An absence that occurred for reasons that were: a) within the student's control to prevent, and b) not significant enough to prohibit attendance in class, even if uncontrollable. Additionally, an absence may be considered unexcused if the student does not contact the Instructor about the absence within a reasonable period of time.

Students shall not be penalized for absence in regularly scheduled classes, except as indicated below: Version 1 19 May 2023 Page 2 of 15

Course Number, Title, Description, Objectives, and Topical Outline Copyright © 2007 by Harrisburg Area Community College – Ref. AP276Textbook Copyright by New Riders & Packt Publishing • Online Training Library® is a registered trademark of Lynda.com

All remaining Course Materials and iPodcasts Copyright © 2008-2014 by Carl Ryan Petersheim – All Rights Reserved

HACC – CENTRAL PENNSYLVANIA’S COMMUNITY COLLEGE WEB225 SYLLABUS – SPRING 2014 – CRN 358301. Students are subject to policies and procedures approved in Administrative Procedure 661. Instructors requiring physical presence and participation may reduce course grades after the student has unexcused absence of 10% of the total class hours (four unexcused class hours for a three-credit course).

2. The student is responsible for ALL class work and assignments. Instructors will provide students who have an excused absence the opportunity to make up missed reports and exams, and if feasible, participation, if an absence has been excused. It is the student’s responsibility to contact the Instructor regarding missed work and assignments. Instructors may require a student to furnish documentation substantiating that an absence should be considered "excused" if absences become excessive or occur at questionable times (for example, on the day of an exam).

3. The student is responsible for attendance on the day of examinations, unless otherwise excused.

4. Instructors have the right to recommend to the Department Chair that a student be dropped for an excessive excused or unexcused absence that precludes the possibility of passing the class whereupon the student will be given a grade of "F" or "W". Excessive absence is more than 15% of the class hours (six unexcused class hours for a three-credit course).

The College is required by law to make attendance reports to the relevant agencies of students who are funded by veterans' benefits, social security payments, and various other federal, state, or private scholarship programs. Students in programs that are accredited/approved by external agencies must observe these special attendance policies delineated by the external agencies and contained in the printed course syllabus.

Revised August 2013.

INSTRUCTOR POLICY REGARDINGCLASS PARTICIPATION, ATTENDANCE, AND TIMELINESS

Attendance is required for this class. A portion of your final grade, 25 points or 5%, is allocated to class participation, attendance, and timeliness. It is in your interest to maximize your educational opportunity by attending every class. Repeated absence or tardiness will result in the loss of those points. Simply showing up on time for class can mean the difference between a B and an A.

You are expected to have your computer booted, your USB drive inserted and available, and otherwise ready to work at the scheduled class start time. The Instructor is typically in the classroom fifteen minutes before class starts. It is a courtesy to your classmates and Instructor that you arrive on time; in a computer/lab course every late arrival is a disruption. If your class begins during “rush hour” allow sufficient time for traffic and parking problems. If you are repeatedly late for class you may be refused admittance, at the Instructor’s discretion.

Unavoidable absences should be reported to the Instructor by email or telephone either before or shortly after the absence. Excused absences are considered beyond the student’s control to prevent, and significant enough to reasonably prohibit attendance in class; examples are medical emergencies, last-minute car problems, mandatory business travel, etc. Unexcused absences are within the student’s control to prevent or are not significant enough to reasonably prohibit attendance in class, even if uncontrollable. Please don’t miss a class simply because your assignment for that day is not finished; come to class anyway. Missing a class for this reason only compounds the problem and puts you further behind.

To be considered an excellent class participant you will stay engaged in the discussion/demonstration/lab at hand and not be distracted by such electronic temptations as email, chat, online auctions, browsing, and other class assignments; most of us are not as good at “multitasking” as we think we are. Please take class notes on paper; keyboard clicking during lecture time is a distraction to your classmates and Instructor. Cellular telephones, PDAs, and beepers must be turned off before you enter the classroom.




INSTRUCTOR POLICY REGARDING MAKE-UP TESTS OR PROJECTS

Quizzes, Exams, and Mid-Terms can only be delayed or rescheduled by notifying the instructor of an unavoidable problem/conflict 24 hours prior to the scheduled test. Denial or acceptance of make-up requests is at the discretion of the instructor. Final Presentations, Final Projects, and Final Examinations cannot be delayed; you are expected to be present and no exceptions are made. If for any reason the Final Examination is delayed by the College or by inclement weather, students are expected to take the Final on the make-up day assigned by the College.

INSTRUCTOR POLICY REGARDING LATE ASSIGNMENTS

There are four major deadlines to submit assignments by DVD. All assignments designated for those deadlines should be submitted on time. If you are missing one or two of the assignments, submit the DVD with your completed assignments and submit on time. Don’t risk a zero on all the assignments by delaying the DVD for one or two assignments.

Late assignments are only accepted in the case of major medical problems resulting in inpatient surgery or hospitalization. Documentation is required to obtain an extension for an assignment or a grade of “Incomplete” for the semester.

COLLEGE POLICY REGARDING ACADEMIC DISHONESTY

Academic dishonesty is defined in HACC’s Administrative Procedure 594: Academic Dishonesty.A partial description of this Procedure follows:

“Academic dishonesty is defined as an intentional act of deception in which a student seeks to claim credit for the work or effort of another person, or uses unauthorized material or fabricated information in any academic work. It includes, but is not limited to:

1. Cheating – giving or receiving answers on assigned material, using materials or aids forbidden by the Instructor, alteration of academic records, unauthorized possession of examinations, the falsification of admissions, registration or other related college materials, or any other intentional use or attempted use of unauthorized materials, information, or study aid.

2. Plagiarism – the offering of someone else’s work, words, or ideas as one’s own or using material from another source without acknowledgement.

3. Interference – interfering without permission with the work of another student either by obtaining, changing, or destroying the work of another student.

4. Buying or selling of term papers, homework, examinations, laboratory assignments, computer programs, etc.

5. Falsifying of one’s own or another’s records.6. Knowingly assisting someone who engages in 1-5 above.”

Penalties for students found to have committed academic dishonesty include but may not be limited to the following:

1. lowering of a grade or failure for a particular assignment2. lowering of a grade, failure, and/or dismissal from the course3. disciplinary probation4. suspension from the curriculum5. suspension from the College for a period of one semester or more




COLLEGE POLICY REGARDING DISCRIMINATION,U.S. EQUAL EMPLOYMENT OPPORTUNITY COMMISSION, &PENNSYLVANIA HUMAN RELATIONS COMMISSION STATEMENTS

It is the policy of Harrisburg Area Community College, in full accordance with the law, not to discriminate in employment, student admissions, and student services on the basis of race, color, religion, age, political affiliation or belief, gender, national origin, ancestry, disability, place of birth, General Education Development Certification (GED), marital status, sexual orientation, gender identity or expression, veteran status, genetic history/information, or any legally protected classification. HACC recognizes its responsibility to promote the principles of equal opportunity for employment, student admissions, and student services taking active steps to recruit minorities and women.

The Pennsylvania Human Relations Act (“PHRAct’) prohibits discrimination against prospective and current students because of race, color, sex, religious creed, ancestry, national origin, handicap or disability, record of a handicap or disability, perceived handicap or disability, relationship or association with an individual with a handicap or disability, use of a guide or support animal, and/or handling or training of support or guide animals.

The Pennsylvania Fair Educational Opportunities Act (“PFEOAct”) prohibits discrimination against prospective and current students because of race, religion, color, ancestry, national origin, sex, handicap or disability, record of a handicap or disability, perceived handicap or disability, and a relationship or association with an individual with a handicap or disability.

Information about these laws may be obtained by visiting the Pennsylvania Human Relations Commission website at www.phrc.state.pa.us.

If an accommodation is needed, please contact the disability coordinator for your campus: http://www.hacc.edu/StudentServices/DisabilityServices/Contact-Us.cfm

HACC – Gettysburg CampusPeggy Violette Counselor/Disability ServicesG 1011731 Old Harrisburg RoadGettysburg, PA 17325Phone: 717-339-3518Fax: 717-337-3015Email: [email protected]

HACC – Harrisburg CampusCarole KerperDirector, Disability ServicesCooper 230One HACC DriveHarrisburg, PA 17110Phone: 717-780-2614Fax: 717-780-2335Email: [email protected]

Updated Fall 2013

HACC – Lancaster CampusVicki Van Hise Coordinator, Disability ServicesMain 212B1641 Old Philadelphia PikeLancaster, PA 17602Phone: 717-358-2972Fax: 717-358-2951Email: [email protected]

HACC – Lebanon CampusDeborah BybeeCoordinator, Disability Services104K735 Cumberland StreetLebanon, PA 17042Phone: 717-270-6333Email: [email protected]

HACC – York CampusLori Shoemaker—MSS, LSWCoordinator, Disability ServicesYL 134A2010 Pennsylvania Avenue York, PA17404Phone: 717-801-3276Fax: 717-718-8967Email: [email protected]

HACC – Virtual LearningAmy WithrowInterim Director of Advancement and Outreach for Virtual LearningArts 120GOne HACC DriveHarrisburg, PA 17110Phone: 717-221-1303Email: [email protected]








http://www.hacc.edu/StudentServices/DisabilityServices/Contact-Us.cfm


PHR ACT STATEMENT

The Pennsylvania Human Relations Act (“PHRAct”) prohibits discrimination against prospective and current students because of race, color, sex, religious creed, ancestry, national origin, handicap or disability, perceived handicap or disability, relationship or association with an individual with a handicap or disability, use of a guide or support animal, and/or handling or training of support or guide animals.

The Pennsylvania Fair Educational Opportunities Act (“PFEOAct”) prohibits discrimination against prospective and current students because of race, religion, color, ancestry, national origin, sex, handicap or disability, record of a handicap or disability, perceived handicap or disability, and a relationship or association with an individual with a handicap or disability.

Information about these laws may be obtained by visiting the Pennsylvania Human Relations Commission website at http://www.phrc.state.pa.us .

WITHDRAWAL FROM CLASS – TUITION REFUNDS

There are times when your personal or professional life may require that you withdraw from class; there is no disgrace in such a withdrawal and you should feel free to discuss the matter with the Instructor. If you need to drop the class, you must get a Drop/Add or Withdrawal slip from the Registrar, complete the form, see your Instructor for a signature, and return the form to the Registrar.

Note the following:

1. To receive a 100% tuition refund, you must officially withdraw by Tuesday, January 21st 2. To receive a 50% tuition refund, you must officially withdraw by Monday, February 3rd

3. To withdraw without a grade, you must officially withdraw by Monday, February 3rd

4. A “W” grade will be assigned if you officially withdraw by Friday, March 7th

5. A “W” grade will be assigned if you officially withdraw by Friday, May 2nd at 2:00 pmAND you have an earned average to date of 60% or better

6. An “F” grade will be assigned if you officially withdraw by Friday, May 2nd at 2:00 pmAND you have an earned average to date of less than 60%

7. An “F” grade will be assigned if you simply stop coming to class and do not withdraw officially8. It is YOUR responsibility to process the withdrawal form by the deadline9. For Tuition Refund Information not involving financial aid, visit http://www.hacc.edu,

click [Student Services], then [Student Accounts - Cashiering], and finally [Refund Request]10. For Tuition Refund Information involving financial aid, visit http://www.hacc.edu,

click [Student Services], then [Student Accounts - Cashiering], and finally [Refund Information]

DELAYED OPENING DUE TO INCLEMENT WEATHER

If HACC officially announces a Delayed Opening due to inclement weather, your class time will change as follows:

CRN Regular Meeting Time Delayed Meeting Time35830...........................................................Tuesday 2:00 pm – 4:45 PM...............................No Delays, Cancellations Only

Evening classes are either cancelled or run. No delays. Cancellations are usually announced by 4:00 PM.Consult your Student Handbook or the HACC web site for appropriate TV and radio stations.Sign up for HACC’s e2Campus Notification System to receive delay/cancellation news by text message and email.Version 1 19 May 2023 Page 6 of 15

Course Number, Title, Description, Objectives, and Topical Outline Copyright © 2007 by Harrisburg Area Community College – Ref. AP276Textbook Copyright by New Riders & Packt Publishing • Online Training Library® is a registered trademark of Lynda.com

All remaining Course Materials and iPodcasts Copyright © 2008-2014 by Carl Ryan Petersheim – All Rights Reserved

http://www.hacc.edu/AboutUs/Security/e2Campus-Emergency-Alert-Service-Signup.cfm

http://www.hacc.edu/

http://www.hacc.edu/

http://www.phrc.state.pa.us/


METHODOLOGY

1. A Classroom Course: 100% Classroom, 0% Virtual2. Lecture and Demonstration3. Video Training4. Digital Assignments published to the Web, Portable Devices, and DVDs

TOPICAL OUTLINE

I. Typography in Digital DesignA. The Heritage of TypographyB. Type Classes, Families, Faces, Fonts, and LetterformsC. Learning from the MastersD. CSS Control of Type ParametersE. Calligraphy 101F. Designing a TypefaceG. Type as ArtH. Type as Animation

II. CSS, The Language of DesignA. The World Wide Web Consortium – Present and Emerging StandardsB. External, Embedded, and Inline StylesC. Syntax and ConventionsD. Editors, Browsers, and ValidatorsE. Page Layout, Columns, Headers, and Footers with CSSF. Layers, the Z-Index, and InteractivityG. Fixed and Flexible Grid SystemsH. CSS for Accessibility and Physical DisabilitiesI. CSS for Mobile Devices

III. Rapid Prototyping of Low-Fidelity Web SitesA. Workflows and Applications for Rapid Prototyping of Web SitesB. Client Needs AssessmentC. Topical Outlining and Site BlockingD. Determining Visual, Functional, and Content Levels of FidelityE. Sketching, Storyboarding, and Wire-framingF. Lorem Ipsum (Greeking) and Graphic/Media PlaceholdersG. Client Review and Refinement Cycles via PC and Mobile DevicesH. Passing to Medium-Fidelity Applications

IV. Comprehensive Layouts (Comps) of Web Pages and Conversion to CSSA. Workflows and Applications for Creating and Converting CompsB. Creating a Raster-Based Comp and Optimizing for CSSC. Converting a Raster-Based Comp to CSS, XHTML, and GraphicsD. Creating a Vector-Based Comp and Optimizing for CSSE. Converting a Vector-Based Comp to CSS, XHTML, and GraphicsF. Retasking a Digital Brochure with Desktop Publishing SoftwareG. Enhancing a Digital Brochure with Animation and VideoH. Passing to High-Fidelity Applications, Languages, and Databases




COURSE REQUIREMENTS AND GRADING WORKSHEETPossiblePoints

PossiblePercent

YourPoints

YourPercent

lyndaClassroom Training – 75 points – 20h, 3m – Approximately 1.5 hours/week over 14 weeks

Fireworks CS6 Workshop D2 26 5.2% %

Responsive Design Fundamentals 8 1.6% %

Typography for Web Designers A3 24 4.8% %

Creating a Responsive Web Experience 5 1.0% %

Creating an Adaptive Web Site for Multiple Screens F3 12 2.4% %

Assignments – 250 points Assessment … Refer to Learning Outcomes on Page 2

Low-Fidelity Prototype using Adobe Fireworks CS6 D1 50 10% %

Web Prototyping Brief C1 25 5% %

Comp-to-Code using Adobe Photoshop or Adobe Illustrator E1 25 5% %

Classical Master Typographer Brief & Presentation A2 25 5% %

Design a Typeface B1 25 5% %

Design a Typographic Montage B2 25 5% %

Design a Typographic Animation B3 25 5% %

Original Hand-Coded Responsive Web Site F1 50 10% %

Quizzes based on Readings – 150 points Assessment … Refer to Learning Outcomes on Page 2

Total of 6 Chapter Quizzes based on Fluid Typography A1 60 12% %

Total of 9 Chapter Quizzes based on Responsive Web Design F2 90 18%

Other – 25 points

Class Participation, Attendance, and Timeliness 25 5% %

T O T A L 500 100% %

LETTER GRADES

A 450-500 POINTS 90-100 %B 400-449 POINTS 80-89%C 350-399 POINTS 70-79%D 300-349 POINTS 60-69%F 0-299 POINTS 0-59%

TO CALCULATE YOUR GRADE

Divide total points earned by total possible points and multiply result by 100

Example: 420/500 = .84 x 100 = 84%Grade = B




C O U R S E S C H E D U L E

Tuesday C O N T E N T

Class1 of 15

January 14th

o 2:00-3:00: TYPOGRAPHY – Typography as Art – Reprise of “Nerds in the Burg”o 3:00-3:15: Welcome – Introductions – Syllabus Review – College Resources – Lab Resources – Lyndao 3:15-3:30: Breako 3:30-4:45: PROTOTYPING – Grid-Based Layout & Layer-Based Prototyping

For Next Class…o Read Fluid Typography Chapter 1 – “Foundations” and study for quiz next class

Class2 of 15

January 21st

o 2:00-3:00: TYPOGRAPHY – The Heritage of Type: Classes, Families, Faces, Fonts, and Letterformso 3:00-3:15: Quiz on Fluid Typography Chapter 1 – “Foundations”o 3:15-3:30: Breako 3:30-4:45: PROTOTYPING – Adobe Fireworks for Low-Fidelity Web Prototypes

For Next Class…o Read Fluid Typography Chapter 2 – “Characters & Symbols” and study for quiz next classo View lyndaClassroom – “Fireworks CS6 Workshop” Introduction + Chapters 1-3

Class3 of 15

January 28th

o 2:00-3:00: TYPOGRAPHY – The Technologies of Type: the pen, the block, letterpress,engraving, lithography, photo typesetting, digital typesetting, Web typesetting

o 3:00-3:15: Quiz on Fluid Typography Chapter 2 – “Characters & Symbols”o 3:15-3:30: Breako 3:30-4:45: PROTOTYPING – Adobe Photoshop for Raster-Based Comps

For Next Class…o Read Fluid Typography Chapter 3 – “Fonts & Typefaces” and study for quiz next classo View lyndaClassroom – “Fireworks CS6 Workshop” Chapters 4-5

Class4 of 15

February 4th

o DVD-ROM 1 of 4 DUE at beginning of class – no exceptions or extensions

o 2:00-3:00: TYPOGRAPHY – The Anatomy and Terms of Type: points, picas, ems, leading, kerning, trackingo 3:00-3:15: Quiz on Fluid Typography Chapter 3 – “Fonts & Typefaces”o 3:15-3:30: Breako 3:30-4:45: PROTOTYPING – Adobe Illustrator for Vector-Based Comps

For Next Class…o Read Fluid Typography Chapter 4 – “Scale & Rhythm” and study for quiz next classo View lyndaClassroom – “Fireworks CS6 Workshop” Chapters 6-8

Class5 of 15

February 11th

o 2:00-3:00: TYPOGRAPHY – Calligraphy with Bookhando 3:00-3:15: Quiz on Fluid Typography Chapter 4 – “Scale & Rhythm”o 3:15-3:30: Breako 3:30-4:45: PROTOTYPING – Converting Comps to Code

For Next Class…o Read Fluid Typography Chapter 5 – “Emphasis & Contrast” and study for quiz next classo View lyndaClassroom – “Fireworks CS6 Workshop” Chapters 9-11






Class6 of 15

February 18th

o 2:00-3:00: TYPOGRAPHY – Calligraphy with Chancery Cursiveo 3:00-3:15: Quiz on Fluid Typography Chapter 5 – “Emphasis & Contrast”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Overview

For Next Class…o Read Fluid Typography Chapter 6 – “Grid & Composition” and study for quiz next classo View lyndaClassroom – “Responsive Design Fundamentals” Introduction + Chapters 1-2

Class7 of 15

February 25th

o 2:00-3:00: TYPOGRAPHY – CSS3 for Responsive Typographyo 3:00-3:15: Quiz on Fluid Typography Chapter 6 – “Grid & Composition”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – HTML5 & CSS3 Page Layout and Media Queries

For Next Class…o Read Responsive Web Design Chapter 1 – “Getting Started with HTML5, CSS3, and Responsive Web…”o View lyndaClassroom – “Responsive Design Fundamentals” Chapter 3 + Conclusion

Class8 of 15

March 4th

o DVD-ROM 2 of 4 DUE at BEGINNING of class – no exceptions or extensions

o 2:00-3:00: TYPOGRAPHY – Classical Masters of Type – Presentationso 3:00-3:15: Quiz on Responsive Web Design Chapter 1 – “Getting Started with HTML5, CSS3, and …”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Adobe Dreamweaver & Adobe Edge Reflow for Responsive Design

For Next Class…o Read Responsive Web Design Chapter 2 – “Media Queries: Supporting Differing Viewports”o View lyndaClassroom – “Typography for Web Designers” Introduction + Chapters 1-2

March 11th Spring Break – Monday March 10th through Friday March 14th

Class9 of 15

March 18th

o 2:00-3:00: TYPOGRAPHY – Typeface Designo 3:00-3:15: Quiz on Responsive Web Design Chapter 2 – “Media Queries: Supporting Differing Viewports”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Desktop-First Strategies

For Next Class…o Read Responsive Web Design Chapter 3 – “Embracing Fluid Layouts”o View lyndaClassroom – “Typography for Web Designers” Chapters 3-4

Class10 of 15

March 25th

o 2:00-3:00: TYPOGRAPHY – Web Fontso 3:00-3:15: Quiz on Responsive Web Design Chapter 3 – “Embracing Fluid Layouts”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Smartphone-First Strategies

For Next Class…o Read Responsive Web Design Chapter 4 – “HTML5 for Responsive Designs”o View lyndaClassroom – “Typography for Web Designers” Chapters 5-6






Class11 of 15

April 1st

o 2:00-3:00: TYPOGRAPHY – Typographic Montageo 3:00-3:15: Quiz on Responsive Web Design Chapter 4 – “HTML5 for Responsive Design”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – SVG: Scalable Vector Graphics

For Next Class…o Read Responsive Web Design Chapter 5 – “CSS3: Selectors, Typography, and Color Modes”o View lyndaClassroom – “Typography for Web Designers” Chapters 7-8 + Conclusion

Class12 of 15

April 8th

o 2:00-3:00: TYPOGRAPHY – Letterpress Printingo 3:00-3:15: Quiz on Responsive Web Design Chapter 5 – “CSS3: Selectors, Typography, and Color Modes”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Responsive Images

For Next Class…o Read Responsive Web Design Chapter 6 – “Stunning Aesthetics with CSS3”o View lyndaClassroom – “Creating a Responsive Web Experience” Entire Course

Class13 of 15

April 15th

o DVD-ROM 3 of 4 DUE at beginning of class – no exceptions or extensions

o 2:00-3:00: TYPOGRAPHY – Typographic Animationo 3:00-3:15: Quiz on Responsive Web Design Chapter 6 – “Stunning Aesthetics with CSS3”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Responsive Video

For Next Class…o Read Responsive Web Design Chapter 7 – “ CSS3 Transitions, Transformations, and Animations”o View lyndaClassroom – “Creating an Adaptive Web Site for Multiple Screens” Introduction + Chapters 1-5

Class14 of 15

April 22nd

o 2:00-3:00: TYPOGRAPHY – Computer-Aided Calligraphyo 3:00-3:15: Quiz on Responsive Web Design Chapter 7 – “CSS3 Transitions, Transformations, and…”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – Responsive Testing

For Next Class…o Read Responsive Web Design Chapter 8 – “Conquer Forms with HTML5 and CSS3”o View lyndaClassroom – “Creating an Adaptive Web Site for Multiple Screens” Chapters 6-10 + Conclusion

Class15 of 15

April 29th

o 2:00-3:00: TYPOGRAPHY – Contemporary Masters of Typeo 3:00-3:15: Quiz on Responsive Web Design Chapter 8 – “Conquer Forms with HTML5 and CSS3”o 3:15-3:30: Breako 3:30-4:45: RESPONSIVE DESIGN – The Best of the Web

For Next Class…o Read Responsive Web Design Chapter 9 – “Solving Cross-Browser Responsive Challenges”

FinalsWeek

May 6th

DVD-ROM 4 of 4 DUE at beginning of class – no exceptions or extensionsQuiz on Responsive Web Design Chapter 9 – “Solving Cross-Browser Responsive Challenges”

P R E S E N T A T I O N S & P O T L U C K




C O M P A C T D I S C C O N T E N T S

Disc Top Level Folders Second Level Folders

DVD 1 of 4Tuesday2-4-2014

web225_yourlastname_dvd1 low-fidelity_prototype web_prototyping_brief


web225_yourlastname_dvd2 comp-to-code typographer_brief+presentation

DVD 3 of 4Tuesday

4-15-2014

web225_yourlastname_dvd3 typeface_design typographic_montage_design


web225_yourlastname_dvd4 typographic_animation_design responsive_website

None of the folders or files should be zipped.Any deviations from this folder structure will result in a reduced grade.

ALL DVDs MUST BE “FINISHED” & TESTED…A DVD-ROM PLAYABLE ON ANY DEVICEThey must be submitted in a paper or vinyl sleeve. Plastic jewel cases not accepted.

The discs will not be returned. They will be archived as records of your semester grade.

If you will be absent from class on the due date, you MUST either send the DVD with a classmate,or send by U.S. Mail (media rate) with a postmark no later than the due date. No exceptions.

HACC Midtown | Carl Petersheim MID2-301J | 1500 North 3rd Street | Harrisburg, PA 17102

Note: DVD 4 can NOT be mailed and reach me in time for a grade. Hand-deliver only




LABELING YOUR ASSIGNMENT DISCS AND SLEEVES – REPLACE WEB110 WITH WEB225

It’s important that you mark your DVD and sleeve exactly as shown,substituting your real information, of course.

NOTES ABOUT GRADING

1. Four times a semester I’ll grade based on the DVDs you submit and the sites you publish to FTP.2. For the first three DVDs, you’ll receive a printout of your grades in class.3. For the final DVD, you’ll receive your semester grade in HACCweb and details via HAWKmail.




ASSIGNMENT – lynda Classroom – ONLINE TRAINING LIBRARY® – SCHEDULE

Fireworks CS6 Workshop – by Tom Green – 6 hours, 51 minutes

Chapter Time Required Due Tuesday

Introduction 00:02:02 January 28th

1. Introducing Fireworks 00:02:34 January 28th

2. The Fireworks Interface 00:51:55 January 28th

3. Vector Drawing in Fireworks 00:50:59 January 28th

4. Working with Bitmaps 00:51:04 February 4th

5. Image Retouching and Color Correction 00:21:45 February 4th

6. Masking in Fireworks 00:30:59 February 11th

7. Working with Text 00:38:02 February 11th

8. Creating Symbols in Fireworks 00:38:11 February 11th

9. Wireframing 00:25:26 February 18th

10. Creating for Edge and Mobile 00:57:18 February 18th

11. The Endgame 00:41:01 February 18th

Responsive Design Fundamentals – by James Williamson – 2 hours, 15 minutes


Introduction 00:02:53 February 25th

1. Introducing Responsive Design 00:14:16 February 25th

2. Common Concepts 01:01:00 February 25th

3. Responsive Design Strategies 00:44:44 March 4th

Conclusion 00:12:03 March 4th

Typography for Web Designers – by Laura Franz – 6 hours, 25 minutes


Introduction 00:06:18 March 11th

1. Using Fonts to Communicate the Meaning of a Word or… 00:41:03 March 11th

2. Using Fonts for Text 00:38:00 March 11th

3. Maximizing Readability 00:55:31 March 25th

4. Visually Chunking Text 01:11:00 March 25th

5. Shaping a Page Using Typography 00:17:57 April 1st

6. Shaping a Traditional Typographic Page 00:55:47 April 1st

7. Shaping a Modernist Typographic Page 00:43:00 April 8th

8. Attending to the Typographic Details 00:52:53 April 8th

Conclusion 00:03:09 April 8th




Creating a Responsive Web Experience – by Chris Converse – 1 hours, 23 minutes


Introduction 00:05:53 April 15th

1. Modifying the Previous Project 00:06:46 April 15th

2. Dynamically Loading Content 00:08:53 April 15th

3. Styling the Hero Area 00:08:24 April 15th

4. Adjusting the Experience Based on Screen Size 00:30:26 April 15th

5. Animating the Hero Panel 00:14:11 April 15th

6. Maintaining Support for Internet Explorer 7 and 8 00:08:26 April 15th


Creating an Adaptive Web Site for Multiple Screens – by Ray Villalobos – 3 hours, 9 minutes


Introduction 00:03:33 April 22nd

1. Getting Started 00:27:50 April 22nd

2. Design Approaches for Multiple Screens 00:08:34 April 22nd

3. Creating and Formatting Site Templates 00:13:44 April 22nd

4. Creating Adaptive Sites 00:13:57 April 22nd

5. Building Desktop Page Styles 00:32:54 April 22nd

6. Building Interactivity for Desktop Screens 00:25:29 April 29th

7. Styling Pages for Handheld Screens 00:23:58 April 29th

8. Building Interactivity for Mobile Screens Using JavaScript 00:23:43 April 29th

9. Styling Pages for Tablets 00:07:03 April 29th

10. Troubleshooting 00:06:25 April 29th


