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 1: Site Design

  • Public
By Mipam Lauder in the group COMP 266 December 20, 2020 - 2:50pm

It took me a bit to decide on the general outline for the site. I’m not very visually creative, so I have trouble picturing exactly how the site will look in the end. I decided on splitting up Vancouver Island into 5 different sections and having a separate page for each section. I thought this would give enough room to display all the marinas without crowding the page too much. I’m not sure how it’s going to look when I get further along, so I may very well change it if it doesn’t look good.


I did find an excellent resource for pictures of people though, .


The site generates photo-realistic shots of people based on an adversarial neural network setup, the only downside is you have to cycle through a few until you find an age/sex/ethnicity type for your personas.


I tried a few different outline generators for the mock-up and sitemap, but I settled on LibreOffice. I like that it’s a full-featured open source office suite, and the LibreOffice draw component worked quite nicely for me to lay everything out.


Website Theme and Purpose:Website theme and purpose

Sitemap: Sitemap


Mockup: Mockup


Personas: Personas


Scenarios: Scenarios