Skip to content

README.md

Latest commit

 

History

History
180 lines (137 loc) · 6.4 KB

README.md

File metadata and controls

180 lines (137 loc) · 6.4 KB

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>

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl1/index.html

Part 2

Part two focues on answering some basic questions about different protocols, HTML, etc.

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl1/del2.html

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.

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl2/index.html

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>

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl3/index.html

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

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl4/del1/index.html

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

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl4/del2/index.html

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

Image

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl4/del3/index.html

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.

Images

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl5/index.html

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.

Image

Desktop

##### Tablet

##### Mobile

URL

https://webshare.mah.se/aq9300/DA280A/inlamningar/inl6/index.html

Progress & grades

Grading scale for the course and all assignments is UG (Pass/Fail).

Assignments

Assignment Handed in Grade Best possible grade
Assignment 1 ☑ G (Pass) G (Pass)
Assignment 2 ☑ G (Pass) G (Pass)
Assignment 3 ☑ G (Pass) G (Pass)
Assignment 4 ☑ G (Pass) G (Pass)
Assignment 5 ☑ G (Pass) G (Pass)
Assignment 6 ☑ G (Pass) G (Pass)

Final grade

G (Pass)