DECO 1400: Web Design
Website Implementation
Key Information:
Website Source Code & Poster:
• Due: 30 May 2025, 4:00pm
• Weighting: 60%
• Submission: via submission link on Blackboard (Must include cover sheet)
Website Presentation:
• Due: Week 13, during your usual practical session
• Submission: in class
Demo:
• Due: Week 11, during your usual practical session
• Submission: in class
Website Implementation & Poster (60%)
You should use HTML5, CSS and JavaScript. to implement your website (4-8 web pages). The website should be responsive, and work on tablet and mobile devices as well.
The topics you can choose from: your favourite holiday destination, muffin recipes, cars, photography, portfolio. Alternatively, you may choose a topic of your own. Feel free to discuss the topic with your teaching team or myself, if you are unsure. The sky is the limit! :-)
You may continue working on the same topic you chose for the Web Design assessment or pick a new topic, if you are not able to build on your design ideas or have new ideas. Please feel free to discuss your topic with the teaching team.
Your website files & folders should follow the structure below:
• index.html
o Your home page file should always be named index.html, stored at the root.
• [...].html
o Include all other HTML files for your website
• css/
o style.css
Your main CSS file should be named style.css.
o Where possible & to improve portability of your website files, ensure any CSS files you've used with JavaScript plugins are downloaded locally and placed in this folder (if you're using any plugins).
• images/
o All images should be contained in this folder.
• js/
o script.js
Your main JavaScript. file should be named script.js.
o Where possible & to improve portability of your website files, ensure
any JavaScript. files you've used with JavaScript plugins are
downloaded locally and placed in this folder (if you're using any
plugins). Also, download a copy of jQuery JavaScript file and place it in this folder as well (if you're using jQuery for this assignment).
• files/
o All other files (e.g. Poster, document containing your Reference list, README) should be contained in this folder.
Zip the folder, name it: FirstnameLastnameStudentID.zip
(e.g.ClaireZhao123456.zip) and submit it on Blackboard by 30 May.
You are not allowed to use a website builder for this project. Use of 3rd party frameworks such as Bootstrap, React etc. is allowed but discouraged.
There are no requirements for back-end development in this course. You are welcome to try it out, if you wish, but that's optional and only for those students who have prior experience.
Poster:
Please also prepare an A1 sized poster outlining a brief overview of your website and the potential audience, your low and high-fidelity design prototypes, screenshots of the website, what lessons you learnt along the way (reflection) and future work (extra features that can be added, enhancements that can be made and/or things you would have done differently, if you had more time).
The poster should be submitted on Blackboard by 30 May. No need to print the poster.
These links might be useful, if you are not sure how to design a poster template:
https://ugs.utexas.edu/our/poster/templates
https://ugs.utexas.edu/our/poster/samples
In-class Website Presentation - Week 13:
You will have maximum of 5 minutes to present your website to your demonstrators during your usual practical session in Week 13. That includes presenting a live/recorded demo of the website. Please do not go over time.
Work in progress must be demoed to teaching staff during Week 11. Your website does not need to be completed by Week 11. You might not have responsive design implemented yet or some pages might still be work in progress, but you need to demonstrate progress towards completion.
The teaching team will monitor students' progress and ask questions to ensure that students are completing their own work.
As this is an Identity verified assessment, you must have your student ID on you.
Passing the course
In order to pass the course as a whole, students must pass the Website Implementation assessment, with a final grade of at least a Pass (4). Failure to meet this requirement will result in the final grade being capped at Fail (3), regardless of performance in other assessment items. Please refer to the Course Profile for more information.
Plagiarism
Please note this is an individual assessment and it must be your own, original work. If you are using any content from the Internet, or course content, make sure you include the reference in the comment section of your code. Alternatively, a reference list can be submitted as a .doc file with the source code. Plagiarism is considered a serious offence at UQ. Failure to declare the distinction between your work and the work of others will result in academic misconduct proceedings.
You may include any work you produced for Practical sessions (and acknowledge the source), however you must not use another student's work or copy and paste from the Internet, without referencing it. Check with your teaching team, if you need further clarification or post your questions on Ed Discussion forum.
For details about Extensions or Late submissions, please refer to the Assessment section of the course profile.