Log Page

Week 1: Introduction to HTML

In my first week of this course, I learnt how to use Sublime Text and the basics of HTML tags, including how to create the initial page of my website. I also learned about the basic structure of an HTML page and how to use hyperlinks to connect all my webpages together. Furthermore, I learned how to insert photographs onto my website pages to decorate them.

Week 1: Introduction to HTML

In my second week, I learned how to create an external stylesheet for my website, linking it to all my pages. This allowed me to use `DIV` tags and modify colors, text, and specific modifications I wanted on my website. I used `DIV` blocks to hold my page's content and navigation.

Week 3: Image Editing and ImageMap

In the third week, I learned how to use photo editing tools to create smaller images for my website. I also created a thumbnail for the original photo and added it to the `index.html` page. After much trial and error, I learned how to create an ImageMap through the GIMP photo editing app and linked it to a new file called `aboutme.html`.

Week 4: Making the Website Search-Engine Friendly

In week 4, I created a new page called `Sweetstrawberrywaffles.html`. I learned how to make this page search-engine friendly by including the term "Sweet Strawberry Waffles" multiple times on the page. I used an `h1` heading with this term, and also included it in the meta description and link texts. Additionally, I added an image related to sweet strawberry waffles. I’m not entirely sure if I did it correctly, but I hope I managed to get the page indexed by Google! I really enjoyed creating this page as it reminded me of the mornings back home when my family used to enjoy waffles together :)

Week 5: Design Improvements

In week 5, I designed improvements to my website, so for example I made sure that all of my pages were using the same layouy and that all of my pages used a container and wrapper div that included div, h1, and p elements as well as making sure that I had a minimum 2 div blocks. I also made sure that the container and wrapper div centered my pages. I also made a horizontal naviagtion bar for my webpage to make it look more neat, and I also made sure that my navigation sturcture was identical on all my pages so that all of them had links to get back to my homepage. In my horizontal navigation bar I also made sure that there is an active menu item which in my case changes color when it is pressed onto. I did some final check-ups such as checking that my font is the same throughout and that most of my markup and additional touches are in my stylesheet.

Week 6: Peer Website Review

In week 6, I reviewed a website of one of my peers to make sure that their website was following all the guidelines we were presented with each week. Inlcuded in this was checking that the most important term of each of their page was displayed as the most visible one, as well as making sure that they had made it clear what is clickable, I also checked for dsitraction and design noise, and if the texts were easy to scan. I also checked for happy talk, and if the navigation was user friendly as well as if the homepage indicated what their site was about. The peers website all in all was extremely impressive and I gave minor suggestions for improvement because they had quite a good website.