DA280A (Spring 26) - Web Development I @ MAU

This is my very first web development course on univeristy level, however it overlaps a lot with my high school education. The main purpose of me taking this course is to be availablet to participate in more advanced courses in the future such as a course in PHP and JavaScript frameworks. This course teaches basic HTML and CSS for making simple websites.

Structure

This repo contains all the assignments I've worked on along any other relavant files. For all graded work see the "Graded Assignments" folder

About assignments

Assignment 1 (Part 1 & 2) - Part 1: A website presenting an author, Part 2: HTTP and other web related questions

Part 1

Part one focuses on making a website presenting an author using the following HTML-elements:

<h1>
<h2>
<h3>
<p>
<img>
<ul>
<ol>
<a>
<em>
<strong>

Assignment 2 - Presenting artists/bands from Australia, Sweden & USA

In short the website is required to present at least ten artists/bands, at least two from each country. All information shall be presented using tables and include the following columns:

• Artist/band name
• Cover image for the artist/band
• Band members (if it is a band)
• Latest album
• Country
• Sources to the information

The required HTML-elements for this assignment includes:

<table>
<th>
<tr>
<td>
<img>
<a>

<!-- Optional elements: -->
<tbody>
<thead>
<caption>

Additionally the file formats .jpg, .png and .gif should be included at least once in the code.

Assignment 3 - Making a form for a newspaper

The website is supposed to allow the visitors to answer a form about a newspaper in order to get the chance of winning a free T-shirt. Other than the elements required to make a form and inputs the following elements are required:

<fieldset>
<legend>

Assignment 4 (Part 1, 2 & 3) - Part 1: Applying CSS to Assignment 1 Part 1, Part 2: A webpage answering questions about CSS, Part 3: Applying CSS to a template

Part 1

This part focuses on applying CSS to modify the background, headings, and images of the website made in Assignment 1 Part 1

Part 2

Part 2 is just a web page containing answers to questions related to CSS while using the following CSS properties:

background-color
color
text-align
text-decoration
font-style
font-family
font-size
font-weight

Part 3

This part of the assignment is about mimicking a screenshot of a website by applying CSS to a provided HTML page. The following properties will be used at least once in the CSS:

background-color
text-align
padding
border
color
font-style
font-weight

Assignment 5 - Mimicking a screenshot

For this assignment we are supposed to make a website that is identical to a screenshot with the freedom of choosing colors ourselves.

<fieldset>
<legend>

Assignment 6 - Implementing a layout from a screenshot with some creative freedom

In addition to making the website in the same way that the others were made we are also supposed to make it responsive using media queries.

Progress & grades

Assignments

Assignment	Handed in	Grade	Best possible grade
Assignment 1	☑	-	G
Assignment 2	☑	-	G
Assignment 3	☐	-	G
Assignment 4	☐	-	G
Assignment 5	☐	-	G
Assignment 6	☐	-	G

Final grade

To be determined.