Criterion D: Product design

Similar documents
Criterion D: Product design Overall structure. Navigation. General outline

Lesson 5 Introduction to Cascading Style Sheets

Information Technology In A Global Society (ITGS) AIMS OBJECTIVES

About the Tutorial. Dreamweaver MX overview

Guidance on the appropriateness of the information technology solution

Interactive Media CTAG Alignments

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

COWLEY COLLEGE & Area Vocational Technical School

In Internal Style Sheet is when the css styles are included with the html page code. These styles will only apply to one html page.

SIMON. Creating and Assessing Assessment Tasks. Creating an Assessment Task. Step 1

CompuScholar, Inc. Alignment to Utah's Web Development I Standards

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

Digital Multimedia Design

('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1

Website Creating Content

Objective % Select and utilize tools to design and develop websites.

Customise your module structure

Word processing software

PG Certificate Web Design and Development. Course Structure. Course Overview. Web Development and User Experience - ARMC243S7 Overview

Identify how the use of different browsers and devices affects the look of a webpage. Competencies

Assignment 2: Website Development

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Digication eportfolio Student s Guide (Last update: 8/2017)

Web Page, Digital/Multimedia and Information Resources Design CIP Task Grid

Contents. Xweb User Manual

Architectural Engineering Senior Thesis CPEP Webpage Guidelines and Instructions

AGENDA :: MULTIMEDIA TOOLS :: CLASS NOTES

Xerte. Guide to making responsive webpages with Bootstrap

SharePoint Designer 2013 Branding & Workflows

Creating a Simple Webpage using Microsoft FrontPage 2003

A set-up guide and general information to help you get the most out of your new theme.

AIM. 10 September

Preferential Resource Delivery Via Web Proxy or Web Browser

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

HOLY ANGEL UNIVERSITY COLLEGE OF INFORMATION AND COMMUNICATIONS TECHNOLOGY WEB TECHNOLOGIES 1 COURSE SYLLABUS


BCI.com Sitecore Publishing Guide. November 2017

Unit 21: Creating computer graphics (LEVEL 2)

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

Learn Dreamweaver CS5 in a Day

Using Dreamweaver CS6

An Introduction to MOODLE

The University of Jordan. Accreditation & Quality Assurance Center. COURSE Syllabus

Documentation > Product Info > Site Manager > 7.3 & 7.4 > Content > Add Content

Introduction to Microsoft FrontPage

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

T T USER GUIDE. 1. Website/Pages/Stripes/Items/Elements Click & Edit, Mix & Match (Drag & Drop) Adding a Stripe Managing Stripes...

Creating a Website in Schoolwires

ICT IGCSE Practical Revision Presentation Web Authoring

ACA Dreamweaver Exam Notes

Perkins Statewide Articulation Agreement. Documentation item: Secondary Competency Task List Coversheet

OUTCOMES BASED LEARNILNG MATRIX

V12 Highlights. What s new in Richmond ServiceDesk V12?

Creating a Website with Dreamweaver 4

Support Notes (Issue 1) September Snap it! Certificate in Digital Applications (DA105) Coding for the Web

User Guide. Chapter 6. Teacher Pages

SQA Advanced Unit specification. General information for centres. Unit title: Web Development Fundamentals. Unit code: HR7M 47

CS7026: Authoring for Digital Media. Introduction Markup Languages

Job Aid. Remote Access BAIRS Printing and Saving a Report. Table of Contents

esd Portal: Parent View User Guide v

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!

Web Development I PRECISION EXAMS DESCRIPTION. EXAM INFORMATION Items

Interchange formats. Introduction Application areas Requirements Track and object model Real-time transfer Different interchange formats Comparison


Dear Candidate, Thank you, Adobe Education

Entry Level Assessment Blueprint Web Design

UNIVERSITY OF CAMBRIDGE INTERNATIONAL EXAMINATIONS International General Certificate of Secondary Education

SYLLABUS. Departmental Syllabus. Advanced Web Page Design. Departmental Syllabus. Departmental Syllabus. Departmental Syllabus. Departmental Syllabus

Exam : 9A Title : Adobe GoLive CS2 ACE Exam. Version : DEMO

FrontPage 2000: Advanced

Web Site Development with HTML/JavaScrip

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

Cidi Labs Design Tools

CSS for Page Layout Robert K. Moniot 1

VoiceThread Training

Creating a Website in Schoolwires Technology Integration Center

Web Development IB PRECISION EXAMS

RocSite DIY (Design It Yourself) Website Designer Reference Manual

From the dashboard, hover over the + New button, then select Pattern from the drop-down menu.

t4 Manual Teachers College, Columbia University

Measuring What Matters in. Job Ready Assessment Blueprint. Web Design. Test Code: 2750 / Version: 01

The main differences with other open source reporting solutions such as JasperReports or mondrian are:

IT6503 WEB PROGRAMMING. Unit-I

Head First HTML 5 Programming: Chapter 3: Events, Handlers, and all that Jazz.

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

Using Dreamweaver. 6 Styles in Websites. 1. Linked or Imported Stylesheets. 2. Embedded Styles. 3. Inline Styles

FORMS. The Exciting World of Creating RSVPs and Gathering Information with Forms in ClickDimensions. Presented by: John Reamer

Human Resources Diploma Toolbox. BSB50801 Diploma of Business (Human Resources)

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

5. Finally, create a new Javascript file called speak.js. Leave it blank for now.

COURSE SYLLABUS FOR. COMP-297 Web Page Design: Adobe Dreamweaver

Web Page Basics. FRSD Elementary Technology Workshop. February Presented by Lisa Stewart, Tammy Gianvito, and Diane Kaufmann

esd Portal: Parent View User Guide v

IBM DB2 Web Query for IBM i. Version 2 Release 2

esd Portal: Parent View User Guide v

build a digital portfolio in WebPlus X4

U of S Course Tools. Course Tools Basics and Building Content For Instructors

NORTH CAROLINA A&T STATE UNIVERSITY CMS USER GUIDE. A Manual for the Cascade Server Content Management System (CMS)

Digital Web Design Syllabus/Online Course Plan

Transcription:

Internal assessment: Example 1 Student work: Criterion D Criterion D: Product design Overall structure The following sketches show the design of the website that was approved by Keith Findlater. Information technology in a global society teacher support material 1

Information technology in a global society teacher support material 2

Information technology in a global society teacher support material 3

Information technology in a global society teacher support material 4

Internal structure index (home) profile architecture Text provided by Keith Text provided by Keith Images provided by Keith for thumbnails Text provided by Keith Text provided by Keith Text provided by Keith portraiture + fashion Nature + natural history services + contact Text provided by Keith Text provided by Keith Text provided by Keith Text provided by Keith Th thumbnail image that renders on a click into a full size image in a new frame Information technology in a global society teacher support material 5

List of resources and techniques Resources Details Lightbox2 Javascript files Allows the images to be rendered in a new window Obtained from http://www.huddletogether.com/projects/lightbox2/ Data Images files: Keith to provide these files Techniques Details Manipulation of graphics Resizing of images to reduce file space and speed up loading to Internet Use of Javascript to customize pages and improve functionality To enable image to appear on screen in a way similar to a pop up Manipulation of HTML to customize pages and improve functionality To improve the visibility to search engines Use of Cascading style sheets To ensure consistency across each of the webpages Editing the code in the template in the editable sub regions To create customized webpages Creation of e mail link To enable prospective customers to be able to contact Keith Use of rollover image Provide information about the image when the user hovers the mouse over them Information technology in a global society teacher support material 6

Test plan Test item Test data Part of system tested Expected outcome Actual outcome Comments Ref in product Cover page testing REQUIRED ELEMENT FOR CRITERION G Webpages load from the cover page in three different locations File naming to ensure homepage is called Index.htm Links on cover page are relative Loads as required from 3 different locations Product testing Hyperlinks between pages function Links between pages Hyperlinks Links function as planned Customised style sheet (1) Webpages Link to stylesheet in page headers All pages have house style Customised style sheet (2).css file Content of.css file All components of file appear on webpages Links to images Images and links to them File naming convention and hyperlink target Images load either in new window e mail link to Keith e mail hyperlink Button or hyperlink Compose e mail message box appears No Disabled by student on Keith s wishes Information technology in a global society teacher support material 7

Agreement of client I confirm that the requirement specification meets my needs and the designs above are appropriate for the creation of the product. (Client) Information technology in a global society teacher support material 8