In this course students will develop a digital outcome using appropriate tools, techniques and design elements . Information from testing procedures will assist to improve the quality and functionality of the digital outcome . Iterative improvement throughout the design, development and testing process will ensure the digital outcome is fit for purpose.
When you create your assessment task, you will be required to include images preferably ones that you have taken yourself. Alternately, you may use Public Domain / Creative Commons images provided they are attributed appropriately. This is necessary so that you can show you have basic image skills and it also avoids any copyright issues.
Please license your work using a Creative Commons license. Choose a license at the preceding link and then put in the attribution image which results. I recommend this license (attribution, no derivatives, non-commercial use).
Don't put the (c) symbol in your footer (even though the eBook says to do this). Instead write put (CC BY-NC-NC 4.0) which is shorthand for the recommended license.
Watch the videos or use any other resource that will support you such as Youtube
Download the Support files
This HTML5 tutorial is also available to follow. To add webpages use this tutorial. To add a contact webpage us this tutorial
Make a copy of the evidence template and rename it 91880_yourname
You might find it helpful to install ColorZilla as this makes it easy to look up colour codes which is very helpful for creating your website.
Free image editing software GIMP
Create webpages using a text editor such as Brackets, Sublime Text, Atom or Visual Studio Code
The images used in the site are from Pixabay
Colour palette generators Canva, Palette FX or TinEye
Create wire frames using one of the following: Mockflow, Moqups, Wireframe, Sketchize, draw.io
Download and install the Apache web server XAMPP
social, cultural, legal, ethical, intellectual property, privacy, accessibility, usability, functionality, aesthetics, end-user considerations, health and safety.
This relevant implications guideline will help you understand the different implications
Watch this video about relevant implications when using images
In this task, you will create a basic website for book fans that includes a working contact page.
Download the Support files
Create a folder called 91880 Web in your My Drive. Put them in a folder called 'Web Resources'
Watch the videos or use this HTML5 tutorial and this tutorial
Work through the videos to create your website. Please make sure that you submit work at the various checkpoints below
(Note: Each time you submit work, please submit your html, CSS and 'Images' folder. Do Not submit your 'raw images' folder!!)
Checkpoint 1: Upload the index.html file, the images folder and the CSS file/folder into a zipped folder called C1_yourname. Due: Thursday 31 March
Checkpoint 2: Upload the contact.html file, the images folder and the CSS file/folder into a zipped folder called C2_yourname.Contact page. Due: Friday 8 April
Checkpoint 3: Upload all the html files, the images folder the CSS file/folder and a pdf file of the renamed evidence template called C3_yourname into a zipped folder called C3_yourname. Due: Thursday 5 May
Read through the assessment task and the marking schedule
Make a copy of the evidence template and rename it 91880_yourname. This should be open at all times when you are doing the assessment as you will need to add 'progress' screenshots at regular intervals..
Submit your work Upload your zipped folder, called 91880_yourname which should contain the following:
the renamed evidence template saved as a pdf file
all your files and folders related to the website - e.g. css folder, images folder html files. Due: Friday 27th May (Week 4 of term 2)
Re-submissions of your work . Due 7 days after you receive your feedback.