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 1: Site Design
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, https://thispersondoesnotexist.com .
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:
Sitemap:
Mockup:
Personas:
Scenarios:
COMP 266
