Bev Facey Community High

COM1055: Web Design 1

• Students research the characteristics of effective Web page(s) and learn World Wide Web Consortium (W3C) conventions and accessibility concerns to construct a simple Web page.
• Prerequisite: None

Assignment 1 - Web Design Tips

• Find at least three resources that describe effective website design
• Create a slideshow (or website) with “10 Tips for Creating a Web Site”
• Make sure your cite your sources

Assignment 2 - User Inyerface

• Visit userinyerface.com
• List at least seven design issues on that site

Assignment 3 - Create a Website

• Create a simple website using your choice of platform, for example
  • Google Sites
  • Wix
  • neocities
  • webnode
  • GitHub Pages
• Your page must include at least:
  • three pages that are linked to each other
  • a link to an external page
  • three images
  • appropriate colours and typefaces
  • contact information (fake information of course)
• Create a sitemap of your website
• Get written feedback on your site from at least one classmate or adult

Outcomes

The student will

1. research characteristics of an effective Web page
   1. identify acceptable guidelines for creating Web pages, including:
      1. elements and principles of design
      2. layout
      3. World Wide Web Consortium (W3C) standards
      4. storage/folder structure
   2. identify content-related features that contribute to effective Web site design and viewer satisfaction, including:
      1. all required information is provided
      2. content reflects the tastes and images of target audience
      3. the purpose of Web site is clear
   3. identify design-related features that contribute to effective Web site design and viewer satisfaction, including the following:
      1. text style, size of headings and colour are consistent throughout
      2. after home page, navigation links are positioned in standard location
      3. overall impact and mood of Web site is positive and aligns with target audience’s interests and needs
      4. organization of information is effective
      5. navigation throughout Web site is efficient; e.g., links to top of page and home page, global bars, categories, search features, navigation trails and paths
      6. basic principles of Web usability, readability and accessibility are addressed
   4. evaluate a variety of Web pages for:
      1. use of accepted guidelines and ease of use
      2. key purpose and target audiences
      3. effective layout, navigation and design elements
   5. search, review, select and bookmark Web sites that offer support to Web page developers
2. design and create a Web page
   1. identify the purpose, audience and audience needs for a Web page
   2. identify Web page content that is relevant to the purpose and appropriate for the target audience
   3. demonstrate knowledge of flowcharts, storyboards and wireframes to create Web pages and a t.e map (site index) that maintain the planned Web page hierarchy
   4. demonstrate general knowledge of best practices for designing a Web page, such as maintaining consistency, separating content from design, using standard fonts, Web-safe colours, and using visual hierarchy
   5. create a Web page by:
      1. creating an organizational structure for files and folders; e.g., image folder, css folder
      2. creating a new Web page using appropriate naming conventions and original content
      3. adding text to a Web page
      4. inserting images and applying alternative text
      5. linking Web content, using hyperlinks, e-mail links and named anchors
      6. adhering to Web page usability, readability and accessibility standards
   6. ensure that the Web page design works equally well on various operating systems and/or browser versions/configurations
   7. add header content to make a Web page visible to search engines
   8. publish site files to a local or remote server and update them when necessary
3. identify copyright restrictions and permissions and put them into practice
4. present the Web page to an audience
   1. make Web page development decisions based on analysis and interpretation of design specifications
   2. consider multiple assessments; e.g., after initial creation, revisions, final version
   3. add the Web page to a portfolio
5. evaluate, maintain and enhance the Web page to improve features and functions
   1. identify techniques for basic usability tests
   2. identify methods for collecting site feedback
   3. evaluate the impact and navigation of the Web page
   4. identify potential layout improvements
   5. enhance a newly created or existing Web page by updating data, editing content, adding/modifying features
   6. explain reasons for the changes
   7. manage assets, links and files for a site
   8. publish site files to a local or remote server and update
6. apply consistent and appropriate work station routines
   1. demonstrate good health and safety practices; e.g., posture, positioning of hardware and furniture
   2. demonstrate security for hardware, software, supplies and personal work
7. demonstrate basic competencies
   1. demonstrate fundamental skills to:
      1. communicate
      2. manage information
      3. use numbers
      4. think and solve problems
   2. demonstrate personal management skills to:
      1. demonstrate positive attitudes and behaviours
      2. be responsible
      3. be adaptable
      4. learn continuously
      5. work safely
   3. demonstrate teamwork skills to:
      1. work with others
      2. participate in projects and tasks
8. make personal connections to the cluster content and processes to inform possible pathway choices
   1. complete/update a personal inventory; e.g., interests, values, beliefs, resources, prior learning and experiences
   2. create a connection between a personal inventory and occupational choices

This site is open source. Improve this page.