Web Page Design I Syllabus for 2021-2022
Return to Syllabus List

Instructor Information

Office Location

Parcells Hall 313A

Office Hours

Monday & Wednesday, 11:00am–12:00pm, or by appointment.

Course Information

COVID-19 Protocols

Recording Policy

Disability Statement

If you have a disability (learning, mental, physical) that affects your ability to participate effectively and have access to any program or service at Amarillo College please contact Disability Services at (806) 345-5639 . Our offices are located in the Student Service Center office 112. More information may be found at www.actx.edu/disability.
Disability Services facilitates access to all programs and services according to the ADA, Americans with Disabilities Act and Section 504 of the Rehabilitation Act, as well as other federal and state laws.

Amarillo College Web Accessibility Policy Statement

Amarillo College is committed to providing equal access to all programs and services, including all working, learning, and service environments that affect equal access for persons with disabilities. This commitment to provide equal access and opportunity for persons with disabilities is in compliance with federal and state law. Amarillo College also strives to provide Electronic and Information Resources (EIR) that are accessible to all authorized users.

If you find you are unable to access material in an accessible format please contact the Disability Services Office at (806) 345-5639 . This office will work in conjunction with other campus resources to address and accommodate your issue in a timely manner.

Statement for Mental Health and Advocacy & Resource Center:

As a student you may experience a range of issues that can cause barriers to learning, such as strained relationships, increased anxiety, alcohol/drug problems, feeling down, difficulty concentrating and/or lack of motivation. These mental health concerns or stressful events may lead to diminished academic performance or reduce a student's ability to participate in daily activities. Amarillo College offers services to assist you with addressing these and other concerns you may be experiencing. If you or someone you know are suffering from any of the aforementioned conditions, you can learn more about the broad range of confidential mental health services available on campus by calling the AC Counseling Center at 806-371-5900. The AC Counseling Center website is https://www.actx.edu/counseling/ . Also, if you are in need of social services (affordable housing, utilities, transportation, food, clothing, childcare, medical/dental/vision, legal), please call the AC Advocacy & Resource Center at 806-371-5439. The AC Advocacy & Resource Center website is https://www.actx.edu/arc

Amarillo College Tutoring for Success Policy:

The Tutoring for Success policy applies to any student whose grade or performance in the course falls below a departmentally determined minimum threshold. In either of those cases, the instructor will direct the student to the appropriate tutoring service, which may be faculty-led, discipline-specific, and/or general. Under this policy, the instructor will follow specific departmental guidelines governing the use, duration, and grade component of the tutoring need.

Administrative Drop Policy

Students who do not attend class on or prior to the census date will be administratively dropped. Effective Fall, 2016

Student Withdrawal Procedures

Students who wish to withdraw from a course must complete all steps indicated on the Academic Withdrawal Request form by the course withdrawal deadline.

NOTE: Students who are attending Texas institutions of higher education, for the first time fall 2007 and later, may not withdraw from more than six courses during their academic career. This withdrawal limitation does not include dual credit or developmental classes (Senate Bill 1231 Rule 4.10.) For more information on Drop and Withdrawal Policies, please visit the Registrar's Office Web site.

Privacy Statement

The Amarillo College Privacy Policy is found at https://www.actx.edu/-amarillo-college-privacy-notice , and applies to all Amarillo College students.  If you have questions about this privacy statement or you believe that your personal information has been released without your consent, send email to humanresources@actx.edu .

Course

IMED-1316-001 Web Page Design I

Prerequisites

 Prerequisite: ARTC 1325 or PHTC 1300 or instructor consent

Course Description

Instruction in web page design and related graphic design issues including markup languages, web sites and browsers.

Student ResourcesStudent Resources Website

Department Expectations

Occupational License Disclaimer

Notice to Students enrolled in an educational program for preparation of issuance of certain occupational licenses:

Students enrolled in an educational program in preparation for obtaining certain occupational licenses are potentially ineligible for such license if the student has been convicted of an offense. For further information, please contact:

Melodie Graves
Justice Involved Advocate
Student Service Center 117
mgraves24@actx.edu
806-371-5995
Make appointment at https://melodiegraves.youcanbook.me

You can also contact the Legal Clinic, or the faculty member in charge of the educational program that you seek to enroll in. The further information you will receive will include notification to you of your right to request a criminal history evaluation letter from the licensing authority in order to clarify your particular situation.

Hours

(3 sem hrs; 2 lec, 4 lab)

Class Type

On Campus Course

Syllabus Information

Textbooks

Required Text (Or equivalent research on your own):
HTML & CSS by John Duckett
ISBN: 978-1-118-00818-8

Instructional Website:  www.thedesignlab.us

Main resource text: www.internetingishard.com/html-and-css/

Office Hours: M/W 1:30–2:30 or by appointment

Supplies

  • Storage device 2 gb or higher (thumb-drive, external hard drive)
  • Drawing pencil
  • A standard spiral notebook for taking notes is recommended but not required.
    (You may take notes in your sketchbook if you wish)
  • Students may be required to buy a domain name ($12-$20).

 

Student Performance

Course Description: Instruction in web design and related graphic design issues including mark-up languages, web sites, and browsers.

End-of-Course Outcomes: Identify how the Internet functions with specific attention to the World Wide Web and file transfer; apply design techniques in the creation and optimization of graphics and other embedded elements; demonstrate the use of World Wide Web Consortium (W3C) formatting and layout standards; design, create, test, and maintain a web site.

Specific Course Outcomes: Our goal is to first come to understand, at least on a surface level, how the web works and how to construct styled web pages from the ground up, made to look exactly as intended.

Students Rights and Responsibilities

Student Rights and Responsibilities

Log in using the AC Connect Portal

In order to receive your AC Connect Email, you must log in through AC Connect at https://acconnect.actx.edu .

If you are an active staff or faculty member according to Human Resources, use "Exchange". All other students, use "AC Connect (Google) Email".

Expected Student Behavior

These expectations will be enforced, in your grade and by whether you are granted continued allowance into the classroom.

  • Cell phones and communication devices will be required to be kept inside your purse, bag or pocket.
  • Cell phones and devices must be turned to silent.
  • No texting during lecture, critique or class room instruction.
  • Food and drink will not be allowed during class. Bottled drinks are an exception.
  • No social networking of any kind during class time.
    If you do this, you will lose credit immediately for the project that you are supposed to be working on.
  • No watching of videos or other materials unrelated to class. This is very rude and distracting.
  • Students are required to come to class prepared with all supplies.
  • *Student are expected to be respectful to each other and all faculty. See note below.
  • Listening to headphones will not be allowed unless explicitly stated otherwise for a specific class. You must learn to operate in a group, and in an environment of distractions.
  • Plagiarism of any kind will not be tolerated and will be reported. Obviously, still will receive a zero for the project in question.

On respecting classmates:

An environment of mutual respect among one another (student to student, between student and instructor) is crucial and anything outside of this WILL NOT BE TOLERATED.

  • Silence during class isn't expected, but do not spend periods of time speaking loudly about something unrelated to class. This is highly distracting to other students and myself as I'm speaking to others.
  • Grunting, remarking under one's breath, huffing or other actions that display ongoing frustration; these actions affect those around you.
  • Gratuitous cursing, or speaking in ways which are vulgar or do not respect the feelings of those around you. Insensitive discussion of race or sexual orientation will result in immediate dismissal and loss of credit for anything done on that day.
  • Failure to operate within the above guidelines may result in dismissal from the class and student will not receive credit for that day's attendance or activity grade. Further action will be taken if a student exhibits a habitual disregard to the above guidelines.

If you engage in these actions in class, I will call you out in class. Any other actions that are noticed will be addressed and added to the list.

Make it easy: don't be a jerk, don't be a know-it-all, don't be profane, do your work. Win for everyone.

On naming conventions:
You will be told in class how to name your files or folder which you turn in. There is a specific naming convention that is expected, as this makes it easier to grade more efficiently and ensures your projects don't get lost in the cracks. Your project will not be graded if it doesn't follow the naming convention you are told to use.

Grading Criteria

Projects - 70%
These are more significant classroom activities, to be done either outside of class or over the course of several class periods. They will be due at the beginning of class on the due date, or at the end of class if due on a designated work day for that project.

Exercises - 20%
In-class guided tutorial or self-guided exercises, usually contained within one class period, which will have a shorter window for completion and sometimes be assigned as homework activities.

In Class Activity - 10%
Activity includes participating in all classroom activities and being attentive during classroom instruction. It includes having completed all activities required for each class day as instructed. It also includes abiding by classroom policies (Student Behavior), and violation of any of these may result in a reduction of the activity grade for the day. There will also be periodic, timed quizzes over the class material which will be completed and due in class

  • All exercises and projects are due when specified by the instructor.
  • LATE PROJECTS and EXERCISES WILL NOT BE ACCEPTED.
  • Instructor reserves the right to decline the acceptance of any class work or projects that are significantly incomplete.
  • Students are responsible for staying informed of their grades and status in the class.

Work Development & Process:
Projects are expected to be explored, developed and refined through a process of student work and initiative combined with instructor and peer feedback. For this reason, work that is turned in on critique day should show the completion of this process. If you turn in a project that is a departure from what has been discussed and reviewed prior to critique day, your project will not be accepted. This shows a lack of respect for the process of feedback and revision, and would be unacceptable in a true work environment.

Grading Schema:

A: 90 or above
B: 80-89
C: 70-79
D: 60-69
F: 59 or below

Attendance

THIS IS A STUDIO COURSE. YOUR ATTENDANCE AND PROMPT ARRIVAL TO CLASS ARE ESSENTIAL FOR LEARNING AND EVALUATION.

We will meet on campus, but when and if we do need to meet virtually, the Zoom room is listed below.

Zoom Meeting Room
https://us02web.zoom.us/j/78970405771

Pass: 4321

If you miss a class, it is your responsibility to find out what you missed, including new assignments and due dates, and to make arrangements to obtain the materials dispersed (if applicable) and/or catch up on instruction.

ABSENCES
Students will be allowed 2 absences without penalty. After the second unexcused absence, 1 letter grade will be deducted from the total class grade for each additional absence. 5 absences will result in automatic failure of the course. A breakdown of penalties for absence is presented below:

Up to 2 Absences: No penalty
3 Absences: Loss of 1 letter grade
4 Absences: Loss of 2 letter grades
5 Absences: Failure of Course

You will counted as absent if you arrive more than 30 minutes late, if you leave more than 30 minutes before class is over without approval, or if you leave without consulting with instructor on days reserved for consultation and feedback.

There will be no exceptions to the above policy. For the opportunity to make up any work missed (which will only be allowed under the direst of circumstances and will be granted at the discretion of instructor), documentation must be provided as the reason for absence.

It is your responsibility to stay up to date on your absences.


TARDINESS
1 tardy = no penalty
2 or more tardies = 1 percentage point removed from Activity grade per tardy after 1.

INSTRUCTOR RESERVES THE RIGHT TO DISALLOW LATE ENTRANCE INTO THE CLASSROOM. In such cases grades for Attendance, Activity, Quizzes, and Exercises for that day will be lost.

• Students will be responsible for signing their own name on the attendance sheet in class.
• Instructor is not responsible for student's failure to sign in class attendance sheet.
• Failure by student to sign the attendance sheet will result in an absence.
• Students may request a review of their own attendance record with the instructor outside of class time.

Calendar

Note: Dates are tentative and may change according to the progress of the class as a whole. Changes in the schedule will be announced during class and reflected on the syllabus on the official ACTX.edu site and on the instructional website: ( https://thedesignlab.us ).

The days noted for book readings are the days by which they should be read.

_____________

Week 1: Basics of HTML

Day 1:
Syllabus/Intro
https://internetingishard.com/html-and-css/introduction/
- We build a page together, me guiding the way
- Receive handout Web Terms sheet

Day 2:
What is the Web? How does it work?
Structure of a site, page, and element / Basic Elements / AttributesReading: Pages 5-9
https://www.internetingishard.com/html-and-css/basic-web-pages/
Reading: pp 12-26
https://www.internetingishard.com/html-and-css/links-and-images/
– we build a multi-page site together

______________

Week 2: Images, Intro to CSS

Day 3
Add the rest of elements to ex1
Show how to drop the files in Google Drive

Discuss Semantics
https://www.internetingishard.com/html-and-css/semantic-html/

Linking: absolute and relative

Break /////////////////////////////////////////////////

Here are some tips in working from my layouts.

Show how to deal with layouts I give in Illustrator, Exporting Images
- How to gauge image sizes
- How to grab type sizes
- Make sure things are set at 100%
- Use color dropper
- Check Type/Leading/Paragraph After
Images
- Asset export
- Export from photoshop
- Different image types

Assign Bazinga exercise, due beginning of next class.

----

Day 4:
Introduce CSS / CSS activity
Reading: pp 226 - 240
https://www.internetingishard.com/html-and-css/hello-css/

______________

Week 3: CSS in Depth

Day 5: Off. Labor Day

Day 6:
Cascade / rule hierarchy / style types / specificity / inheritance / text styles
Reading: pp 238-239
In class CSS activity

Week 4: Building Structure with CSS and Display

Day 7:
Box Model / Margins / paddings / borders / width / height
Reading: page 361-362, 300-326
https://www.internetingishard.com/html-and-css/css-box-model/
Reading: p 317 (display property)

Day 8:
Building sections with CSS, IDs, Classes, Contextual Styles
https://www.internetingishard.com/html-and-css/css-selectors/
In class CSS activity
Modifying "display" property, creating navigation lists
Images for Web, background images with CSS
Introduce Floats: Traditional usage, layout/column usage
https://www.internetingishard.com/html-and-css/floats/
Reading: pp 370-376,

______________

Week 5: Positioning, Background Imagery

Day 9:
Lecture / Lab: Positioning
https://www.internetingishard.com/html-and-css/advanced-positioning/
Reading: pp 363

Day 10: Lab.
Working on Absolute position layouts

______________


Week 6: Flexbox


Day 11:
Lecture: Flex Boxes
https://www.internetingishard.com/html-and-css/flexbox/
Positioning project due
Assign Project Raffle Site


Day 12:
Lecture/Lab: Continue Flex Boxes
Lecture/Lab

______________

Week 7: Continue Flex


Day 13: Continue Positioning & Flex
Lecture / Lab
Layout from Raffle Due


Day 14:
Lecture / Lab
Raffle Project Due by 6:00pm

Week 8: A week to give wiggle room, address anything that needs addressed.

Day 15:
Lecture/Lab

Day 16:
Lecture/Lab

______________

SPRING BREAK
_____________

Week 9: Responsive Web, jQuery

Day 17:
Lecture / Lab
IIntroduce Responsive (Media Queries)
Assign Chronology Site

Day 18:
Introduce jQuery
Continue with Responsive Web
______________

Week 10: Responsive Web, jQuery

Day 19:
Lab

Day 20:
Lab
Chronology Layouts due

______________

Week 11: Forms & Interactivity

Day 22: Forms, Interactivity Methods Introduced
Lecture / Lab


Day 22:
Lecture / Lab

______________

Week 12: Continue Forms & Interactivity

Day 23:
Lecture / Lab


Day 24:
Lecture / Lab
Chronology Site Due by 6:00pm

______________

Week 13: jQuery UI

Day 25:
Lecture / Lab
jQuery in a bit more depth (jQuery UI)
Introduce Web App project


Day 26:
Lecture/Lab

______________

Week 14: Combining Layout and Scripting

Day 27:
Lab

Working, getting feedback
Day 28: Layouts due for Web App, turned in
Lab

______________

Week 15: Working

Day 29:
Lab

Day 30.
Lab
Web App due by 6:00pm

______________

Week 16

No more class.  Congrats.

 

Additional Information

Further details on major projects can be found on the supplemental intructional website. Course materials for demos and projects will be provided in class, gathered by students as instructed, or through the instructional website ( http://thedesignlab.us ).

Syllabus Created on:

01/18/22 11:30 AM

Last Edited on:

01/18/22 11:32 AM