Course Syllabus
Course Title: Intermediate Web Design
Course Number: GWDA273
Class Meetings: Wednesdays
1p – 5p
Session/Year: Fall
2014
Instructor Name: Andrew Maner, Ph.D.
Email Address: amaner@aii.edu
Phone: 813-393-5384
Instructor Availability
Outside of Class: By appointment
Intermediate
Web Design
Course
Description:
Students
expand their prior knowledge of HTML and CSS by learning additional methods for
structuring and styling web page content. The ability to style multi-column layouts
and various interface components is explored. Students participate in visual
design critiques, evaluate the designs and code of existing websites, and use
CSS to visually design the presentation of HTML content.
Course
Prerequisite(s): Fundamentals of Web Design
Course
Corequisite(s): None
Instructional Contact
Hours/Credits:
(Please insert the number of weeks, hours,
lecture hours, and lab hours the class meets. This must match the language in
your catalog.)
Course Length: 11 Weeks
Contact Hours: 44 Hours
Lecture: 22 Hours
Lab: 22 Hours
Credit Values: 3.0 Credits
Quarter Credit Hour Definition:
A quarter credit hour is an amount of
work represented in intended learning outcomes and verified by evidence of
student achievement that is an institutionally established equivalency that
reasonably approximates not less than:
1.
One
hour of classroom or direct faculty instruction and a minimum of two hours of
out-of-class student work each week for 10-12 weeks, or the equivalent
amount of work over a different amount of time; or
2.
At
least an equivalent amount of work as required in paragraph (1) of this
definition for other academic activities as established by the institution
including laboratory work, internships, practica, studio work, and other
academic work leading to the award of credit hours.
Learning Objectives:
Upon
successful completion of the course, the student should be able to:
Define terms and methods for styling web
pages
·
Articulate the concept for a web page
design
·
Identify issues of accessibility that
need to be addressed when styling web pages for various devices
·
Discuss the benefits of separating
structure and presentation during web site production
Apply various methods for styling web pages
·
Use CSS to visually design the
presentation of web page content
·
Implement various page layout methods
such as fixed and liquid layouts
·
Design a web site that works on
different screen resolutions and devices
Solve information architecture and
communication problems with effective web site styling
·
Identify ways to use on-line resources
for problem solving
·
Implement solutions for common
information architecture principles through web page styling
Instructional
Materials and Reference:
Materials will be delivered via this website (note the capitalized course code letters):
www.wanderingdomain.com/GWDA273
Technology
Needed: HTML & CSS (some
JavaScript later), Code Editor (Dreamweaver, Edge Code, Blue Fish, etc.), Web Hosting (you MUST have this!)
Instructional
Methods: This course will be
delivered as a combination of in class lectures and laboratory experiences.
Assessment Criteria
and Methods of Evaluating Students: Multiple homework
(coding) assignments, a mid-term challenge, and a final project.
(Sample Assessment Activities) (Sample Grading Scale)
Participation & Work Ethic 10% 90 – 100 A
On-Time to Class 5% 80 – 89 B
Mid-Term Challenge
10% 70
– 79 C
Homework Assignments 55% 60
– 69 D
Code
Organization 5% Below 60 F
Final Project 15%
100%
Student Evaluation /
Grading Policies: Class meetings will
consist of short lectures, interspersed with short programming assignments
designed to reinforce said lectures.
Late Material
Policies: I will accept late
programming assignments, but they are deducted 10% for each week they are
late. The logic behind this policy is
that I choose to find a reasonable compromise between flexibility and
professional expectations. In addition,
the material is presented in a serial manner, so missing a week’s material can
harm your chances of success on a later project. (Note: Code deadlines in a tech company are
just that – deadlines. You won’t find
your paycheck deducted by 10% for being late.
Instead, you’ll probably find it deducted by 100%, permanently.) If you have a significant real life issue
(car wreck, hospitalization, alien abduction, house hit by asteroid,
…), I will give full earned credit upon receipt of supporting
documentation. The final project cannot
be turned in late, seeing as it is due on the final day of class.
Classroom Policy: Be on time, stay awake, and stay involved in
the discussion and in the labs. Answer
questions when posed, and ask questions when you are confused or need
clarification. Be respectful of everyone in the room. Turn OFF
your phone’s ringer/vibrator, and take emergency calls outside the classroom. When
at a computer terminal, keep the monitor OFF
unless you are working on a programming assignment (in which case you most
certainly need the monitor on). While
working on a programming assignment, you can search the Interwebz/InterGooglez/Internetz for
assistance (Stack Overflow is a great website/resource, by the way), but NO
FACEBOOKING/TWITTERING/INSTAGRAMMING/SOCIALMEDIAING. (This goes back to the “stay involved”
requirement.)
Plagiarism: Yes, it is most certainly possible to
plagiarize code. Don’t do it. You can use programming blogs and other such
websites as resources, but you cannot copy and paste code (except where
directed to, in a few limited cases) into your assignments.
Student Art
Work: N/A
Students with
Disabilities:
The
Art Institute of Tampa is committed to providing qualified students with a
disability an equal opportunity to access the benefits, rights and privileges
of school services, programs and activities. The Art Institute of Tampa provides
reasonable accommodations to students with documented disabilities.
Accommodation
requests should be submitted as far in advance as possible. It is the responsibility of the student to
contact the Student Affairs Department to initiate this process (phone #). The
Student Affairs Department will assist qualified students with disabilities in
acquiring reasonable and appropriate accommodations.
Attendance Policy: The Art Institute of Tampa expects students
to attend all scheduled meetings of each course. Students should be prepared to start the
quarter on the first day of classes and to add/drop courses early in the first
week of the quarter to minimize absences.
Absences accrue against the student even if the student was not
originally registered for the class and adds it after the start if classes.
Students who do not
attend any of their classes during the Add/Drop period (first week of classes)
will be withdrawn from school. They must
contact the Assistance Director of Readmissions to return.
Students
must attend a minimum of nine classes per course in order to receive a passing
grade in the course. In quarters where
there is a holiday, the student must attend a minimum of 10 classes. Attending
less than 9 classes (or 10 classes) or 36 hours (40 hours) of course
instruction will result in course failure unless the Associate Dean of
Academic Affairs determines that there are acceptable extenuating
circumstances. Students should be
prepared with written documentation of circumstances beyond their control that
contributed to the absences for consideration by the Dean.
If
the student is allowed to remain in the class and receive a grade, there will
need to be a description of appropriate make-up work from the respective
instructor. Please note that a student
can withdraw from any class through the ninth week without receiving an
“F.” Course withdrawal forms must be submitted to the
Registrar’s Office by the close of business on Friday of week 9 in order to
receive a “W” grade. (Plan ahead, as it
takes time to fill out the form and get the necessary signatures.) Holidays and official class cancellations do
not count as absences.
Requirements:
(1) Attend all class meetings, arrive on time, and stay for the duration of the
class. (2) Missing more than 20 minutes
of a class half (2 hours) will constitute half an absence for that day. (Attendance is taken 30 minutes after class
start, and 30 minutes into the third hour.)
(3) Students who violate the school’s attendance policy will fail the
course.
Consecutive Days
Absence Policy: A student who is withdrawn for failure to
attend any classes within a consecutive ten calendar day period may be
permitted to apply for readmission into the subsequent quarter.
Students
who miss ten consecutive calendar days may be withdrawn from the school and
will receive “W” grades for all courses – if the withdrawal occurs before the
end of the ninth week of the quarter – or “WF” grades for all courses – if the
withdrawal occurs after the ninth week.
Students
who have been withdrawn due to violation of the consecutive absence policy but
are in good academic standing will be able to return the following quarter
through the readmissions process. Students
who have been withdrawn and the withdrawal results in a violation of the
satisfactory academic progress policy (SAPP) must follow the procedure for
appealing academic termination. See the
SAP section of the school catalog.
Student Conduct
Policy: The school does not
tolerate plagiarism, cheating, copying, or academic dishonesty in any
form. Academic integrity policies apply
to both the giver and receiver of information.
Students who witness any act of academic dishonesty should report the
incident to a faculty member, a department chair, or to another member of the
school’s staff or administration immediately.
Plagiarism includes taking words, ideas, or artwork from anyone else and
presenting it as your own or not citing properly in accordance with the APA
Style Guide.
Note:
In this course you will likely use internet resources to get help on your
assignments. (This is highly encouraged,
in fact!) However, your submissions need
to be your own. Don’t just
copy/paste code from the internet and expect it to pass muster.
Suggested
Weekly Outline
Week 1: HTML
and CSS Review
Week 2: Columns and Positioning
Week 3: CSS3 Techniques
Week 4: Web Fonts and
Typography
Week 5: Midterm Challenges
Week 6: More on Positioning
Week 7: Baseline Grid
Week 8: CSS Sprites
Week 9: Media Queries for Responsive Layouts
Week 10: More on Responsive
Design
Week 11: Final Project Lab