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 "Web Design" 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 Policy
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
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.
The examination tasks are mandatory assignments designed to validate students' understanding of web design principles such as HTML Structure, HTML Semantics, Accessibility,
CSS Layout Techniques, CSS Components, and the Rendering Process.
The weeks are filled with scheduled events, pre-recorded lectures, and lessons, along with Resources that align with each week's primary focus.
This structure is intended to incrementally equip students with the necessary skills and knowledge, supporting their journey towards successful course completion.
IMPORTANT: All that is essential to the course is not presented on this page. Please read Activities, Examinations, Grading and Feedback and Policies to better understand more of what is expected of you, how submissions are handled and additional information central to the course.
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.
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 first four tasks. 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 |
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 | Dates | Activities | Resources |
|---|---|---|---|
| 36 | to |
| |
| 37 | to |
| |
| 38 | to |
| |
| 39 | to |
| |
| 40 | to |
| |
| 41 | to |
| |
| 42 | to |
| |
| 43 | to |
| |
| 44 | to |
| |
| 45 | to |
|
CONTACT POLICY
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 |
IMPORTANT: All that is essential to the course is not presented on this page. Please read Activities, Examinations, Grading and Feedback and Policies to better understand more of what is expected of you, how submissions are handled and additional information central to the course.