web design & development, fall 2025 (#wddf25)

Please take care of yourself.  College is about more than classes and homework. Do your best to maintain a healthy lifestyle this semester by eating well, exercising, avoiding drugs and alcohol, getting enough sleep, and taking some time to relax away from work. These choices have the potential to help you achieve your goals and cope with stress. If you are experiencing food insecurity, please visit SJU HawkHUB. Additional resources are:

• Student Success: https://sites.sju.edu/thesuccesscenter/student-success/
• Fitness & Recreation: https://www.sju.edu/health-well-being/fitness-recreation
• Center for Inclusion and Diversity:  https://sites.sju.edu/oid/
• Campus Ministry: https://sites.sju.edu/campusministry/

As a college student, you may sometimes experience problems with your mental health that interfere with academic experiences and negatively impact daily life. Too often there is a negative stigma associated with experiencing distress and seeking assistance. That should not be the case. All of us benefit from support during times of struggle. There are many helpful resources available on campus and an important part of the college experience is learning how to ask for help. Asking for support sooner rather than later is almost always helpful.

If you or anyone you know experiences any academic stress, difficult life events, or feelings like anxiety or depression, we strongly encourage you to seek support. Counseling and Psychological Services (CAPS) is here to help: call 610-660-1090 and/or visit their website at https://www.sju.edu/offices/student-life/caps. Consider reaching out to a friend, faculty, or family member you trust for help getting connected to the support that can help.

If you or someone you know is feeling suicidal or in danger of self-harm, call someone immediately, day or night:

• CAPS: 610-660-1090
• National Suicide Prevention Lifeline: 1-800-273-TALK (8255)
• Crisis Text Line: Text HELLO to 741741

And if the situation is life threatening, call the police:

• SJU Police: 610-660-1111
• Off campus: 911

Course Learning Objectives

This course embodies the Saint Joseph’s University mission to “prepare students for personal excellence, professional success, and engaged citizenship” and “model [a] lifelong commitment to thinking critically, making ethical decisions, pursuing social justice.” It is informed by several Core Objectives created by the Communication Studies department, as well as the importance of Reflection advocated by the Office for Mission and Identity.

Objective 1: Effective Communication
Students will be able to identify and employ a range of effective communication strategies to navigate audience, purpose, and context. (In this context, we’ll be focusing on effective communication through coding practices and design choices.)

Objective 2: Inclusive Design
Students will understand and apply inclusive design approaches to communicating through digital media. (Inclusive design approaches are those that consider the user’s needs and goals over those of the designer’s.)

Objective 3: Collaboration
Students will develop their ability to work collaboratively in a variety of in- and out-of-class activities and settings.

Objective 4: Reflection
Students will develop their understanding of the important role of reflection during the investigation, design, and communication process.

Objective 5: Experimentation
Students will know what it feels like to step out of their comfort zones and take risks with their approaches to and understanding of web design.

Texts, Software, and Materials

Required Print Texts

Duckett, J. (2011). HTML & CSS: Design and build websites. Indianapolis, IN: John Wiley & Sons, Inc.

Required Technologies

• An SJU email account that you check regularly
• A touch-screen device (phone, tablet, etc.)
• The domain of your name (e.g., williamwolff.org is the Bill’s; you may have purchased one in COM 200; if not, you may buy a Personal Plan from Reclaim Hosting–$35/year for hosting registration plus $15 one time fee to purchase the domain)
• A personal computer (preferably Mac or Windows-based), with the following software installed:
  • Brackets plain-text editor (free)
    • Mac Version (will initiate download)
    • PC Version (will initiate download)
    • Chromebook: contact me so we can discuss a possible solution
  • Firefox Developer Edition (free)
    • Web Developer Toolbar Firefox Add-on (free)
  • FileZilla (free; again, contact me if you have a Chromebook)
  • Image-editing software (such as the free and open-source GIMP)
  • As many different browsers as your operating system supports (e.g., Chrome, Opera, Firefox; all free)

Required Materials

• various code handouts, which will be available online
• various articles in PDF format and videos (found on the Readings page)
• a notebook

Digital and Zoom Etiquette

Many of the assignments throughout the semester will require participation in online spaces–Zoom, web sites, GoogleDocs, and others. Students should work to preserve the same atmosphere of respect and consideration that occurs in the classroom. Disagreements may arise and consensus is not always possible (indeed disagreements are productive). However, name calling, bullying, harassing, shaming, flaming, trolling, etc. is antithetical to the goals of this course and decent humanity.

The year online introduced new opportunities for academic technology and learning and it would be foolish to ignore those opportunities if they are more effective than some of the ways things were done in the classroom. One of those things is the ability to share computer screens via Zoom—an activity that proved to be wildly successful for helping me help students with their coding and designs. As such, there will be some weeks when we will be using Zoom so I can more effectively and efficiently help you with your coding. Unless something unforeseen happens, will not be using Zoom for full-class meetings; full class meetings will be completely in the classroom.

While using Zoom, students

• may use a background if you would like;
• are expected to be in a stationary, non-moving space;
• will also need to be using a device that will allow them to complete work (editing HTML and CSS, for example). In other words, on a computer.

Grading

Grades are determined on the basis of a Story of Learning, presented in the form of a GoogleDoc, which incorporates statements about your learning, links to work completed throughout the course, important moments of reflection about the course, and social media tweeted, blogged, or other media that you have sent out in to the internets throughout the semester. Students will present their Story of Learning at the midterm and at the end of the semester. In each case, each student will assess their own performance according to a predetermined grading criteria using their own work as evidence to justify a possible grade. At the midterm, we will meet in individual conferences to discuss your self-assessment and make plans for the rest of the semester.

In your Story of Learning students will discuss their Engagement and Presence, including any disruption to your attendance. Engagement and presences can refer to but is not limited to:

• Preparation: reviewing readings and material before class
• Focus: avoiding distractions during synchronous and asynchronous activities
• Asking questions: in both synchronous and asynchronous spaces
• Specificity: referring to specific ideas from readings and discussions
• Synchronous presence: verbally and nonverbally engaged during synchronous activities
• Timeliness: Meeting deadlines for major projects

Depending on the circumstances, significant and consistent assignment lateness can result in at least a 1/2-grade reduction in your midterm and final grades.

A note on in-class discussions: Contribution to in-class discussion is expected in this class. That is, I expect all students in all class meetings to contribute thoughtful insights into the texts and the ideas discussed in class. Each member of our community of learning needs to be actively engaged in the learning process. Each student is here to contribute to the exchange of ideas. Ask questions. Be curious. As a student in this course you will create your own communal context for learning by engaging in conversations with others. As such, being prepared to participate in discussions and activities is paramount. This entails having read, annotated, and thought about the required materials carefully before class starts. The more you as students shape the conversations by engaging with each other, validating each other’s ideas, pushing each other, and asking each other questions without my prompting, the more this class will feel like a community and not just another class. No grade will be assigned for in-class participation; however, if your participation is lacking, it could seriously impact the Collaboration section of your Story of Learning. There may be times when the class meets in an online space rather than in the classroom. You’ll be notified ahead of time if this is the case.

A note on collaboration. All design is collaborative, as we will see in this class. Though our projects will be completed individually, we will be leaning on each other throughout our design processes for ideas, help, and feedback. I, too, will be learning from you, as you uncover new design tips and techniques found online. You are expected to be collegial, professional, thoughtful, mindful, polite, and open-minded in all of your interactions in the course, especially when visiting with clients. Significant moments that show a lack of collegiality, etc., can result the a reduction in your grade.

A note about grades: Grades in the A-range are those that show the student working at levels significantly higher than what is expected. Grades at the B-level are those that show the student working at levels at or just above what is expected. Grades at the C-level and below are those that show the student working at levels below what is expected.

All major assignments must be completed to pass the course. It is better to complete an assignment late than not to complete it at all. 

Attendance

As this course is highly interactive with complex coding discussed nearly every meeting, your success is absolutely tethered to your presence and participation. The course will move quickly, and each successive meeting will build upon the concepts of the previous. Missing a class or individual meeting puts you at a serious disadvantage in terms of the larger semester arc. This is not the type of course where you can “ask for the notes” from a classmate and get the same learning experience. If you miss class you will miss something important.

Please come to class and individual meetings on time, prepared, having completed the assigned work, and ready to contribute, to listen seriously and respectfully to the thoughts of others, and to participate in all in-class activities.

According to the 2023 – 2024 Academic Catalog, “The course expectation form shall include a clear statement on attendance policy, specifying the maximum number of absences permitted in the course. . . . When students are required to absent themselves from class to participate in a University-sponsored activity, the director of the activity shall give written notice to the instructor in advance.”

Missing more than 1.5 classes will affect your grade. More than 6 absences will result in failing the course. Lateness counts as .5 of an absence. Leaving early will count as .5 of an absence. The grade reductions after 1.5 absences:

2 absences = -1/4 grade
3 absences = -1/2 grade
4 absences = -3/4 grade
5 absences = 1 full letter grade
6 absences = 1.25 letter grade
6.5 or more = FA (failure due to absences)

There are three exceptions to the above policy:

1. Two absences will be excused for minor health reasons you aren’t sure is COVID but are taking precautions to stay away from people. In this instance, email me immediately letting me know you are sick. I will reply recommending you get tested for COVID.
2. Extended absences due to serious reasons, such as hospitalizations, severe health issues (including COVID), death of a loved one will be excused. In this instance, email me as soon as possible letting me know about your extended absence and I will reply with a request to meet at some point to plan for catching up.
3. Absence due to participation in a University-sponsored activity will be excused, though the student must provide in advance written notice from the director of the activity will provide written notice to the instructor in advance.

Your primary responsibility is to be in class and fully present. Arriving late counts as .5 of an absence.

We will have 1 required conference at the midterm where we discuss your progress in the class and questions you have. Missing your conference without prior notification equals missing a day of class. Missing an individual weekly meeting without prior notification equals missing a day of class. Missed meetings will be rescheduled as availability allows.

A Note on Academic Technology

Because this is an upper-level course, you are expected to be familiar with the department’s approach to using digital technologies: experiment, take risks, and play.

However, as much as technology makes life easier, at times it can also be difficult (computer crashes, deleted work, slow internet connection, etc.). Plan accordingly: “the computer ate my homework” or “the internet was down” are not reasons to forgo doing the assigned work. It is in your best interest to leave extra time, and back up frequently, especially at first to ensure that technology does not get in the way of your work.

That being said, I will never mark down or refuse to accept a project because of difficulty using academic technology. The software and applications we use are a means to complete the work, not the work itself. The software is often new and sometimes still has bugs. I am aware of this and am aware that problems can happen. If you run into trouble, let me know as soon as possible so I can help you work through it. There is no reason to sit for hours getting more and more frustrated. Send me an email with as detailed a description of your problem as possible and we’ll figure out what is going on.

If you are having trouble getting a project completed on time (for whatever reason) please let me know about your delays as soon as possible. It is better to complete an assignment late then to not complete it at all, and I am more than happy to work with you so you can compete the best project you can.

Universal Learning

I am committed to the principle of universal learning. This means that our classroom, our virtual spaces, our practices, and our interactions be as inclusive as possible. Mutual respect, civility, and the ability to listen and observe others carefully are crucial to universal learning.

Any student with particular learning needs should contact the Student Success Center at 610-660-1041. The Center is located in Bellarmine Hall. The staff is available to answer questions regarding accommodations or assist you in your pursuit of accommodations. Then you and I can work out the details of any accommodations needed for this course.

Bias, Discrimination, Harassment, and Sexual Misconduct

Saint Joseph’s University Hawk Hill and University City courses are taught in buildings that reside in the sovereign present and ancestral nation of the Lenape (len-AH-peh) people, Lenapehokink (len-AH-peh-HO-king), which they inhabited for over 10,000 years prior to European imperial colonization. The Lenape people embrace the values of collaborative use of land, peaceful resolution of conflict, respect for people of diverse backgrounds, and, as the continuing stewards of Turtle Island, a deep reverence for the natural world.

As a Catholic, Jesuit University, Saint Joseph’s is committed to providing a workplace and educational environment, as well as other benefits, programs, and activities, that are free from acts of bias, discrimination, harassment, and sexual misconduct. We encourage anyone who has experienced this type of harm to seek help from the University by filing a report through the incident reporting form, or by calling 610-660-1145.

For information about the University’s response to reports bias, harassment, and discrimination, including policies, incident definitions, and the role of the University’s Bias Activity Review Group, please visit https://www.sju.edu/offices/titleix-equity/equity or contact bias@sju.edu.

For more information about  University’s response to reports of sexual misconduct, including incident definitions, information for confidential reporting options both on- and off-campus, and resources for support, please visit https://www.sju.edu/offices/titleix or contact titleix@sju.edu.

While I want you to feel comfortable coming to me for support, please know that I have some reporting requirements that are part of my job responsibilities at Saint Joseph’s University. For example, if you inform me of an issue of sexual harassment, discrimination or sexual misconduct (Sexual Assault, Sexual Harassment, Sexual Exploitation, Domestic Violence, Dating Violence, or Stalking) I will keep the information as private as I can, but I am required to bring it to the attention of the institution’s Director Office of Title IX, Equity & Compliance.

Students with Disabilities

Requests for Accommodations: Reasonable academic accommodations may be provided to students who submit appropriate documentation of their disability. Students are encouraged to contact Dr. Christine Mecke in the Office of Student Disability Services, Bellarmine, B-10, at cmecke@sju.edu; or at 610.660.1774 (voice), or 610.660.1620 (TTY), for assistance with this issue. The university also provides an appeal/grievance procedure regarding requested or offered reasonable accommodations through Dr. Mecke’s office. More information: www.sju.edu/sds.

Grievance Procedures for Students with Disabilities, Appeal Process: The Office of Student Disability Services will seek to provide reasonable accommodations to qualified students with disabilities. However, there may be times when a disagreement as to what is considered a reasonable accommodation will occur between the student and the University. The student has a right to file a grievance for complaints regarding a requested or offered reasonable accommodation on the basis of a disability under Section 504 and the Rehabilitation Act of 1973, Title II of the Americans with Disabilities Act (ADA) and University policies. If you have any questions regarding the appeals process, please contact Dr. Christine Mecke, Director Student Disability Services – Bellarmine – Room G10 – cmecke@sju.edu.

For further information regarding accommodations, please see: www.sju.edu/int/studentlife/studentresources/thesuccesscenter/ssd.

Resources

Writing center: You will write in this class. If you are particularly concerned about your writing or think you might benefit from extra support, the Saint Joseph’s University Writing Center is free to all members of the SJU community. The undergraduate and graduate student writers who make up the staff can assist you in any stage of the writing process, from brainstorming to organizing and developing your ideas, to citing sources to proofreading. They work with students from across the university on a variety of assignments and individual and group projects: lab reports, business policy papers, poems, essays, research papers, dissertations, resumes, and personal statements for graduate school applications, among many others. You name it; they’ve helped writers write it. Both in-person and synchronous online appointments are offered any time the Writing Center is open. For more information, including hours of operation and instructions on how to make an appointment, please visit the SJU Writing Center website at sju.edu/writingcenter.

AV Gear Rentals: Students can check out digital still cameras, video cameras, tripods, and other technology in the in the Communication Studies Gear Room, located on the second floor of Bronstein Hall. See the AV Gear Checkout Policies on the Communication Studies web page.

Academic Honesty: Please familiarize yourself with the University’s Academic Honesty Policy. The pursuit of knowledge requires a total commitment to academic integrity in accordance with Saint Joseph’s University’s Academic Honesty Policy as stated in the SJU undergraduate and graduate catalog. All students are expected to abide by this policy throughout this course. Academic dishonesty, including cheating, plagiarism, and fabrication, including assistance from AI devices, will not be tolerated. Using ChatGPT or any other form of AI to assist in whole or in part to complete graded assignments (e.g., homework, tests, projects, term papers) is considered unauthorized assistance. The penalty for the violation of the Academic Honesty Policy is course failure. If you have any questions about what constitutes academic integrity in this course, please feel free to contact me to discuss your concerns.

Acknowledgement

Portions of this course are borrowed from and inspired by Karl Stolley.