CTSPlanner
Sign-in not configured
← Communication Technology

COM1055 Web Design 1

Introductory · 1 credit · MDC - Media, Design, and Communication Arts

Description
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
COM1005: Visual Composition
Parameters
Access to a computer, appropriate software and the Internet.

Outcomes The student will:

  • 1 research characteristics of an effective Web page

    • 1.1 identify acceptable guidelines for creating Web pages, including:

      • 1.1.1 elements and principles of design

      • 1.1.2 layout

      • 1.1.3 World Wide Web Consortium (W3C) standards

      • 1.1.4 storage/folder structure

    • 1.2 identify content-related features that contribute to effective Web site design and viewer satisfaction, including:

      • 1.2.1 all required information is provided

      • 1.2.2 content reflects the tastes and images of target audience

      • 1.2.3 the purpose of Web site is clear

    • 1.3 identify design-related features that contribute to effective Web site design and viewer satisfaction, including the following:

      • 1.3.1 text style, size of headings and colour are consistent throughout

      • 1.3.2 after home page, navigation links are positioned in standard location

      • 1.3.3 overall impact and mood of Web site is positive and aligns with target audience’s interests and needs

      • 1.3.4 organization of information is effective

      • 1.3.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

      • 1.3.6 basic principles of Web usability, readability and accessibility are addressed

    • 1.4 evaluate a variety of Web pages for:

      • 1.4.1 use of accepted guidelines and ease of use

      • 1.4.2 key purpose and target audiences

      • 1.4.3 effective layout, navigation and design elements

    • 1.5 search, review, select and bookmark Web sites that offer support to Web page developers

  • 2 design and create a Web page

    • 2.1 identify the purpose, audience and audience needs for a Web page

    • 2.2 identify Web page content that is relevant to the purpose and appropriate for the target audience

    • 2.3 demonstrate knowledge of flowcharts, storyboards and wireframes to create Web pages and a site map (site index) that maintain the planned Web page hierarchy

    • 2.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

    • 2.5 create a Web page by:

      • 2.5.1 creating an organizational structure for files and folders; e.g., image folder, css folder

      • 2.5.2 creating a new Web page using appropriate naming conventions and original content

      • 2.5.3 adding text to a Web page

      • 2.5.4 inserting images and applying alternative text

      • 2.5.5 linking Web content, using hyperlinks, e-mail links and named anchors

      • 2.5.6 adhering to Web page usability, readability and accessibility standards

    • 2.6 ensure that the Web page design works equally well on various operating systems and/or browser versions/configurations

    • 2.7 add header content to make a Web page visible to search engines

    • 2.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

    • 4.1 make Web page development decisions based on analysis and interpretation of design specifications

    • 4.2 consider multiple assessments; e.g., after initial creation, revisions, final version

    • 4.3 add the Web page to a portfolio

  • 5 evaluate, maintain and enhance the Web page to improve features and functions

    • 5.1 identify techniques for basic usability tests

    • 5.2 identify methods for collecting site feedback

    • 5.3 evaluate the impact and navigation of the Web page

    • 5.4 identify potential layout improvements

    • 5.5 enhance a newly created or existing Web page by updating data, editing content, adding/modifying features

    • 5.6 explain reasons for the changes

    • 5.7 manage assets, links and files for a site

    • 5.8 publish site files to a local or remote server and update

  • 6 apply consistent and appropriate work station routines

    • 6.1 demonstrate good health and safety practices; e.g., posture, positioning of hardware and furniture

    • 6.2 demonstrate security for hardware, software, supplies and personal work

  • 7 demonstrate basic competencies

    • 7.1 demonstrate fundamental skills to:

      • 7.1.1 communicate

      • 7.1.2 manage information

      • 7.1.3 use numbers

      • 7.1.4 think and solve problems

    • 7.2 demonstrate personal management skills to:

      • 7.2.1 demonstrate positive attitudes and behaviours

      • 7.2.2 be responsible

      • 7.2.3 be adaptable

      • 7.2.4 learn continuously

      • 7.2.5 work safely

    • 7.3 demonstrate teamwork skills to:

      • 7.3.1 work with others

      • 7.3.2 participate in projects and tasks

  • 8 make personal connections to the cluster content and processes to inform possible pathway choices

    • 8.1 complete/update a personal inventory; e.g., interests, values, beliefs, resources, prior learning and experiences

    • 8.2 create a connection between a personal inventory and occupational choices

Program of Studies 2010. Source document, © Alberta Education.