Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

Slides:



Advertisements
Similar presentations
Recycle GB Creations. Introduction In this presentation I am going to showcase all of the graphics that I have created for the recycling website Recycle.
Advertisements

A pictorial walkthrough Designed to meet the VRQA Guidelines.
Certificate in Digital Applications – Level 02 Website Design and Creation.
CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.
How to Take a Screenshot By Ashley Hudson Screenshot of this screen 
Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.
Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
Animation Your Task. You must work in pairs. One of you will read these instruction and explain them, while the other person carries them out. Discuss.
Unit 2 – Webpage Creation AO1 – Design a multimedia Website Mr S Farmer Unit 2 – Webpage Creation AO1 – Design a multimed ia Website.
A pictorial walkthrough. After installing the RTO Standards SmartGuide you will see the desktop icon for the program. Double.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
OCR Nationals – Unit 1 AO3 – BUSINESS PRESENTATION.
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
Log Files. eValid Log Files eValid validates your WebSite by recognizing and recording both successful and unsuccessful events. Detailed records are stored.
We Are Learning To (WALT): Evaluate existing web graphics What I am Looking For (WILF): 4 evaluations that contain: – Detailed descriptions of target.
PassMeritDistinction Candidates will collect and display examples of: navigation buttons navigation bar advertising banner from at least two different.
Project Specification Web Graphics Aquastranza. Brief You have been asked by a new theme park in Florida to create some “web graphics” for their new website.
Unit 21: Graphics AO1 Review. By the end of lesson All of you will review at least 2 graphic sets commenting on the good and bad aspects Most of you will.
Using Tiled. What is Tiled? It’s a level editor It allows game programmers to create their 2D game world with ease.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
PHILPOST Pensioner Verification. Log-in to access the pensioner verification page note: upon first login the default password is “password”
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Publishing Your Web Site There are many sites that offer FREE web hosting Free sites will have –A sub-domain name –For some sites, you will not be able.
Home Page IF Average Max Min Sum Countif Welcome to the Spread Sheets Help... I hope you find the following pages useful in learning how to use functions.
Beginning PowerPoint Part 2 Graphics Inserting Graphics  Click Insert on the Menu Bar.  Then Picture.  Options include: –Clip Art –From File –AutoShapes.
U1_a02_copyright text and images ADD NAME HERE. Insert below a copyright free IMAGE that could be used in your health and safety presentation.
Microsoft Expression Web-Illustrated Unit E: Working with Pictures.
Aviary’s Myna Audio Editor A more innovative, free, online audio editing program.
Creating a navigation bar in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to.
Video in Power Point Objective Able to insert video in power point Able to make video play by itself Able to change volume of video Able to cut out part.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Unit 21 AO5: Lesson 01 Making Advertising Banners Mr C Johnston ICT Teacher
Fireworks CS6 A Quick Logo Creation. Step 1- Launch Fireworks CS6 300 x 200 Pixels.
Activity 3: Animation in Education is setting up a website to advertise and distribute its products. The creative director has asked you to create 3 separate.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.
Browser. What parts does the browser consist of? Title bar Menu bar Toolbar Address box Links.
Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:
Basic Web Design Week 3 - Graphics UVICELL. Web Graphics Concepts for Week 3 Selecting the right format for your image Creating a name banner for your.
Buttons Copy and paste an example of a set of buttons from a website here Website address: Write one good thing about the buttons Write one bad thing about.
1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!
NAV 2013 Customer statistics and export to Excel
Unit 21: Web Graphics A05: Banner Advert
Creating a button in Photoshop 7.0
 The home of the website have the logo of the punjab college.
Page plans A01 Design.
Rollover Buttons UNIT 2.
Lesson Objectives Lesson Outcomes
Left Click to view the next slide.
Adding Photo to Agent Profile
A guide on using the Cool Math Graphing Calculator AND taking screenshots to insert into our office tools.
How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.
FINDING INFORMATION ON THE INTERNET
Step-by-Step Banner Creation Guide
Advanced Web Web Quest.
Write down 3 things you know about website banners.
A02 Creating my website NAME ______________.
HEADLINE GOES HERE. Directions to save header as JPEG:
Wheelers clubs Your site will consist of 3 pages:
Creating buttons in Fireworks
This PowerPoint template is set to size for Facebook Newsfeed Image 104 x 125mm (472 x 394 pixels). It’s part of Elan Communications blog: ‘Make.
Multimedia – Unit 22 Name.
Creating graphics for the world wide web
Presentation transcript:

Evaluating web graphics Unit 21 – AO1

Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one menu bar At least one logo Remember you MUST use at least 2 different websites for Pass – 4 different websites for Distinction To be sure of Distinction you should evaluate in detail at least 8 different web graphics – at least 6 for Merit

How can I find out the size? Try right click and “save as” to see if the graphic can be downloaded and saved as it is If this doesn’t work then take a screenshot and paste it into the graphics application Fireworks Crop the image to the part you want – then “Export” it as “image only” – this will be saved as a.gif file. Then you can look at the file size and size in pixels very easily – and make sure you include both these details in your evaluation of each graphic

Finding out file size (1) Yahoo home page pasted into Fireworks

Finding out file size (2) Menu bar cropped

Finding out file size (3) Size in pixels is shown Under the graphic

Finding out file size (4) Export the graphic as “image only”

Finding out file size (5) The Yahoo menu bar is saved as a.gif file and is 9.59kb This small size will download quickly when the website is visited