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.

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.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

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.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

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

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

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

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

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.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

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.

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

Planning. THE AUDIENCE AND PURPOSE OF MY PROJECT:

Activity 3 - introduction

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.

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.

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.

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

BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.

Creating computer graphics

Unit 01 –Website Development

Lesson Objectives Lesson Outcomes

OCR Level 02 – Cambridge Technical

Create and edit web pages 2

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 

Welcome Unit R005 - Creating an interactive product using multimedia components ICT Dept.

Learning Outcome 2 – Assignment

Cambridge TECHNICALS- LEVEL 3

Computer communications

LO4 – New This Year and Find Out More

Uppingham Community College

A02 Creating my website NAME ______________.

Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.

Connect: What do the images have in common and how are they used in websites? Anchor and Bookmark.

Edexcel CiDA| Course Overview

Presentation transcript:

Unit 2 – Webpage Creation Name Teacher: Group:

AO1 AO2 AO3 AO4

Design a multimedia website AO1 Design a multimedia website

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 AO2 Create multimedia webpages

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 AO3 Create functioning hyperlinks

Linking five pages together

External website link

Email link (M)

Hotspot (M)

Menus

Navigation bar

Text hyperlink

Buttons

Create interactive elements AO4 Create interactive elements

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 AO5 Create a user form for capturing user feedback 42

Simple form with tables

Submit button (M)

Submit using a Submit button (D)

AO6 Test Website 46

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

AO7 Evaluate own website 55

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

Test table Test Date Outcome 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