Name Teacher: Group: 1 Unit 2 – Webpage Creation.

Slides:

Advertisements

Similar presentations

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

Advertisements

Certificate in Digital Applications – Level 02 Creative Multimedia – DA202.

LO4 - Be able to create websites

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

Certificate in Digital Applications – Level 02 Website Design and Creation.

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.

Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.

Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.

Creating an Interactive product using multimedia components

OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.

Unit 2 – Webpage Creation AO1 – Design a multimedia Website Mr S Farmer Unit 2 – Webpage Creation AO1 – Design a multimed ia Website.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.

INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

Name: Group: Teacher: 1. Task 1 Task 2 Task 3 Task 4 Task 5 2.

Web Development Life Cycle from Beginning to End…and BEYOND!

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

Starter. Objectives: To examine the ways of making a product interactive To start designing the interactive features of your multimedia product.

Certificate in Digital Applications – Level 02 Website Design and Creation.

OCR Nationals ICT – Unit 2 Task 5 Task Overview In this task you will test a number of areas of your website using a test table. This will enable the website.

Objective Understand concepts used to web-based digital media. Course Weight : 5%

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Unit 4 – Design and produce multimedia products AO4 – Create the Multimedia Product Mr Farmer.

Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.

Planning. THE AUDIENCE AND PURPOSE OF MY PROJECT:

Activity 3 - introduction

Unit 11 Interactive Multimedia Products Task A Product Review –

OCR Nationals – Level 02 Website Design and Creation.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

OCR Nationals ICT – Unit 2 Task 4 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.

Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:

You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.

Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.

Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

Learning Outcome 01 : Be able to prepare for the production of dynamic products Unit R007: Creating dynamic products using sound and vision Cambridge Nationals.

Learning Outcome LO2: Create interactive products containing multimedia components Unit R005: Creating an interactive product using multimedia components.

introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.

Project: Web Designer. Phase 1: The World Wide Web.

COMP 143 Web Development with Adobe Dreamweaver CC.

Pupil Name OCR Nationals in ICT (2010) : Unit 2 Website Creation AO2 – Create multimedia webpages Website name.

Learning Outcome 01 : Be able to design interactive products Unit R005: Creating an interactive product using multimedia components Cambridge Nationals.

What makes a Good Website?. Examples of Bad Websites For more really.

WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry.

Unit 15 – Web Authoring Web Authoring Project.

Unit 15 – Web Authoring Web Authoring Project.

Web Software Year 11.

Introduction to Designing a Website

Introduction to Designing a Website

Webpage Creation Introduction

Designing Information Systems Notes

Unit 3 - A Digital Portfolio

Unit 2 – Webpage Creation

OCR Level 02 – Cambridge Technical

Web Development Life Cycle from Beginning to End…and BEYOND!

Unit 4 Design and Produce Multimedia Products

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

A01 DESIGN To be completed Your proposal  Your House style 

Learning Outcome 2 – Assignment

Cambridge TECHNICALS- LEVEL 3

Computer communications

LO4 – New This Year and Find Out More

Uppingham Community College

Web Development Life Cycle from Beginning to End…and BEYOND!

Edexcel CiDA| Course Overview

Presentation transcript:

Name Teacher: Group: 1 Unit 2 – Webpage Creation

AO1 AO2 AO3 AO4 2

Design a multimedia website 3

Brief proposal  Purpose and target audience discussed

Site Plan

Basic house style

Simple page plans  5 webpages showing a possible linking system  Colour scheme  Multimedia components

Sources table File name and type Source (where you got it from) Date collected File content (what the file shows/includes) Reference (URL, copyright information) Intended use (where you will use it) Images Text Animations Interactive element Video Sound

Screenshot of user area showing components stored

Create multimedia webpages 10

Basic webpages  Text  Minimum of 5 images

Navigation system

Printing to web browser

Directory structure

CSS (M)

Tables (M)  Setting dimensions and alignment

Image Optimisation (M)

Appropriate directory and file names

Backup

Minimal textual errors (D)

Adhere to the chosen house style using a template

Insert/Import and align text

Format text and colour to the chosen house style

Set text attributes (size, colour, appearance)

Use a range of different components eg: images, animation, interactive elements, video, sound

Create functioning hyperlinks 26

Linking five pages together

External website link

link (M)

Hotspot (M)

Menus

Navigation bar

Text hyperlink

Buttons

Create interactive elements 35

2 rollover images/buttons

Further interactive element (M)

3 Rollover images/buttons

Flash objects

Interactive buttons

Scripting HTML Code

Create a user form for capturing user feedback 42 AO5

Simple form with tables

Submit button (M)

Submit using a Submit button (D)

Test Website 46 AO6

Test table (at least four test)

Text boxes

Radio Buttons

Check boxes

Drop-down menus

Annotated test evidence (M) html code highlighted

Action required for test (D)

Feedback to be collected  User experience  Ease of use  Opinion of appearance of website  Easy to navigate  Good use of interactive elements

Evaluate own website 55 AO7

Brief evaluation of work  Suitability  Purpose and audience  Readability  Examples of work as discussed

Test table TestDateOutcome Suitability of target audience Purpose of website Use of consistent house style Navigation system Use of different components Interactive elements Hyperlinks User form Ease of use

Strengths and weaknesses

Respond to any issues by making changes

Highlight changes on pages by printing code view with annotation