Introduction: BTEC Informaton Technology

Keywords: BTEC IT, Subsidiary Diploma, Storyboard, House Style, Web Production, Peer Assessment

Lesson Objectives: You will be able to DESIGN a Website for a given ScenarioYou will be able to IMPLEMENT your design to CREATE a WebsiteYou will be able to PEER ASSESS others Websites

Introduction: BTEC Informaton Technology

Assignments Deadline or homework every week, all work will be marked promptly and amendments completed Lessons: 4 for Sub Diploma 8 for DiplomaAST At least one every week

YEAR 1 & 2 Sub Diploma1 – Communication & Employability Skills2 – Computer Systems28 – Website Production30 – Computer Animation31 – Digital Graphics43 – Multimedia Design

YEAR 2 Diploma3 – Information Systems8 – e-Commerce10 – Communication Technologies18 – Database Design22 – Computer Games Design42 – Spreadsheet Modeling



Lesson 1



Starter: Scenario – Web Design



Your webpage must include the following:•Images related to Information Technology•The College Logo•Information on BTEC courses, Information on the Units that will be studied on the BTEC IT course.• Information on the IT facilities available within the College TASK 1Create a storyboard for your webpage, you must include the following•A navigation panel, including buttons/links (located at the top of the page)•The location of any images and a brief description of the image•Background colour•Font, font size and font colour•Location of text panels•Location of images Task 2You will now create your webpage using iWeb.

Task 3Your website will be reviewed and critiqued by a student in your class



You have a blank storyboard

BTEC IT IT FACILITIES

IMAGE OF MAC

IMAGE OF STUDENT

CollegeLOGO

TEXTInformation on

BTEC course structure

TEXTInformation on Units studies for

BTEC Double

Red fillHelvetic font

Size 30Colour black

White fillHelvetic font

Size 18Colour blue

Navigation ButtonsLayout: Centered, top of

page

Background Colour - Grey



You have a blank storyboard template in your handout, you will also need a pencil

Start drawing the boxes where you text and images

will be places

An example of a partially finished

webpage.



Lesson 2http://pre-sixth.wikispaces.com/Pre+Sixth+2013



Main: Web Site – Web Production‘You currently work for a web production company. Your manager wants to give you the responsibility of designing a new website. Pleased with the background information you have provided, your manager now would like you to begin considering and designing a website for a new client. Using the client brief provided, complete the following:’

Task 1Using the client brief with your proposed ideas for the design ( storyboard), you must create a website using iWeb to meet the intended criteria. Ensure your website includes the following:

•A minimum of 1 page•Suitable graphics to meet client and user needs•Suitable content to meet client and user needs



COLLECTING YOUR WEBSITE CONTENT

1. Go on the Internet using Safari or Firefox and open the college website

www.blackpoolsixth.ac.uk

2. Did you listen to everything I said at the beginning of the session ,what can you recall?

3. Save any images by right-clicking on them and save them on the desktopWHERE IS THE RIGHT CLICK BUTTON ?Just hold down the ctrl key when you click on anything.

NOW USE iWEB to create yourwebsite

http://www.blackpoolsixth.ac.uk/



How to use iWebhttp://pre-sixth.wikispaces.com/Pre+Sixth+2013



iWeb

1. Click on the desktop > GO > APPLICATIONS

2.Look for iWEb and click on it



Pick a theme

Select the Welcome template

Click on Choose



Double click the

‘Welcome’ page title

and change to B6FC



Click on Site

Inspector

This is where you can

change the background

colours



Highlight some text and click on the

FONT tool



Google Blackpool Sixth Form or go on the college website

www.blackppolsixth.ac.ukRight click on the image you want to use

and select ‘Copy Image’ then paste it onto your iWeb page

For BTEC information read the ‘Our Courses’ page on the college website

http://www.blackppolsixth.ac.uk/



Use all the different menus and tools to create your

webpage

All these instructions are available at:http://pre-sixth.wikispaces.com/Pre+Sixth+2013



TIME TO HAVE A LOOK AT WHAT YOU HAVE DONE SO FAR

1. At the bottom of the page, click on >

Publish Site

2. Click on Publish Site

3. Read the warning and click on

Continue



TIME TO HAVE A LOOK AT WHAT YOU HAVE DONE SO FAR

4. Select DESKTOP

5.Select New Folder

6.Enter your name and click on Create.

Then Choose



7. Click on Visit Site Now and it will load

up and open in a Web Browser



Plenary: Peer ReviewYou will swap places with the person next to you and fill in a small peer review form.

This will be based on your website based on:

•Looks•Appearance•Professionalism•Content



Any other Questions

End: Question & Answer Session

Documents

Introduction: BTEC Informaton Technology