Course syllabus
Welcome!
Welcome to this course at Dalarna University! We are excited to have you join us on this educational
journey where you will explore the fundamental principles and techniques of web design.
Throughout this course, you will gain experience with HTML, CSS, and various techniques and common
practices that are essential for creating responsive and user-friendly websites.
This course is structured to provide you with a comprehensive understanding of both theoretical concepts and
practical applications. We encourage you to actively participate in lectures and exercises, complete lessons
diligently, and collaborate effectively with your peers. Your success in this course will be determined by
your engagement and effort, so be prepared to immerse yourself fully from the very start.
The Udemy course
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
is listed as essential literature for the course. The cost of this course varies significantly due to Udemy's
frequent special sales. It is advisable for students to purchase the course when the price drops below $20.
(Only watch the chapter "How CSS Works: A Look Behind the Scenes". This chapter makes out the core of what you'll
need to know when taking the quiz "Rendering Process and Cascade". You do not need to watch the final video
"Implementing BEM in the Natours Project". The other chapters in the Udemy course will be perfect as a next step
after completing this course.)
The book "Responsive Web Design with HTML5 and CSS (Fourth edition)" is relevant to the course, though no specific
part in it will be referenced during the course. However, it serves as an essential backbone for understanding the
key concepts. It is highly recommended for students who need alternative ways to take in information beyond the
provided resources and activities.
Remember to check the announcements regularly to stay updated on all activities and requirements. If you have any
questions or need assistance, please do not hesitate to reach out to us through the communication
channels provided at the bottom of this page. See Contact
This course begins immediately at a high pace with no room for procrastination. If you fall behind, it will be
challenging to catch up. It's essential to stay engaged and keep up with the coursework from the start to ensure
you can follow along and succeed.
Let's make this a productive and enjoyable learning experience. Welcome aboard, and let's get started with the screen recorded
Course Room Introduction
.
Get ready with the correct software and file structure, by following along with the playlist
Getting Ready.
Check in the description section of the video for a complete list of recommended VS Code extensions.
If you want to review the course evauluation from the previous course instance, read the following PDF:
Course Evaluation
CURRICULUM
This curriculum serves as the central hub for the entire course, detailing both the examination tasks and the structured weekly activities.
Examination Tasks
To read the instructions or get to files click on the
link
with purple background and white text at the top of each task in the "Task" column below.
To submit your work or access a quiz, click on the appropriate 'Attempt' for that task.
1
2
3
Each examined task offers three attempts during this course instance. The opening and closing times (deadlines)
for these attempts are detailed in the columns named 'Open' and 'Close'. If a student fails all three attempts,
they will be directed to the next instance of the course. A failure to submit is counted as a missed attempt.
Examination tasks must be fully adhered to for approval, unless otherwise stated.
Pairs are created manually by students signing up for a pair themselves.
Project groups will be formed based on each student's performance in the tasks leading up to the project.
These tasks will be weighted as follows for group selection:
- HTML and Semantics (2 points)
- Layout Techniques with CSS (4 points)
- Accessibility (1 points)
- Rendering Process and Cascade (3 points)
| Ladok | Task | Attempt | Open | Close |
|---|---|---|---|---|
HTML and Semantics 1.0 Credits | Difficulty: ★☆☆☆☆ Submission Format: Code Collaboration Mode: Pair Grading Schema: U-G Grading Type: Manual | 1 | ||
| 2 | ||||
| 3 | ||||
Layout Techniques with CSS 1.5 Credits | Difficulty: ★★★★☆ Submission Format: Code Collaboration Mode: Pair Grading Schema: U-G Grading Type: Manual | 1 | ||
| 2 | ||||
| 3 | ||||
Accessibility 0.5 Credits | Difficulty: ★☆☆☆☆ Submission Format: Quiz Collaboration Mode: Individual Grading Schema: U-G Grading Type: Automatic | 1 | ||
| 2 | ||||
| 3 | ||||
Rendering Process and Cascade 1.5 Credits | Difficulty: ★★★☆☆ Submission Format: Quiz Collaboration Mode: Individual Grading Schema: U-G Grading Type: Automatic | 1 | ||
| 2 | ||||
| 3 | ||||
Project 3.0 Credits | Difficulty: ★☆☆☆☆ Submission Format: Document Collaboration Mode: Group Grading Schema: U-G Grading Type: Manual | Once | ||
Difficulty: ★★★★★ Submission Format: Code Collaboration Mode: Group Grading Schema: U-G Grading Type: Manual | 1 | |||
| 2 | ||||
| 3 | ||||
Difficulty: ★☆☆☆☆ Submission Format: Data Collaboration Mode: Individual Grading Schema: U-G Grading Type: Manual | 1 | |||
| 2 | ||||
| 3 |
More on Grading
Grades may take up to 15 working days to be issued from the submission deadline, rather than from
the time of submission.
If Canvas notifies a student of comments on their submission but they cannot view them, it is because
the teacher has graded the submission but will post all grades after completing the grading for all
students.
Early Submissions
If a student submits an attempt well before its deadline, the teacher may grade it earlier. Once graded,
that attempt is counted as an attempt, and additional submissions into that attempt folder will not be
graded. This means the student loses potential time they could have used to improve their chances of
achieving a higher grade.
Students will know if their submission has been graded, as they will either receive a grade or be
notified that it has been graded. In the latter case, students may not see the grade immediately if the
teacher has chosen to publish the results later for all students.
Late Submissions
If a student, group, or pair is late by one second or more and cannot submit their work for the
intended attempt, the following rules apply:
- A missed or late attempt is regarded as a used attempt and will not be graded or considered, even if it is late by as little as one second.
- The submission is regarded as an attempt for the folder it is submitted to, as long as that attempt folder is available and the attempt has not been graded. For example, if students try to submit to Attempt 1 but are late and the folder is no longer available, they may submit to the Attempt 2 folder and notify the teacher. The teacher will refer to this text: "The submission can no longer be counted as Attempt 1, even though it is just a little late." The student should then submit their work to Attempt 2 before its deadline.
Activities & Resources
The "Activities" column specifies the activities expected to be completed during the week (excluding examination
tasks; for those, see the table titled Examination
Tasks). The lists in the Activities column are numbered to indicate the order in which the content should
be undertaken, ensuring that students are adequately prepared and in sync with the course schedule. The calendar
icon 📅 indicates scheduled live events, while the red circle 🔴 signifies content that has been
recorded and is available for viewing but is not scheduled.
Resource links lead to a Google Drive folder containing files and links pertinent to the week's activities.
It is important to note that no submissions are detailed in the table below; these are instead listed in the
table titled Examination Tasks provided above. This crucial point bears repeating to ensure it is not overlooked.
| Week | Activities | Resources |
|---|---|---|
36 |
| |
37 |
| |
38 | ||
39 |
| |
40 | ||
41 |
| |
42 |
| |
43 |
| |
44 |
| |
45 |
|
More on Activities
| Activity | Description |
|---|---|
| Lecture (Föreläsning) | This is likely the activity most students are familiar with. The teacher speaks, and the students take notes. Students may also follow along with the teacher's actions, although it is not required. Lectures may conclude with a suggestion for students to practice using provided examples. |
| Lesson (Lektion) | This activity is similar to a lecture in that the teacher speaks, but the focus is more on the teacher showing and the students following along by doing the same as the teacher. |
| Exercise (Övning) | In this activity, the teacher may initially introduce an exercise for about 15 minutes and then leave the students to complete the exercise while walking around, assisting the students, and answering questions. From time to time, the teacher will pause the exercise if an answer to a question is particularly helpful for all attending students. Then the exercise continues. The goal is not to complete the exercise immediately but to guide students in the right direction for independent continuation. |
| Q&A (Frågestund) | This activity focuses on addressing student questions and clarifying requirements. |
POLICIES
Collaboration Policies
Collaboration is a key component of this course. You will participate in group and pair work to
foster teamwork and collective problem-solving skills. Detailed rules on how to collaborate with
your peers are provided below:
- Work distribution among students in a group or pair must be equitable.
- If any member feels they are falling behind despite active participation, the group must pause and ensure that this individual attains the same level of understanding as the rest.
- No single individual should dominate or carry out the majority of the work alone.
- No one should rely on others to do their share of the work.
Study Policies
The following study policies are established to guide students in their academic journey throughout
this course. These policies are designed to ensure that students maintain a high level of personal
responsibility and preparedness, both individually and within group or pair settings:
- Significant portions of this course demand that students take personal responsibility for their learning. The same goes when they are part of a group or pair.
- Students are often expected to have completed readings and/or lessons before scheduled instructional sessions. The same goes when they are part of a group or pair.
Material Importance Policy
Some students make incorrect assumptions regarding the course material. Therefore, the text below is
here to clarify:
- Regardless of whether the course materials/literature are hosted within Canvas or linked from an external site outside of Canvas, both sources should be considered equally essential for the successful completion of the course.
Conflicting Information Policy
If there is conflicting information, follow this priority order:
- Course Room Announcements
- TimeEdit
- Course Handbook in the Course Room
CONTACT
IMPORTANT: To ensure your messages are responded to, please do not use the
Canvas mail function or any personal email addresses for communication. It is crucial that you use only the
official email address provided to you upon your registration at Dalarna University. Messages sent through any
other means will not be acknowledged.
The Support Café over Zoom
(open weekdays 8.00 a.m. to 4.00 p.m.) assists with questions related to the Dalarna University's digital learning environment like
Canvas, Zoom, Play Portal and Sunet Survey.
Please, contact the staff through the email addresses provided below:
| Name | Role | |
|---|---|---|
| Alexander Karlsson | alk@du.se | Teacher, Examiner and Coordinator |