week 10

content for web pages

text – introductions, commentaries

It is important to ensure that a user to your website understands what they are looking at, and what the pages is about. In this section of your portfolio, it is recommended that you use the unit information descriptors to give some information to the units and what they require/d you to do and learn.

Be clear on your homepage to what your website is about, welcome the users. Where you have files and images explain what they are.

images

Images on a website are as linked as salt and vinegar. Images can help a website become more interesting and engaging.

The image tag looks like

This example of the tag has a number of properties that we can target and change.

alt="Smiley face" -- this property allows the addition of ALternative Text to the tag, this is useful to blind people as this will be read to them when a screen reader looks through the site and finds an email.
width="42" -- this property defines the width of the image.
height="42" -- this property defines the height of the image.

sound or video

The addition of a sound or video clip to a website is quite a simple process. It is suggested that you upload a video to youtube, this is to minimise your bandwidth useage. the process of adding a video to your site can, ironically, can be seen through the below youtube clip.

Follow the process that the video has demonstrated and add a video to your website.

lines and simple shapes

simple client-side scripts (e.g. embed JavaScript code to display a name in a pop-up box)

The example above will allow you to get a user to enter their name into a text box and the value of the text box after they have entered their name into it will be displayed into the webpage.

Java scripts are very powerful and can add interactivity to a website.

Find other java scripts that you could use on your portfolio websites. REMEMBER when you try them out, try them in a copy of your template page so that you don't destroy your pages and have to start over again.

accessibility features (e.g. alternative tags, zoom features, text-to-speech)

Making sure that your page is accessible to all is important, for example, a blind person can still use a website and go on the internet as there is specialist software that read the screen to the user. These readers are able to tell the user what is in an image, the important part here is that when you add an image to your page you need to add the ALT text, this is alternative text and this is what the reader will read to the user.

export and compress any digital assets into suitable file types (e.g. resolution and size appropriate for web pages)

What is the average time that a user will wait for a webpage to load?

Find 5 examples of websites where the page load time is too long.

suitable file names for web pages.

Naming conventions are very important when creating any webpage or site. The name should reflect the page's content, and, purpose, for example, a page that is providing details on how to contact the company should be called contact-us.html please note that the filename has no spaces or capital letters. Why is it important to not use capital letters or spaces? This is due to a number of reasons, mainly the technology that web pages are stored on when made public. IT IS THEREFORE IMPORTANT THAT YOU MAKE SURE THAT YOU HAVE NO CAPITAL LETTERS OR SPACES.

Last Updated
2018-04-16 13:27:00

Links to Learning Outcomes		Links to Assessment criteria
UNIT 3 - Learning aim B: Create and test a digital portfolio UNIT 3 - 1B.3 Prepare portfolio content, with guidance.# UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.# UNIT 3 - 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.# UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.# UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance. UNIT 3 - 2B.P4 Create a functional digital portfolio, including: home page and section pages context pages. UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience: a range of suitable assets on the web pages Consistent navigation commentaries to explain the content.# UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action. UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose. UNIT 13 - Learning aim C: Develop and test a website UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance. UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets. UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced. UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results. UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance. UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose. UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability. UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance. UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes. UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.		UNIT 3 - Learning aim B: Create and test a digital portfolio UNIT 3 - 1B.3 Prepare portfolio content, with guidance.# UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.# UNIT 3 - 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.# UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.# UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance. UNIT 3 - 2B.P4 Create a functional digital portfolio, including: home page and section pages context pages. UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience: a range of suitable assets on the web pages Consistent navigation commentaries to explain the content.# UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action. UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose. UNIT 13 - Learning aim C: Develop and test a website UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance. UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets. UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced. UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results. UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance. UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose. UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability. UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance. UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes. UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.

Links to Learning Outcomes

Links to Assessment criteria

UNIT 3 - Learning aim B: Create and test a digital portfolio

UNIT 3 - 1B.3 Prepare portfolio content, with guidance.#

UNIT 3 - 2B.P3 Prepare portfolio content and save in appropriate file formats, using folders, demonstrating awareness of purpose.#

UNIT 3 - 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.#

UNIT 3 - 2B.D2 Refine the portfolio to improve navigation and include commentaries that justify the choice of content.#

UNIT 3 - 1B.4 Create a functional digital portfolio, with guidance.

UNIT 3 - 2B.P4 Create a functional digital portfolio, including:

home page and section pages
context pages.

UNIT 3 - 2B.M3 Develop the portfolio using, demonstrating awareness of the audience:

a range of suitable assets on the web pages
Consistent navigation
commentaries to explain the content.#

UNIT 3 - 1B.5 Test the digital portfolio for functionality, with guidance

UNIT 3 - 2B.P5 Test the portfolio for purpose and functionality on a different system and browser, and take appropriate action.

UNIT 3 - 2B.M4 Gather feedback from others and use it to improve the portfolio, demonstrating awareness of audience and purpose.

UNIT 13 - Learning aim C: Develop and test a website

UNIT 13 - 1C.4 Prepare assets and content for the website, with guidance.

UNIT 13 - 2C.P4 Prepare assets and content for the website, demonstrating awareness of purpose, listing sources of assets.

UNIT 13 - 2C.M3 Prepare assets and content for the website demonstrating awareness of the users’ requirements, with all sources fully referenced.

UNIT 13 - 2C.D3 Refine the website, to improve accessibility and performance, taking account of user feedback and test results.

UNIT 13 - 1C.5 Develop a website containing four interlinked web pages, with guidance.

UNIT 13 - 2C.P5 Develop a website containing at least eight interlinked web pages, demonstrating awareness of purpose.

UNIT 13 - 2C.M4 Develop a website including interactive components, demonstrating awareness of user requirements and taking account of usability.

UNIT 13 - 1C.6 Test the website for functionality and purpose repairing any faults and documenting changes, with guidance.

UNIT 13 - 2C.P6 Test the website for functionality and purpose, repairing any faults, and documenting changes.

UNIT 13 - 2C.M5 Test interactivity and gather feedback from others on the quality of the website, and use it to improve the website, showing awareness of user requirements.