Docstoc

Review sheet

Document Sample
Review sheet Powered By Docstoc
					Criteria      Web site feature or task                                                             Student assessment Write over greyed text                                       Assessor
            + Tasks marked as + are optional


              Paper-based planning
B1.1          Choice of a site template based on layouts from code-sucks.com                       P if printed options with chosen layout is in student notes
B1.2          Map of the main pages of the showing home page and child pages                       P if hand-drawn site structure is in student notes
B1.4          Definitions of the colours (in hex) used on the template for different areas         P if written list is in student notes
B1.4          Style guide for headings and text giving the font, their sizes and hex colours       P if written list is in student notes
B1.1        + Choice of suitable domain name, with registrar and annual cost                       Give domain name required, source and cost

B3.3        + Choice of suitable hosting arrangements, with ISP details and annual charges         Give ISP and charges



              CSS and style sheets
B1.4          Main.css style sheet downloaded from code-sucks.com                                  P if main.css is used for the site's layout
B1.4          Content.css created for additional text and image styles                             P if contents.css is used for additional styles
B1.4          CSS files include the font and colour choices defined in the paper-based guide       P if CSS files include main styles defined in student notes
B1.4, 2.3     Redefined styles for text tags: body, p, h1, h2 and (optionally) others such as h3   List standard HTML tags redefined

B1.4          Redefined styles for table tags: table, th, td and (optionally) tr                   List table HTML tags redefined

B1.4, 2.3     Own added class (e.g. text in another colour) and used within pages                  List one or more classes created for styling text or images



              Templates and navigation
B1.2          Layout such as template.html used as a template to create further pages              Give name of the template file (e.g. template.html)

B1.2, 1.4     Template linked to both main.css and contents.css style sheets                       P if template linked to both style sheets
B1.3        + Secondary navigation added to pages that define sections of the site                 P if and section pages use secondary navigation and give example page
B1.3, 1.4     Buttons used for navigation suitably resized and styled                              P if buttons use styles as defined in student notes
B1.3          Links from the navigation to all main pages with appropriate title text              P if all navigation links work; PP if all links also have title texts
B1.3          Logo or heading in the header area                                                   P if logo or company name in the header <div> of the template
B1.3, 1.5     Company or organisation information in the footer area of the template               P if company information in the footer <div> of the template
B1.5        + Addition of navigation in the footer area to pages such as 'Privacy policy'          List any links placed in the footer; P if all links work and have title texts
B3.1        Google Analytics Javascript inserted in <head> area of the template                      P if Google Analytics code placed in the template and working

            Links on pages
B2.4        Links on pages to internal and external pages                                            Give page name(s) showing internal and external links

B2.4        Link on a page to view a PDF                                                             Give page name(s) showing a link to a PDF

B2.4        Link to an e-mail address using mailto:                                                  Give page name(s) showing an e-mail link

B2.4        Link using an image, either to an internal or external page                              Give page name(s) showing image(s) used for links

B2.4, 2.2   All links to include suitable title text to guide the user                               P if all links have title texts

            Pages
B3.4        Multiple pages created from the template based on paper-based guide                      P if site pages created according to the structure defined in student notes
B1.6, 1.8   Descriptive file names, as all lowercase, no spaces, and only include A-Z/0-9            P if all file names follow conventions for naming
B1.4, 1.6   H1 heading on every page that reflects the subject and focus of the page                 P if all pages have a H1 heading
B1.4        Relevant title for every page in consistent format (e.g. Subject - Organisation)         P if all pages have unique titles
B2.2        Relevant keywords for every page                                                         P if all pages have 5 - 20 keywords defined
B2.2        Relevant 1- or 2-sentence description for every page                                     P if all pages have a 1- or 2-sentence description
B2.1, 2.3   Relevant text on every page                                                              P if all pages have text that links to headings, keywords and descriptions

            Using commercial layouts as templates
B1.1        Download a commercial template, unzip and create new site                                Give URL of source of template

B1.5        Inclusion of acknowledgement or link to source, as appropriate                           Give brief details of terms of use of layout

B1.2        Save as a Dreamweaver tempate (.dwt file) used to create pages                           Give name of the template file (e.g. basic.dwt)

B1.2        Editable area(s) defined on the Dreamweaver template so that text can be added           Give the name(s) of the editable area(s)

B1.3        Main navigation inserted into the template so available on all pages                     P if navigation is in template and give number of menu options:________
            Images and features
B1.7        Image, suitable resized and with suitable 'alt' text                                     Give page name(s) showing an image with 'alt' text

B1.4        Image floated left/right with relevant CSS float style                                   Give a page containing an image and the name of the style used to float it

B1.7, 2.3   Variants of the above image, at different sizes and/or qualities to assess compression   Give the name of the folder holding the variously-sized images
B3.2         + Images used on the site grouped together in 'photos' folder                    Give the name of the images folder

B1.7, 1.5      Image downloaded from photo library with permission                            Give name of photo file and source

B1.4, 2.6      Styled table (with headers) for contact information on the Contact Us page     P if Contact Us page has table or give alternative page name
B1.7, 2.3      Embedded Google map on Contact Us page                                         P if Contact Us page has Google map or give alternative page name
B2.4           Simple form for collecting visitor information (e.g. e-mail and name)          P if Contact Us page has working form
B1.3         + Button to Facebook or other social media                                       Give name of page or template with Facebook button

B1.3         + Embedded YouTube video                                                         Give name of page or template with YouTube video

B1.3         + Example of simple Javascript (e.g. to display/remove optional text)            Give name of page or template with Javascript



               Public access
B3.3           Dreamweaver set up to publish to an FTP site and settings saved as .ste file   Give folder location of .ste site file

B3.3           On-line site accessible via a public web server                                Give URL to access the site

B3.1           Visitor report from Google Analytics                                           P if notes on visitor numbers is in student notes

               Testing and legal issues
B2.1, 2.5    + Cleaning of imported Word text                                                 Give name of page containing imported Word text

B3.1           Testing for untitled documents                                                 P if NONE or give location of Dreamweaver site report
B2.2           Testing for missing 'alt' tags associated with images                          P if NONE or give location of Dreamweaver site report
B3.1, 3.2      Testing for failing links that generate '404' errors                           P if site checked for page errors and the name of tool used
B3.1, B1.6     Testing for accessibility and colour contrasts                                 P if site checked for accessibility and the name of tool used
B3.1         + Testing for HTML or JavaScript coding errors                                   P if site checked for coding errors and the name of tool used
B1.5           Page for copyright, privacy and legal information                              Give name of the page with copyright, privacy and legal information

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:3
posted:4/6/2012
language:English
pages:3