Learning aim A: Design a digital portfolio
Audio

You need to include some audio in your portfolio. This could be accessed as the page loads or when an image or link is clicked.

Activity 1

Choose a suitable sound from www.bensound.com

Click DOWNLOAD and save it into your Digital Portfolio folder, it MUST be in the same folder as your pages

Activity 2

Remember the audio track is a Secondary source and you must reference the track. The statement is:

"FREE Creative Commons License - I can use the music for free in my multimedia project as long as I credit http://www.bensound.com"

Anything that you have created yourself (your graphics and your animation) are counted as Primary Sources, anything from the internet are counted as Secondary Sources.

Activity 3 - Speech to introduce yourself

Introduce yourself! Convert the introduction from your Index page into speech. Copy and paste your text and choose a voice.

Add the following html code to your INDEX page (replacing horse.ogg and horse.mp3) with the name of your audio file.

NOTE this code only works when the page is viewed in Google Chrome. If you test the page in Internet Explorer you will receive the following mesage:

"Your browser does not support the audio element"

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element
</audio>

Activity 4

Add the audio to your Assets Table.

Remember to keep adding to the assests table throughout the project.

To achieve the criteria covered by this section (Learning aim B: Create and test a digital portfolio), you must show that you are able to:

  • 2B.P3 Prepare portfolio content and save in appropriate file formats, using
    folders, demonstrating awareness of purpose.#
  • 2B.P4 Create a functional digital portfolio, including:
    ● home page and section pages
    ● context pages.
  • 2B.P5 Test the portfolio for purpose and functionality on a different system
    and browser, and take appropriate action.
  • 2B.M2 Select and refine a range of portfolio content and save in appropriate file
    formats, using a logical folder structure and demonstrating awareness of the
    audience.#
  • 2B.M3 Develop the portfolio demonstrating awareness of the audience, using:
    ● a range of suitable assets on the web pages
    ● consistent navigation
    ● commentaries to explain the content.#
  • 2B.M4 Gather feedback from others and use it to improve the portfolio,
    demonstrating awareness of audience and purpose.
  • 2B.D2 Refine the portfolio to improve navigation and include commentaries
    that justify the choice of content.#

If you have not achieved the Level 2 criteria, your work will be assessed to determine if the following Level 1 criteria have been met. To achieve the Level 1 criteria, you must show that you are able to:

  • 1B.3 Prepare portfolio content, with guidance.#
  • 1B.4 Create a functional digital portfolio, with guidance.
  • 1B.5 Test the digital portfolio for functionality, with guidance.