Athabasca University | AU Student/Staff Login | Invited Guest Login
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 posts - FAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : Misc : Podcasts for each unit
Updated resource pages: Unit 1 - Unit 2 - Unit 3 - Units 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 Site Styling
Learning CSS was quite difficult for me. I understand the basics, but using css to turn a basic web page into a modern looking web page is much more difficult than I originally had thought. I feel that I lack the creative flair required to make a really nice looking web page, but I'm happy with the basic styling that I was able to accomplish. In total I probably spent around 40 hours learning css basics and playing around with styles, trying to make them work for my site.
I looked through the style sheets of almost every web site that I visit on a regular basis to see how the sites are styled. I used the mozilla resources at https://developer.mozilla.org/en-US/docs/Web/CSS to do most of my learning, along with w3schools: https://www.w3schools.com/css/
I really like drop down menus, and found a good resource here: https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar that I used to create my drop downs.
The styles I chose, blue for a nautical theme, allow for easy reading, matching my scenarios.
Website files:
COMP 266
