1 Exercises  To proceed to the Exercises, please download the whole working folder (authorware-basics) from either the  educ4210-1 or  educ4210-2 or.

Slides:



Advertisements
Similar presentations
Introduction to Using Hot Potatoes. Select the Hot potatoes option from the Start: Programs: menu as shown.
Advertisements

Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
Learning the Basics – Lesson 1
Audacity: a step-by-step tutorial Presented by: Terry W. Hoffland.
Dreamweaver Cheat Sheet CSCI 100 – JW Ryder. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory.
Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Basic Powerpoint NEXT. Viewing Your Slides Click on Slide Show and on View Show. The slide show will automatically be displayed on the screen.
COMPREHENSIVE Windows Tutorial 3 Personalizing Your Windows Environment.
Chapter 3 Tables and Page Layout
Saving a Word Document as a Web Page
Web Page Design Tips & Tricks Layering Choose Insert – Layout Objects – Layer Click anywhere along the outline of the layer box to select it Click &
Student Presentations. Overview Introduction Prepping Zipping Uploading unZipping Viewing.
Creating First Class Web Pages Log into your account.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
Let’s Make a Movie Editing, Special Effects, and Movie Finishing.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
Web Technologies Website Development Trade & Industrial Education
Connecting to USF Network for Web Site SSH Secure Shell is the FTP program you will use to download your http files onto the USF server. To get the SSH.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
A Power Point Presentation For... A Power Point Presentation ( click to advance slides )
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.
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.
Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.
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.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
2008 Adobe Systems Incorporated. All Rights Reserved. Getting Started with Adobe Presenter Modified by C. Candace Chou.
Sports Website Creation. In this project you will design and produce your own website.
Working with Graphics – Lesson 21 Working with Graphics Lesson 2.
The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.
How to make and publish a web page. Create a folder.
PowerPoint Basics Tutorial 4: Interactivity & Media PowerPoint can communicate with the outside world by linking to different applications, managing different.
MIS 201 Web Design 1. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.
1 Flash Basics Exercise Guide Making Animated Text  1.1 Open Flash 5.0 working environment frame 1  1.2 Highlight frame 1 of the first layer Insert.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Slide 1 (of 16) 1) Launch Dreamweaver 8. 2)Under Site, choose New Site. Stanford Continuing Studies CS 22 · Enhanced Web Site Design Week Two DREAMWEAVER.
How to Download and Install the Naper eReader and eBook Naper Publishing Group.
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.
Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.
Copyright 2007, EMC Paradigm Publishing Inc. INTERNET EXPLORER 7 BACKNEXTEND 1-1 LINKS TO OBJECTIVES Launching Internet Explorer Launching Internet Explorer.
Creating and Editing a Web Page
Tips on inserting images in slideshows downloading images from the internet (NOT copy and paste) making the background transparent minimising the image.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
How to Create a Power Point Presentation. Topics that will be covered: 1) Getting Started 2) Common Features 3) Working with Text 4) Working with Graphics.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
XP Creating Web Pages with Microsoft Office
Continue making your website on Adobe Dreamweaver, adding colour, images and text. Lesson 8 Aim : Q: What's the difference between Batman and a thief?
How to make and publish a web page
How to make and publish a web page
Learning the Basics – Lesson 1
Module 6: Creating Web Pages and Working with Channels
Dreamweaver CS4 Skills PLAN – PLAN – PLAN first
MIS 201 Web Design.
مسابقة المدرسين المجددين
A Power Point Presentation
Create and edit web pages 2
How to PostPower Point Presentations
HOW TO ADD SIGNATURE TO MICROSOFT OFFICE OUTLOOK
Presentation transcript:

1 Exercises  To proceed to the Exercises, please download the whole working folder (authorware-basics) from either the  educ or  educ or  educ4210-3, FTPres.hkbu.edu.hk  at the FTP site, res.hkbu.edu.hk  Place the “ authorware-basics folder on your desktop

2 Exercise 1  Click File > New > File  Close other windows and leave the design window and icon panel intact.

3 Exercise 1  Drag the desired icons from the icon panel onto the empty flowline in the Design Window as shown.

4 Exercise 1  Add names to the appropriate icons.  Save the file as exercise1.a6p in the c:\windows\desktop\authorware-tutorial\

5 Exercise 1  Double-click on the background icon and the presentation window will be popped-up.  Choose File > Import to select the “ Background.gif ” image file from c:\windows\desktop\authorware- tutorial\Assets\ folder.

6 Exercise 1  Double-click the “ Title ” icon and choose File > Import to select the “ Camera1.gif ” image file from c:\windows\desktop\authorware-tutorial\Assets\ folder.

7  To eliminate the background colour of the image, double-click it. alpha  On the property window, choose the “ alpha ” mode and click “ OK ”. Exercise 1

8 The World of 35mm Photography “ A ”  Double-click the “ Title ” To insert the words “ The World of 35mm Photography ”, click the “ A ” icon of the graphic panel and type in the required wording.

9  Double-click the “ Camera Sound ” icon on the flowline and then the “ Import ” button on the property window.  Choose the camera.mp3 audio file from the Assets folder as specified in the previous sections. Exercise 1

10 WAIT  Double-click the “ WAIT ” icon on the flowline and then the “ Import ” button on the property window.  Choose the camera.mp3 file from the Assets folder as specified in the previous sections. Exercise 1

11 Title  To erase the title page, double-lick the “ Title ” icon on the flowline. Erase Title Page Erase  Then double-click the “ Erase Title Page ” icon on the flowline and then click the “ Erase ” button on the property window. Exercise 1

12 Mosaic  On the property window, choose the Transition Mode to be “ Mosaic ”. Exercise 1

13 Icons  On Click the “ Icons ” button on the property window and then click the “ Title ” page shown on the presentation window.  The Title page icon will be listed on the property window of the erase icon. Exercise 1

14 File > Save  Click File > Save to save the file. Control > Restart.  To see how the file works, click Control > Restart. File > Publish Settings “ format ”  To publish the file, click File > Publish Settings and on the property window, click the “ format ” button and check all the options. package  Click the “ package ” button and select all the options again. Exercise 1

15 After the selection, click “Publish” Exercise 1

16 Exercise 1

17 LocalWeb  A folder named: “ Published Files ” will be created at the same level as the exercise1.a6p file. Within this folder, there are two sub-folders: Local and Web. Exercise 1

18  Under the “ Local ” folder, there is a ????.exe file.  Inside the “ Web ” folder, there are files like: ????.htm and ????.aam.  You may FTP the whole “ Web ” folder to your own folder residing res.hkbu.edu.hk ?/your_folder/web/????.htm  To access it via the Internet, open the browser and type the URL as ?/your_folder/web/????.htm Exercise 1