My assignment.html page for linking to assignment items described in Assignment and Report Specifications

This page is the marking guide to your website that your tutor will use to find your elements. Do not name this page anything other than assignment.html (all lower case) or else we may not be able to find and mark your assignment elements.  How to use this page:

• upload this assignment.html file in your website directory during part 2.3 of Lab 1
• later, link this page to your website's index.html page
• over time, link each assignment task listed below to its location in your website as soon as you have started it
• replace the "notes" paragraph with your notes or delete if you have no notes - your notes will help us understand and mark your site so you should explain things. Maybe you did a task differently from the way we specified it, either because your way is better (tell us) or minimally or not at all to fit in with your site's look and feel (tell us) or ... (also tell us). So, for example, a video might spoil the look and feel. What you do is make one anyway, link to it from this assessment.html page and explain in the Notes why it's not linked to from your public version of your web site. You can style this page as your like, so long as you keep the links to the assignment tasks.
• provide details for your best student forums posts where indicated
• provide the date you attended the continuous improvement session where indicated
• provide link to report where indicated
• delete these instructions when you are ready

1.0 Part 1 Tasks

1.2 Your Me and My Passion

https://stuweb.cecs.anu.edu.au/~u7328418/

Notes: Provide any notes you may have about this element here.

1.3 CSS

https://stuweb.cecs.anu.edu.au/~u7328418/style.css

Notes: Provide any notes you may have about this element here.

1.4 Site Map

https://stuweb.cecs.anu.edu.au/~u7328418/sitemap/sitemap.html

Notes: Provide any notes you may have about this element here.

1.5 Source Log

https://stuweb.cecs.anu.edu.au/~u7328418/sourcelog.html

Notes: Provide any notes you may have about this element here.

1.6 Feedback Form

https://stuweb.cecs.anu.edu.au/~u7328418/feedback/feedback.html

Notes: Provide any notes you may have about this element here.

1.7 This Assessment Page

https://stuweb.cecs.anu.edu.au/~u7328418/assignment.html

Notes: Provide any notes you may have about this element here.

1.8 Student Forum Participation

https://piazza.com/class/le68j82lw62p5/post/339'

https://piazza.com/class/le68j82lw62p5/post/193_f130'

2.0 Part 2 Tasks

2.1 Image Map

Notes: The photo collage acts as the image map taking you to anchored sections of the gallery

2.2 Photo Gallery

Notes: Provide any notes you may have about this element here.

2.3 & 2.4 Storyboard + Video / Javascript

I am doing video.

Notes: Provide any notes you may have about this element here.

2.3 Storyboard for Video / Javascript addition

Notes: Provide any notes you may have about this element here.

2.4 Video / Well written Javascript

Notes: Provide any notes you may have about this element here.

2.5 Student Forum Participation

3.0 Part 3 Tasks

3.1 Reflections

Reflection

Notes: I decided to use the new alternative CSS as I like the look more

3.2 Alternative CSS

Alt CSS Appearance

Notes: I revamped the index page. Both versions are on the sitemap

Alt CSS File

3.3 Social Networking Button(s)

SNS Menu

Notes: I did all of these on the alt appearance page.

3.4 Social Networking Feed(s)

Twitter Timeline Feed

Notes: Provide any notes you may have about this element here.

3.5 CSS and HTML Validation

Validation Gallery

Notes: Provide any notes you may have about this element here.

3.6 Something Original

How I edit images

Notes: CSS - Also might be useful to refresh page twice as the JS might not load properly the first time

Other

Continuous Improvement Session

03/05/2023

Report

Report

Bad Version of Index Page

Notes:
mismatched font - also hard to read
bad web colours - looks out of place and technically not "web safe"
paragraphs not broken up properly - really hard to read
fail to set paragraph max width so it stretches too far and is hard to read
inconsistent image width - a large image may take up the entire screen
non-rounded edges make things a bit more coarse