Introduction to Programming Unit 1.3 - Process and Information Layout Presentation 1
Revision… List any four tags used in Microsoft Script Editor. Body tag specifies the ___________ and _______ of the document. ___________ 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 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. Open the file Text.doc . Underline the text and save the document. Identify the change in source code.
Inserting Images Used in Windows environment Used in Web Resolution will be high and hence file size is more Resolution will be low and hence file size Bitmap Joint Photographic Experts Group .BMP .JPG
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 Open the blank document. Insert any clipart of your choice and identify the change in source code. 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 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 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 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 . 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 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 What is a bookmark? How do you insert a hyperlink across documents? What is the need for formatting the text?

Unit 1.3 Introduction to Programming (Part 1)

  • 1.
    Introduction to Programming Unit 1.3 - Process and Information Layout Presentation 1
  • 2.
    Revision… List anyfour tags used in Microsoft Script Editor. Body tag specifies the ___________ and _______ of the document. ___________ tag is used for creating paragraphs.
  • 3.
    Objectives At theend of this presentation, you will be able to: Create documents using text and information layout Publish the document as web page
  • 4.
    Introduction Microsoft OfficeXP provides a family of programs or applications such as: Word Excel PowerPoint
  • 5.
    Word Information Layout Helps in creating documents.
  • 6.
    Formatting Text Formattingrefers to changing the appearance of the text in the document.
  • 7.
    Hands-On! Perform thesteps to format a document.
  • 8.
    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.
  • 9.
    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.
  • 10.
    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 .
  • 11.
    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.
  • 12.
    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.
  • 13.
    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.
  • 14.
    Lab Exercise Opena blank document. Type the following text and save the document with the name Text.doc . Life is wonderful Identify the change on source code. Open the file Text.doc . Underline the text and save the document. Identify the change in source code.
  • 15.
    Inserting Images Usedin Windows environment Used in Web Resolution will be high and hence file size is more Resolution will be low and hence file size Bitmap Joint Photographic Experts Group .BMP .JPG
  • 16.
    Inserting ClipArt Clipartis a collection of images that can be inserted into the document.
  • 17.
    Hands-On! Perform thesteps to insert ClipArt.
  • 18.
    Inserting Picture formFile To insert a image from a file, use either menu bar or drawing toolbar.
  • 19.
    Hands-On! Perform thesteps to insert picture from file.
  • 20.
    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 .
  • 21.
    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.
  • 22.
    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 .
  • 23.
    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.
  • 24.
    Lab Exercise Openthe blank document. Insert any clipart of your choice and identify the change in source code. Open the blank document. Insert the picture date file Building . Identify the change in source code.
  • 25.
    Drawing Objects Wordallows you to draw objects such as circle, square and line. Use the drawing toolbar to draw an object.
  • 26.
    Hands-On! Perform thesteps to draw objects.
  • 27.
    Activity 1.3.3 Openthe data file Choice.doc and identify the source code that appears in the script window.
  • 28.
    Inserting a Fileinto Another File It is possible to insert an file into the word document.
  • 29.
    Hands-On! Perform thesteps to insert a document into another document.
  • 30.
    Activity 1.3.4 Openthe file Malaysia.doc and identify the change in the source code after inserting a file into it.
  • 31.
    Single Document Adocument can be divided into any number of columns.
  • 32.
    Hands-On! Perform thesteps to divide the document into two columns.
  • 33.
    Activity 1.3.5 Performthe following steps: Step 1: Open a blank document. Step 2: Divide the document into four columns and identify the change in source code.
  • 34.
    Changing the PictureLayout 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.
  • 35.
    Hands-On! Perform thesteps to change the layout of the inserted image.
  • 36.
    Inserting Bookmark Bookmark is used for marking a particular location in a document.
  • 37.
    Hands-On! Perform thesteps to insert bookmark.
  • 38.
    Inserting Hyperlink Hyperlinkis an element that links one object to another either in the same document or across documents.
  • 39.
    Hands-On! Perform thesteps to insert hyperlink.
  • 40.
    Lab Exercise Openthe data file Hill Stations.doc . Starting from page two convert the document into two column format. Save the document as Hill Stations1.doc . Open the file Hill Stations1.doc . Create hyperlink for the corresponding hill stations and identify the change in code.
  • 41.
    Multiple Documents Whenyou have more than one document, you can create hyperlink across documents.
  • 42.
    Hands-On! Perform thesteps to create hyperlink across documents.
  • 43.
    Activity 1.3.6 Openthe data file Beaches.doc and identify the changes in code that have occurred.
  • 44.
    Hands-On! Perform thesteps to create hyperlink to open another application.
  • 45.
    Publishing the Documentas Web Page You can convert the documents into HTML format and publish the document on web.
  • 46.
    Hands-On! Perform thesteps to publish the document as web page.
  • 47.
    Summary In thispresentation, 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.
  • 48.
    Summary In thispresentation, 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.
  • 49.
    Assignment What isa bookmark? How do you insert a hyperlink across documents? What is the need for formatting the text?