SBD3 – MA1 The Norwegian Seafood Council


In this modul assigment, I am going to code a small website for the Norwegian Seafood Council (Yes, it is a real thing, Norges Sjømatråd). The webpage should promote the health benefits of Norwegian salmon to the local and international market, and comprise (at least) 3 pages.

The first task is to get hosting.

I use for student tasks. I never buy domain name, but creates sub-domains under my primary domain (sivhansen is also a sub-domain under the top-level domain .no, but usually we don’t look upon domains like that).

I originally chose the domain name norwegianseafoodcouncil, but this is really not a good domain name. It is long and prune to typing errors. The domain name for the “real deal” is only seafood. I ended up with On, all domains are automatically secured by SSL – which is a good thing. That means the data traffic between a browser and the server is encrypted.

To create a sub-domain at is really easy: create a folder in the root of the website, and voila: a sub-domain is born.

The next task is to sketch a basic wireframe for the 3 pages involved. I created a home-page, a contact-page and a about-page. The menu and the footer is repeated on every page.

The next task is to create a structure for the website and set-up folders and files.

This is a screen shot from Filezilla, showing the file structure of the website. I have my pages files in the root folder (about.html, index.html and contact-us.php. The latter is a php file so that I can create interactivity – as in sending an email from a form on this page). I have folders for images, css (and javascript). In my images folder, I could have created additional folders, like “photos”, “graphics” etc, but this is a small website so I don’t think it is necessary.

Folder structure is to help you keep track of your files, and when making a basic html website, you can also use folders to create hierarchy. For example, if you have a sub-folder called documents, you could add a downloadble file with the url Then Google (and other search engines) would know that downloadable.pdf is one level down from the top, in the document structure called documents. Luckily, we don’t make basic html websites anymore.

I gathered some inspirational images, colours and fonts (Arsenica Variable and Monarcha) in Milanote

More to explorer

GD4 MA1 Suprematism and Constructivism

In the early 1900, suprematism (1915-1930) and constructivism emerged in Russia. Artist in Russia found their country in turmoil with both WW1 and the Russian Revolution.

SBD3 CA Hans & Helga burgers

This is the course assignment for Screen Based Design 3 (SBD3 CA). I chose to make a menu for Hans & Helga.

SBD3 MA3 Layout

This weeks task is to recreate a layout, and so I did. The result The next task was to use flex-box and grids to create a layout. I tried to