Landing : Athabascau University

Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : MiscPodcasts for each unit

Updated resource pages:  Unit 1 - Unit 2  - Unit 3Units 4 & 5 - Unit 6 - Unit 7

mportant notice: the student web server is unavailable. Until this is fixed, we do not require you to upload your site to the student server. See Running a web server on your local machine for details of how to meet the requirements for the final unit

Unit 3 - CSS and Learning Diary 4

  • Public
By Jodene Humeniuk in the group COMP 266 August 14, 2016 - 1:59pm

Introduction

I found this unit to be quite tricky. I spent quite a few hours trying to get the site to act as I wanted it to on both my laptop and my phone and it just wouldn't. So I took a break and then started from where I was at the end of unit 1 again. It worked almost instantly, which was very exciting. 

Activities

Reflections

My limited experience with CSS was quite useful going through this unit. I found that once I started over, much of it came quite easily and it was quick to finish it to a point where I am happy with the results.

My first attempt to finish the project I tried to do too much at once and I found that my code became a jumbled mess. Some code was interacting with other code in a way I didn't quite understand, I was accidently using non-existant code and in general biting off more than I could chew.

The site looks more amatuer and basic at this point than I expected but I think that is mostly due to my choice in colour. Due to my slight time crunch at this point I don't think I will have time to search for more professional looking colours or patterns for the background, but I am content with what I have accomplished and glad to have a solid product to continue to work from.

Learning Outcome Mapping

Evidence

Design dynamic websites that meet specified needs and interests. (A)

The website now has dynamic attributes such as adjusting itself for different browser sizes and hover effects on the navigation bar. The navigation buttons are now a standard size and shape.

Write well-structured, easily maintained, standards-compliant CSS code to present HTML pages in different ways. (A)

My code on all pages is easy to understand. There are comments where required and the code is compliant to current CSS standards. Some of the HTML has been adjusted for ease of use and maintainability.