Introduction to Programming

Unit 1.3 - Process and Information Layout

Presentation 1

Revision…

1. List any four tags used in Microsoft Script Editor.

2. Body tag specifies the ___________ and _______ of the document.

3. ___________ tag is used for creating paragraphs.

Objectives

At the end of this presentation, you will be able to:

• Create documents using text and information layout

• Publish the document as web page

Introduction

• Microsoft Office XP provides a family of programs or applications such as:

Word

Excel

PowerPoint

Word Information Layout

• Helps in creating documents.

Formatting Text

• Formatting refers to changing the appearance of the text in the document.

Hands-On!

• Perform the steps to format a document.

Activity 1.3.1 (a)

• Perform the following steps and observe the change in code in the script editor.

Step 1: Open a new document.

Step 2: Open the script editor and observe

the code.

Step 3: Type your name in the document

window.

Activity 1.3.1 (a)

Step 4: Identify the change in code in the

script editor.

Step 5: Change the font to Arial and identify

the change in code.

Activity 1.3.1 (b)

• Perform the following steps and observe the change in code in the script editor.

Step 1: Open a new document.

Step 2: Open the script editor and observe

the code.

Step 3: Type the text Fall seven times, stand up

eight in the document window.

Activity 1.3.1 (b)

Step 4: Identify the change in code in the

script editor.

Step 5: Change the font size to 20 and the

colour to red.

Step 6: Identify the change in code.

Activity 1.3.1 (c)

• Perform the following steps and observe the change in code in the script editor.

Step 1: Open a new document.

Step 2: Open the script editor and observe

the code.

Step 3: Type the text log10 in the document

window.

Activity 1.3.1 (c)

Step 4: Observe the change in code in the

script editor.

Step 5: Select the text 10 and apply subscript

effect to it.

Step 6: Identify the change in code.

Lab Exercise

1. Open a blank document. Type the following text and save the document with the name Text.doc.

Life is wonderful

Identify the change on source code.

2. Open the file Text.doc. Underline the text and save the document. Identify the change in source code.

.JPG .BMP

Joint Photographic Experts Group

Bitmap

Resolution will be low and hence file size

Resolution will be high and hence file size is more

Used in Web Used in Windows environment

Inserting Images

Inserting ClipArt

• Clipart is a collection of images that can be inserted into the document.

Hands-On!

• Perform the steps to insert ClipArt.

Inserting Picture form File

• To insert a image from a file, use either menu bar or drawing toolbar.

Hands-On!

• Perform the steps to insert picture from file.

Activity 1.3.2 (a)

• Perform the following steps and observe the change in code in the script editor.

Step 1: Open a new document.

Step 2: Open the script editor and observe

the code.

Step 3: Switch to the document and choose

Insert Picture ClipArt.

Activity 1.3.2 (a)

Step 4: In the Search text box, type the text

phone and click on the Search

button.

Step 5: From the Results box click on the

picture you want to insert.

Step 6: Identify the change in the document

and the code.

Activity 1.3.2 (b)

• Perform the following steps and observe the change in code in the script editor.

Step 1: Open a new document.

Step 2: Open the script editor and observe

the code.

Step 3: Switch to the document and choose

Insert Picture From FiIe.

Activity 1.3.2 (b)

Step 4: Choose the picture data file Building.

Step 6: Click on the Insert button.

Step 7: Identify the change in the document

and the code.

Lab Exercise

3. Open the blank document. Insert any clipart of your choice and identify the change in source code.

4. Open the blank document. Insert the picture date file Building. Identify the change in source code.

Drawing Objects

• Word allows you to draw objects such as circle, square and line.

• Use the drawing toolbar to draw an object.

Hands-On!

• Perform the steps to draw objects.

Activity 1.3.3

1. Open the data file Choice.doc and identify the source code that appears in the script window.

Inserting a File into Another File

• It is possible to insert an file into the word document.

Hands-On!

• Perform the steps to insert a document into another document.

Activity 1.3.4

1. Open the file Malaysia.doc and identify the change in the source code after inserting a file into it.

Single Document

• A document can be divided into any number of columns.

Hands-On!

• Perform the steps to divide the document into two columns.

Activity 1.3.5

• Perform the following steps:

Step 1: Open a blank document.

Step 2: Divide the document into four

columns and identify the change in

source code.

Changing the Picture Layout

• When you insert an image into a document, the image remains in line with the text.

• By changing the picture layout you can move the picture to the desired position in the document.

Hands-On!

• Perform the steps to change the layout of the inserted image.

Inserting Bookmark

• Bookmark is used for marking a particular location in a document.

Hands-On!

• Perform the steps to insert bookmark.

Inserting Hyperlink

• Hyperlink is an element that links one object to another either in the same document or across documents.

Hands-On!

• Perform the steps to insert hyperlink.

Lab Exercise

5. Open the data file Hill Stations.doc. Starting from page two convert the document into two column format. Save the document as Hill Stations1.doc.

6. Open the file Hill Stations1.doc. Create hyperlink for the corresponding hill stations and identify the change in code.

Multiple Documents

• When you have more than one document, you can create hyperlink across documents.

Hands-On!

• Perform the steps to create hyperlink across documents.

Activity 1.3.6

1. Open the data file Beaches.doc and identify the changes in code that have occurred.

Hands-On!

• Perform the steps to create hyperlink to open another application.

Publishing the Document as Web Page

• You can convert the documents into HTML format and publish the document on web.

Hands-On!

• Perform the steps to publish the document as web page.

Summary

In this presentation, you learnt the following:• Word information layout helps in creating

documents.• Microsoft Word is one of the most widely used

word processor application.• Formatting refers to changing the appearance

of the text in the document. • To raise a text above the base line and make

the font appear small is called superscript.

Summary

In this presentation, you learnt the following:• Clipart is a collection of images that can be

inserted into the document. • Bookmark is used for marking a particular location

in a document• It is possible to link pages within a document and

across documents using hyperlink.• Hyperlink is an element that links one object to

another either in the same document or across documents.

Assignment

1. What is a bookmark?

2. How do you insert a hyperlink across documents?

3. What is the need for formatting the text?