Download
lo4 be able to create websites n.
Skip this Video
Loading SlideShow in 5 Seconds..
LO4 - Be able to create websites PowerPoint Presentation
Download Presentation
LO4 - Be able to create websites

LO4 - Be able to create websites

128 Views Download Presentation
Download Presentation

LO4 - Be able to create websites

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. LO4 - Be able to create websites Be able to create an interactive website to meet a client’s needs

  2. Assessment Criteria

  3. Assessment Criteria P5, M3 and D2 • For assessment criterion P5, the planned website of at least eight pages should be created using appropriate software. It must include images, animation, audio and/or video, navigation and interactivity as planned. It is not necessary for the website to be linked to a database, but there should be some appropriate uses of interactivity. The website can be the evidence for this criterion. • For merit criterion M3; the learner should implement improvements to their interactive website to improve site to meet the needs of the client. , The improvements must be implemented by using CSS (Cascade Styles Sheets) which may be internal, external or imported. This can be evidenced by the website but must be supported by a tutor witness statement. The created website should be visually appealing, easy to use, with an appropriate level of content but not overloaded, with the three interactive elements planned, and be suitable for purpose and target audience as identified. The improvements should be implemented for at least two different aspects of the site. Evidence of using these aspects can be visible through the completed site and/or appropriate screenshots. Learners may also record iterative testing carried out throughout the process. • Distinction criterion D2 requires learners to fully test their completed website using a detailed test plan/table testing each page of the website. Appropriate tests should be included that cover the functionality, readability, usability and accessibility of the website. It is not essential for errors to be found but the test plan/table should be detailed with at least eight appropriate tests. Evidence records of iterative testing will support their final testing. • Acceptance testing should then be carried by the client and preferably the target audience recording feedback. This could be evidenced with questionnaires or interviews. It is important that the reviewers completing the feedback are aware of what they are testing and the purpose of the product. There should be an opportunity for them to identify possible improvements.

  4. LO4 Be able to create websites –Style Sheets • Cascade style sheets (CSS) are the internet’s shortcut to website creation and the life blood of consistent page design and website content creation. These are the blueprints and allow the user to make one change to a page and have that change affect every other linked page. This can be something minor like a background colour change to something more major like the inclusion of accessibility options, login scripting and java inclusion. • The common terminology of CSS is similar to HTML code but programs like Dreamweaver take over the coding and allow the user to select from menus. • internal style sheet (inside the <head> tag) • external style sheet • inline style sheet (inside (X)HTML element) • style sheet syntax • applying style sheets • class and ID • style sheet problems • browser compatibility • netscapeand style sheets • tags for style sheets. P5.1 – Task 01 - Using examples, explain the purpose and function of CSS coding and the benefits to website designers of CSS inclusion.

  5. LO4 Be able to create websites – Creating the Style Sheet Now the website has been accepted by the client, you are to make the site using a stylesheet that includes all the standard house style elements specified in LO3. Using a selected web design page you need to evidence the creation of your site to suit your clients needs. The created website should be visually appealing, easy to use, with an appropriate level of content but not overloaded, with the three interactive elements planned, and be suitable for purpose and target audience as identified. • P5.2 – Task 02 – Evidence the creation the CSS stylesheet for your website that includes all the elements specified on your House style document. • M3.1 – Task 03 – Evidence setting up and including the database login options for the user accounts on the Stylesheet.

  6. LO4 - Be able to create websites – Website Content • Using the Style sheet created in Task 1, you need to evidence inserting the website content into the appropriate pages. This needs to include the three additional interactive elements. Videos will need to be converted to an appropriate format, maps included as links and any sound files need to be embedded into the website content. There needs to be an appropriate amount of content on each page to justify its professionalism and reflect the business practice of the company. • The completed website should be visually appealing, easy to use, with an appropriate level of content but not overloaded, with the three interactive elements planned, and be suitable for purpose and target audience as identified. The site should reflect the page plans as much as possible. • P5.3 – Task o4 – Evidence converting and inserting an appropriate range of multimedia content onto your pages.

  7. LO4 - Be able to create websites – Website Iterative Testing • During the production process you will implement improvements to the interactive website in order to meet the needs of the client. The improvements must be implemented by using CSS (Cascade Styles Sheets) which may be internal, external or imported. The improvements should be implemented for at least two different aspects of the site. Use the template provided. • M3.2 – Task 05 - Create a production test table that test at least 6 production elements. These need to be evidenced during the process and changes made should be made to the CSS and evidenced on the active site.

  8. LO4 - Be able to create websites – Website Iterative Testing • Remember you need to test every page • Remember to test a variety of different areas • Note - Try to avoid REPITITION vary your tests for each page.

  9. LO4 - Be able to create websites – Website Suitability P5.4 - Task 06 – Check your web pages for errors and use a spell check • Read through your websites to ensure there are no errors • Use spell check work to assist you, provide evidence that you have used this for each page P5.5 - Task 07 – Evidence the completion of your web pages within a browser • You may need to scale the pages so that they be fully viewed in a user friendly manner. Annotate these outlining content used.

  10. LO4 - Be able to create websites – Website Summative Testing • Internally with the website completed the Client would like it tested to make sure it is stable before allowing a target audience to experience the site. You will need to fully test their completed website using a detailed test plan/table testing each page of the website. Appropriate tests should be included that cover the functionality, readability, usability and accessibility of the website with at least eight appropriate tests, two from each section. This will be included with the Iterative testing in support of their final testing. • Testing • Functionality (e.g. working internal, external links, content loads/works) • Usability (clear navigation, viewable in different browsers, easy to use) • Readability (proof read, spell checked, text readable with background colour) • Accessibility (e.g. ALT tags included, additional features function) • Other tests could include • Review against original specification • W3C Compliance. • Browser Compatibility • Language options

  11. LO4 - Be able to create websites – Website Summative Testing • Remember you need to test every page • Remember to test a variety of different areas • Note - Try to avoid using the word WORKS in the testing phase.. • D2.1 – Task 08 - Test the completed website using a detailed test plan/table testing each page of the website. Appropriate tests should be included that cover the functionality, readability, usability and accessibility of the website

  12. LO4 - Be able to create websites – Website Acceptance Testing • Acceptance testing should be carried by the client and preferably the target audience recording feedback. This could be evidenced with questionnaires or interviews. It is important that the reviewers completing the feedback are aware of what they are testing and the purpose of the product. There should be an opportunity for them to identify possible improvements. • Construct a questionnaire or survey with a mixture of open and closed questions to get feedback from a peer. Ensure you cover a range of elements and refer to specific areas functional and aesthetic areas of your website. • This could be typed up or written (don’t lose the originals!) • D2.2 – Task 09 - Conduct and collect Peer feedback with the aim of identifying good and bad features and identifying possible improvements.

  13. LO4 - Be able to create websites – Website Improvements D2.3 – Task 10 - Using this feedback and through testing, suggest potential improvements which will benefit the target audience and business needs. Identify how these improvements could be carried out. • Website appeal • Compatibility • Age and audience understanding • Inclusion and appropriateness of content • Etc.

  14. Assessment Tasks P5.1 – Task 01 - Using examples, explain the purpose and function of CSS coding and the benefits to website designers of CSS inclusion. P5.2 – Task 02 – Evidence the creation the CSS stylesheet for your website that includes all the elements specified on your House style document. M3.1 – Task 03 – Evidence setting up and including the database login options for the user accounts on the Stylesheet. P5.3 – Task o4 – Evidence converting and inserting an appropriate range of multimedia content onto your pages. M3.2 – Task 05 - Create a production test table that test at least 6 production elements. These need to be evidenced during the process and changes made should be made to the CSS and evidenced on the active site. P5.4 - Task 06 – Check your web pages for errors and use a spell check P5.5 - Task 07 – Evidence the completion of your web pages within a browser D2.1 – Task 08 - Test the completed website using a detailed test plan/table testing each page of the website. Appropriate tests should be included that cover the functionality, readability, usability and accessibility of the website D2.2 – Task 09 - Conduct and collect Peer feedback with the aim of identifying good and bad features and identifying possible improvements. D2.3 – Task 10 - Using this feedback and through testing, suggest potential improvements which will benefit the target audience and business needs. Identify how these improvements could be carried out.