1. Watch this screen recording.
2. After downloading the assignment file, make a copy and rename it using your unique pair group number (e.g., pair_7.html).
3. The task involves identifying and substituting HTML elements with appropriate semantic alternatives. You should replace elements while retaining the original structure; no elements should be removed. Change both the opening and closing tags to a suitable semantic tag (e.g., h1, section, header, footer, a, p). There is only one correct solution to this assignment. For assistance, refer to the " Help" video in this playlist dedicated to this assignment. Ensure you follow each step carefully to meet the assignment requirements.

4. Make sure all original elements are present in their correct semantic forms at the end of the process. Use the original version that you copied at the beginning to compare with your final version and ensure you have not accidentally removed any elements or altered the nested order of the elements.
5. The assignment should be submitted once per pair, with the single submission covering both students.

Files on Google Drive

Files on Google Drive

Individual

If you've decided to complete the entire project on your own, you may do so, but you must email the teacher and your assigned group (if you have one) before the end of the week. You should skip the "Group Decisions" and the "Author Statement" altogether. But the rest of the project is exactly the same and not reduced in any way.

Group

Meet with the rest of your group immediately after the project start-up. It is crucial that you do so, since you'll need to submit the group's decisions before the deadline at the end of this week. Follow the instructions below in the given order.

As you come together in your group for the first time, it is essential that you follow the instructions outlined below. Each step must be completed in the precise order given to ensure that the process is effective and runs smoothly. Please make sure that everyone participates and that the instructions are carried out with care and attention to detail. Begin!

1. Download the "Group Decisions" document from my Google Drive.
2. Read the entire document together. Build a team from the very start by fostering openness to questions, discussion, and collaboration while reading it. These early stages of collaboration are a crucial part of team building. This is where confidence and joy are built.
3. List the time of the meeting and the names of all attendees in the appropriate sections of the "Group Decisions" document.
4. Watch the entire playlist Project Walkthrough together.
5. After having viewed the project walkthrough above you go ahead and read the Collaboration Rules , Project Instructions and the Author Statement Instructions and take not of all the deadlines (Close) in the home page of the course room.

6. Watch the entire complementary instructions in the playlist Group Decisions and adhere to the instructions presented within the playlist as well as the written ones, for example:
   • Complete the necessary details as requested.
   • Elect a group leader who will maintain communication with me.
   • Schedule routine weekly meetings for the group.
   • Allocate subtask responsibilities, ensuring that each subtask is assigned to only one student, with explicit deadlines (specific date and time) for completion.
   • Upon saving the document you'll make sure to rename the file to "project_group_00_decisions.docx", replacing "00" with your actual project group number. Both docx and doc will be allowed as file-formats.
   • The group leader is responsible for submitting the document containing the group's decisions on Canvas.

Files on Google Drive

Create a responsive replica of five structures. The replicas should be based on references that can be switched on when using Live Server within Visual Studio Code, the same as with the Layout Assignment earlier in the course. Each structure must adhere to the principles of responsive design, ensuring compatibility across various devices and screen sizes, ranging from mobile phones to desktops. The designs should utilize modern CSS techniques to achieve a fluid and adaptive layout. Furthermore, attention to detail is paramount in demonstrating a deep understanding of structure and styling concepts. Additionally, incorporate best practices for semantic HTML to ensure that the structures are not only visually appealing but also accessible and SEO-friendly.

Pay Attention

• Before reading on, it is crucial that you all understand the instructions found on this page are complemented by the playlist Project Walkthrough. If you haven't seen it yet, please do so first. This document provides instructions not given in that playlist and vice versa.
• It is also important for students to recognize that they may not know enough to manage the project initially. Students are expected to learn more in order to successfully complete the project. If you'll follow this link to a composite playlist, you'll find tutorials that will help you understand most or all of the necessary concepts.
• Finally, if you find yourself in need of assistance, you may find it helpful to watch the following Project Assistance playlist. It is there to help you get on track.

Interpretation of the Project Instructions

The project instructions should be interpreted as a checklist of rules; each item must be checked off. Initially, there will be general rules applicable to all project components. This will be followed by specific instructions for each component. Additionally, both the general and component-specific rules will be followed by a number to indicate which of the following three course learning outcomes they correspond to:

• [1] use a selection of HTML elements to structure information on a website.
• [2] apply CSS techniques to design responsive web components for a website.
• [3] use common tools and working methods in web development work.

Files on Google Drive

Purpose of Author Statement

As part of the project submission process, each group member is required to complete an Author Statement that they'll must submit individually. The purpose of this statement is to provide a clear and honest account of each member's contributions to the project. It ensures transparency and accountability, allowing the examiner to understand who was responsible for which parts of the project and to what extent each member contributed.

Private & Confidential

The Author Statement is confidential and should not be shared with anyone except for me. It plays a crucial role in the fair assessment of individual efforts within a group project, helping to recognize and reward the work of all group members accurately.

Preparing the Document

1. Before doing the next step on this list, you should watch the Author Statement recording on YouTube.
2. Download the Author Statement template provided under the heading "Files" below.
3. Open the file and immediately save it with a new filename that replaces "firstname" and "lastname" with your first name and last name. (Ex. project_author_statement_alexander_karlsson.xlsx)
4. In the column "Project Group", enter your project group number (only the number) in as many rows as there are members in your group, starting from cell A5.
5. In the column "Submitted By", under the subcolumn "First Name," enter your first name in as many rows as there are members in your group, starting from cell B5.
6. In the column "Submitted By", under the subcolumn "Last Name," enter your last name in as many rows as there are members in your group, starting from cell C5.
7. In the column "Group Member", under the subcolumn "First Name," enter your first name in cell D5.
8. In the column "Group Member", under the subcolumn "Last Name," enter your last name in cell E5.
9. In the column "Group Member", under the subcolumn "First Name," enter the first name of each group member, starting from cell D6 and continuing to cell D7, D8, or D9, depending on when you've entered the last group member's name.
10. In the column "Group Member", under the subcolumn "Last Name," enter the last name of each group member, starting from cell E6 and continuing to cell E7, E8, or E9, depending on when you've entered the last group member's name.
11. Verify the spelling of each group member's first and last names with the names listed in Canvas.

Mindset before Estimation

The next step is to estimate the amount of work you and each group member individually contributed to each subtask. Before doing so, be sure to read the following bullet points:

• Ensure that your estimates are fair based on your own experience. Your estimates should not reflect grudges or disagreements. The focus should be on actual contributions to each subtask, nothing else.
• Your estimates of contributions should not be discussed and agreed upon collectively in the group. The final Author Statement should provide a clear and precise representation of each member's contributions through the lens of each individual, not the group.
• The Author Statement should be regarded as confidential and may not be shared with anyone except the teachers. It plays a crucial role in the fair assessment of individual efforts within a group project, helping to recognize and reward the work of all group members accurately.

Clear Connection to Group Decisions

When completing the Group Decisions document, routines and deadlines for each subtask were established. This enabled all members of the project group to monitor each other's progress. These routines and deadlines will also be reflected in the Author Statement, ensuring accountability and transparency. This can be seen through the lens of your estimations. You may alse have noticed that each task is broken down into a series of numbered subtasks. These same numbers are also used in the Author Statement for clarity and consistency. So to identify which each number corresponds to you must open the Group Decisions document.

• Use a scale where 1 represents 100% (you or a group member did all the work for that subtask) and 0 represents 0% (you or a group member did none of the work for that subtask). Any number in between 1 and 0 is perfectly acceptable, reflecting the collaborative nature of the project. When typing values between 1 and 0, consider if you have a Swedish version of Excel or not. This is important because one uses a comma (,) as a decimal separator and the other uses a dot (.) as a decimal separator. Use whichever works.
• An empty cell does not mean the same as zero. It will be regarded as a failed submission if cells are left empty when there is a group member representing that same row.

• On the 10th row, you'll initially see a series of zeros. These are calculated totals of each subtask. No subtask should ever have a contribution higher than 100%. In this case, 1 represents a 100% contribution. It should never be less than 100% unless absolutely no effort was made to complete the task. Therefore, when you estimate, the 0 in the 10th row of that subtask should always be 1 if any effort was made to complete the subtask. It can never be higher than 1 and should only ever be 0 if no effort was made to complete it. Failure to comply with these rules will be regarded as a failed submission.
• Only when all subtasks have a value between 0 and 1 for each student, and all subtasks that anyone has contributed to have a 1 in their totals on the 10th row, are you ready to submit.

Files on Google Drive