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 6 Ideas

  • Public
By Andrew Jackson in the group COMP 266 October 29, 2022 - 12:43pm

Unit 6 Ideas


Proper Navigation Bar – Pushbar.JS

             Currently the navigation bar in use requires the user to click the small X at the top of the corner to close it if they do not wish to go to another page. Using the Pushbar.JS library I will be able to implement a better navbar which increases the ease of use in being easier to close. As well it blurs the rest of the page to draw more attention to the open nav bar.


Tabs Menu – JQuery

                        I wanted to use a tabs menu to allows the website to be more dynamic and interactive. I decided the locations page was the best place to do this so that anyone trying to find the location of the nearest warehouse doesn’t have to read through information for other locations. And can quickly chose the closest one, to them to get their information in the quickest way possible.