Upload
intan-jameel
View
108
Download
2
Embed Size (px)
DESCRIPTION
Process and Information Layout
Citation preview
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?