1 Web Design ITM 2010 Tutorial 3 Prepared by Wang Shiyu.

Slides:

Advertisements

Similar presentations

1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.

Advertisements

Create a Web Site with Publisher 2000 for Marilyn Seguins Class.

HOW TO ADD AUDIO & VIDEO MRS. CRIDER PIT AUDIO Click on the insert tab Choose the Audio button and select Audio from file option Navigate to your folder.

XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

Copyright 2007, Paradigm Publishing Inc. POWERPOINT 2007 CHAPTER 1 BACKNEXTEND 1-1 LINKS TO OBJECTIVES Create Presentation Open, Save, Run, Print, Close,Delete.

Saving a Word Document as a Web Page

1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 9 1 Microsoft Office FrontPage 2003 Tutorial 9 – Using Layout Tables, Styles, and Office.

SUNY Morrisville-Norwich Campus-Week13 CITA 130 Advanced Computer Applications II Spring 2005 Prof. Tom Smith.

Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.

ETT 429 Spring 2007 Web Design I.

Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.

PowerPoint Lesson 1 Microsoft PowerPoint Basics

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

INSERTING & EDITING GRAPHICS Insert a graphic in a placeholder, the graphic replaces the placeholder. When a graphic is selected, eight small squares.

Training 1 FrontPage Creating Web Pages. 2 Objectives 1. Open FrontPage. 2. Create Web pages. 3. Insert pictures 4. Create a hyperlink from a picture.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

This PowerPoint document will help you learn about hyperlinks and action buttons. 1.

Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.

Developing professional presentations Office XP PowerPoint? Who? Us?

INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

| | Tel: | | Computer Training & Personal Development Microsoft Office Publisher 2007 Expert.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.

A Power Point Presentation For... A Power Point Presentation ( click to advance slides )

Chapter 14. Copyright 2003, Paradigm Publishing Inc. CHAPTER 14 BACKNEXTEND 14-2 LINKS TO OBJECTIVES Add Borders with Borders Button Add Borders with.

Getting a video from the Internet Getting a video from the Internet (1 of 9) 1. Click the Web toolbar button on the Standard toolbar. 1.

XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.

Fourth R Inc.1 WELCOME TO MICROSOFT OFFICE FRONTPAGE 2003 INTRODUCTORY COURSE.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

Tutorial 7 Planning and Creating a Flash Web Site.

1 Hyperlinks and Action Buttons This PowerPoint document will help you learn about ______ and __________ buttons.

The Internet Using the Internet Web addresses Searching Favourites Saving / Printing web pages.

Start Dreamweaver program From file menu click new Blank page appears.

Learning How to Make a PowerPoint Presentation A tutorial for novice users.

Copyright 2007, Paradigm Publishing Inc. EXCEL 2007 Chapter 8 BACKNEXTEND 8-1 LINKS TO OBJECTIVES Save a Workbook as a Web Page Save a Workbook as a Web.

Web Design-Lecture3-QN-2003 Web Design Enhancing a Website.

Tutorial 3 Adding and Formatting Text with CSS Styles.

Microsoft FrontPage 2003 Illustrated Complete Designing Web Pages with Layout Tables.

1 Hyperlinks and Action Buttons This PowerPoint document will help you learn about hyperlinks and action buttons.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 8 – Integrating a Database with a FrontPage.

Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

FIRST COURSE PowerPoint Tutorial 4 Integrating PowerPoint with Other Programs and Collaborating with Workgroups.

1 After completing this lesson, you will be able to: Open a file. Navigate through a document. Scroll through a document. Insert text in a document. Select.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

Transitioning from Groupwise to Exchange. Web Login 1.Open a web browser and type in mail.brcsd.org or follow the link from the website. 2.Select the.

Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.

MS-PowerPoint 2 Prepared by Isma3eel Al-Taharwa. Content  Animation types.  Applying schema Animation.  Adding Custom Animation.  Making Slide Transition.

Action Buttons Link to another place in your presentation Link to web pages, videos, etc. Interactivity – gives the viewer a choice of what happens next,

Microsoft PowerPoint 2010 for Microsoft Windows Basically it’s a computerised slide show!

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Microsoft Excel Illustrated Introductory Workbooks and Preparing them for the Web Managing.

XP Creating Web Pages with Microsoft Office

Microsoft® Office FrontPage® 2003 Training

PowerPoint Quick Tips Bad Ischl, Nov

A Power Point Presentation

Introduction of FrontPage

How to Customize Your Teens in the Driver Seat Poster

How to Customize Your Teens in the Driver Seat Poster

Microsoft PowerPoint 2016 for Microsoft Windows

How to Customize Your Teens in the Driver Seat Poster

Microsoft PowerPoint 2007 – Unit 2

Format Pictures To resize the image, click on the picture to surround the image with a blue box. Drag the corner dot away from the center to make it larger.

Presentation transcript:

1 Web Design ITM 2010 Tutorial 3 Prepared by Wang Shiyu

2 Add Marquee In office 2000

3 Add Marquee In office XP

4 Marquee Properties The size for the marquee

5 Dynamic HTML (DHTML) Add DHTML effect

6 DHTML effect Option event: Click, double click, mouse over, page load. Different events will have different properties All the events will be function within the blue bar.

7 Format Page transition

8 Format

9 Other source There are some web sites that supply DHTML code for page transition.

10 Other source Copy this Click this

11 Other source Copy the previous Script between here

12 Insert Hover Buttons Hover Buttons A hover button contains a hyperlink to another page or file. However, when a site visitor clicks or points to a hover button, the button can also glow, display a custom picture, or play a sound effect. You can also use a picture for a hover button or for the hover effect on a hover button.

13 Hover Buttons In office 2000 In office XP (see the picture in slide 3)

14 Other effects can be selected here Hover Buttons Introduced in next slide

15 Hover Buttons

16 Note If you want to view the effect of hover button in the preview tab, you must save the page first

17 Add advert In office 2000 In office XP (see the picture in slide 3)

18 3 sec may be better pace, experiment to find what’s best for your particular images. Only unique link for every image. FREE to use JPEG and GIF image Add advert

19 Create Web Site For office 2000: –File->new->web For office XP( following picture is printed from office xp)

20 Create Web Site

21 Create Web Site Displays the selected folder The structure of your web site Navigation pane

22 Add new page

23 Add navigation toolbar

24 Create Navigation view drag

25 Navigation view Provide a visual representation of our web structure Automatically create navigation bars on all your web pages, which –Link the pages in your web site together –Will appear in the shared borders of your web pages Shared border: when you view the pages in FrontPage or a browser, the navigation bars appear consistently in the same areas (called shared borders) on all the pages. These shared borders are updated automatically whenever you add, move, rename, or delete pages in your web structure