Week 1:

During the first week of this course, we learned the basics of creating a website. We had to create four html files: a homepage, a page with personal information, a page about our studies and a page about our hobbies. We also learned how to use sublime, this is an app where we create our html files in. After having created the files, we had to publish them with filezilla. After trying a few times, it worked and by then we had our first pages published on the internet!

Week 2:

During the second week, we learned how to make 'divs'. These divs really helped to improve the layout of our website. When we started making the first pages, we only had some text and some hyperlinks. We created a stylesheet to put in the 'divs', this created the whole layout of my page. You can see that I have different colors, different font sizes, a specific letter type, headers etc. After having created the stylesheet, we also created this logbook. Then I submitted the improved pages.

Week 3:

During the third week, we learned how to create an image map. I created another subpage with 'Photo'. Here, my picture of the homepage is shown again, but on this picture you can click on certain places that will refer you to some pages I like! Also, you can click on my picture of the homepage, this will refer you to the photo page as well.

Week 4:

During the fourth week, we created another page to our website. This one is very specific, it's about a raspberry ice cream cone. We had to make sure the page contained a h1, title, meta description, image (with alt) and linktexts. We also started a sort of competition: whose page appears first when searching for raspberry ice cream cone on Google, wins!

Week 5:

During the fifth week, we created a div container to change the lay-out of our website even more. In the beginning, the webpage filled the whole screen, but with the container the site looks much more compact. My website has a vertical design now instead of a horizontal design, which I like. We also created a active menu item. This means that if you are on a certain page (for example this page, logbook), the section 'logbook' is highlighted in the menu navigation bar on the page itself. This makes it even more visible that you are on the logbook page right now!

Week 6:

During the sixth week, I reviewed Puck's website. I also added all the finishing touches to my own webpage and finished it!