Rollover Buttons UNIT 2.

Slides:



Advertisements
Similar presentations
Click your mouse for next slide Dreamweaver – Introduction and Site Maps Dreamweaver is a state of the art web design program It will allow you to design.
Advertisements

Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.
Microsoft FrontPage Monday January 28, The Basic FrontPage Setup.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
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.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Web Technologies Website Development Trade & Industrial Education
Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.
Class 5 PHP MySQL Robert Mudge Reference:
Adding User Interactivity – Lesson 51 Adding User Interactivity Lesson 5.
OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Starter. Objectives: To examine the ways of making a product interactive To start designing the interactive features of your multimedia product.
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.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
You Have A Website?!? How to create a class website that is useful and user-friendly for you, students, parents, and other educators Presented by Sarah.
ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Using a web-editor To set up a web site.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Page 1 of 6 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 1: JAVASCRIPT ROLL-OVERS 1) Launch Internet.
Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.
Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.
Website Editing From Gingerweb The Image Gallery.
Sports Website Creation. In this project you will design and produce your own website.
Attachments are files that you can open with your for e.g. when you send an you could attach a link or a picture a word document or a spreadsheet.
Instructions.  Open up the letter that Adam has given to you  Format it so it look professional.
Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Real Audio File Link:.RA file Open blank page Open “Windows Explorer” Find and Move the file onto your PowerPoint page (This screen connected to a WEB.
Photoshop Image Slicing. Reasons to Image Slide To create links out of sliced images To optimise different areas. (flat areas of colour, such as logos,
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
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.
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.
Click your mouse for next slide Dreamweaver – Inserting Flash Buttons as Rollovers Our index page is looking OK but lets give it some real pizazz. Instead.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Advanced Elements & Advanced HTML Codes AGCJ 407.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Unit 15 – Web Authoring Web Authoring Project.
WEB 434 Week 3 Individual Web-Based Supply Chain Paper Individual Web-Based Supply Chain Paper Write a 2-3 page paper, explaining web-based supply chains.
Geography 121 Homepage Design Project Zero
Using Publisher to Create a Web Site
Chapter A - Getting Started with Dreamweaver MX 2004
Page plans A01 Design.
مسابقة المدرسين المجددين
Lesson Objectives Lesson Outcomes
Create and edit web pages 2
A01 DESIGN To be completed Your proposal  Your House style 
Rollover Buttons.
Websites lesson 5.
Web pages Lesson 4.
HTML Text editors and adding graphics
Exercise 55 - Skills Slices and rollovers are useful interactive elements you can add to your Fireworks documents. Slices not only enable you to add features.
For use on your feedback page
Making a website.
In today's lesson you will…
Using and Viewing Homepage
A02 Creating my website NAME ______________.
Step 1:. Open Microsoft FrontPage application.
To add a Navigation Bar Insert Navigation. To add a Navigation Bar Insert Navigation.
Presentation transcript:

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

How to get started with rollovers First of all you need two images ready to use in your Unit 2 Images folder These images were both made in FIREWORKS This is the image that it will roll over onto when the user rolls his mouse onto the fish image This is the first image – this will show until the user rolls the mouse onto the image

How to insert a rollover…. Go to the “INSERT” menu and select “Image objects – Rollover image”. You need to make sure that you have your images ready in your UNIT 2 images folder

How to insert a rollover…. Give your rollover a name Use the browse button to find the images you are going to use Use the browse button to link the rollover to the next page in your web site

What does it look like? BECOMES THIS THIS