Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Unit 1.3 Introduction to Programming (Part 1)

Process and Information Layout

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

Unit 1.3 Introduction to Programming (Part 1)

  1. 1. Introduction to Programming Unit 1.3 - Process and Information Layout Presentation 1
  2. 2. Revision… <ul><li>List any four tags used in Microsoft Script Editor. </li></ul><ul><li>Body tag specifies the ___________ and _______ of the document. </li></ul><ul><li>___________ tag is used for creating paragraphs. </li></ul>
  3. 3. Objectives <ul><li>At the end of this presentation, you will be able to: </li></ul><ul><li>Create documents using text and information layout </li></ul><ul><li>Publish the document as web page </li></ul>
  4. 4. Introduction <ul><li>Microsoft Office XP provides a family of programs or applications such as: </li></ul><ul><ul><li>Word </li></ul></ul><ul><ul><li>Excel </li></ul></ul><ul><ul><li>PowerPoint </li></ul></ul>
  5. 5. Word Information Layout <ul><li>Helps in creating documents. </li></ul>
  6. 6. Formatting Text <ul><li>Formatting refers to changing the appearance of the text in the document. </li></ul>
  7. 7. Hands-On! <ul><li>Perform the steps to format a document. </li></ul>
  8. 8. Activity 1.3.1 (a) <ul><li>Perform the following steps and observe the change in code in the script editor. </li></ul><ul><li>Step 1: Open a new document. </li></ul><ul><li>Step 2: Open the script editor and observe </li></ul><ul><li>the code. </li></ul><ul><li>Step 3: Type your name in the document </li></ul><ul><li>window. </li></ul>
  9. 9. Activity 1.3.1 (a) <ul><li>Step 4: Identify the change in code in the </li></ul><ul><li>script editor. </li></ul><ul><li>Step 5: Change the font to Arial and identify </li></ul><ul><li>the change in code. </li></ul>
  10. 10. Activity 1.3.1 (b) <ul><li>Perform the following steps and observe the change in code in the script editor. </li></ul><ul><li>Step 1: Open a new document. </li></ul><ul><li>Step 2: Open the script editor and observe </li></ul><ul><li>the code. </li></ul><ul><li>Step 3: Type the text Fall seven times, stand up </li></ul><ul><li>eight in the document window . </li></ul>
  11. 11. Activity 1.3.1 (b) <ul><li>Step 4: Identify the change in code in the </li></ul><ul><li>script editor. </li></ul><ul><li>Step 5: Change the font size to 20 and the </li></ul><ul><li>colour to red . </li></ul><ul><li>Step 6: Identify the change in code. </li></ul>
  12. 12. Activity 1.3.1 (c) <ul><li>Perform the following steps and observe the change in code in the script editor. </li></ul><ul><li>Step 1: Open a new document. </li></ul><ul><li>Step 2: Open the script editor and observe </li></ul><ul><li>the code. </li></ul><ul><li>Step 3: Type the text log10 in the document </li></ul><ul><li>window. </li></ul>
  13. 13. Activity 1.3.1 (c) <ul><li>Step 4: Observe the change in code in the </li></ul><ul><li>script editor. </li></ul><ul><li>Step 5: Select the text 10 and apply subscript </li></ul><ul><li>effect to it. </li></ul><ul><li>Step 6: Identify the change in code. </li></ul>
  14. 14. Lab Exercise <ul><li>Open a blank document. Type the following text and save the document with the name Text.doc . </li></ul><ul><ul><li>Life is wonderful </li></ul></ul><ul><li>Identify the change on source code. </li></ul><ul><li>Open the file Text.doc . Underline the text and save the document. Identify the change in source code. </li></ul>
  15. 15. 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
  16. 16. Inserting ClipArt <ul><li>Clipart is a collection of images that can be inserted into the document. </li></ul>
  17. 17. Hands-On! <ul><li>Perform the steps to insert ClipArt. </li></ul>
  18. 18. Inserting Picture form File <ul><li>To insert a image from a file, use either menu bar or drawing toolbar. </li></ul>
  19. 19. Hands-On! <ul><li>Perform the steps to insert picture from file. </li></ul>
  20. 20. Activity 1.3.2 (a) <ul><li>Perform the following steps and observe the change in code in the script editor. </li></ul><ul><li>Step 1: Open a new document. </li></ul><ul><li>Step 2: Open the script editor and observe </li></ul><ul><li>the code. </li></ul><ul><li>Step 3: Switch to the document and choose </li></ul><ul><li>Insert  Picture  ClipArt . </li></ul>
  21. 21. Activity 1.3.2 (a) <ul><li>Step 4: In the Search text box, type the text </li></ul><ul><li>phone and click on the Search </li></ul><ul><li>button. </li></ul><ul><li>Step 5: From the Results box click on the </li></ul><ul><li>picture you want to insert. </li></ul><ul><li>Step 6: Identify the change in the document </li></ul><ul><li>and the code. </li></ul>
  22. 22. Activity 1.3.2 (b) <ul><li>Perform the following steps and observe the change in code in the script editor. </li></ul><ul><li>Step 1: Open a new document. </li></ul><ul><li>Step 2: Open the script editor and observe </li></ul><ul><li>the code. </li></ul><ul><li>Step 3: Switch to the document and choose </li></ul><ul><li>Insert  Picture  From FiIe . </li></ul>
  23. 23. Activity 1.3.2 (b) <ul><li>Step 4: Choose the picture data file Building . </li></ul><ul><li>Step 6: Click on the Insert button. </li></ul><ul><li>Step 7: Identify the change in the document </li></ul><ul><li>and the code. </li></ul>
  24. 24. Lab Exercise <ul><li>Open the blank document. Insert any clipart of your choice and identify the change in source code. </li></ul><ul><li>Open the blank document. Insert the picture date file Building . Identify the change in source code. </li></ul>
  25. 25. Drawing Objects <ul><li>Word allows you to draw objects such as circle, square and line. </li></ul><ul><li>Use the drawing toolbar to draw an object. </li></ul>
  26. 26. Hands-On! <ul><li>Perform the steps to draw objects. </li></ul>
  27. 27. Activity 1.3.3 <ul><li>Open the data file Choice.doc and identify the source code that appears in the script window. </li></ul>
  28. 28. Inserting a File into Another File <ul><li>It is possible to insert an file into the word document. </li></ul>
  29. 29. Hands-On! <ul><li>Perform the steps to insert a document into another document. </li></ul>
  30. 30. Activity 1.3.4 <ul><li>Open the file Malaysia.doc and identify the change in the source code after inserting a file into it. </li></ul>
  31. 31. Single Document <ul><li>A document can be divided into any number of columns. </li></ul>
  32. 32. Hands-On! <ul><li>Perform the steps to divide the document into two columns. </li></ul>
  33. 33. Activity 1.3.5 <ul><li>Perform the following steps: </li></ul><ul><li>Step 1: Open a blank document. </li></ul><ul><li>Step 2: Divide the document into four </li></ul><ul><li> columns and identify the change in </li></ul><ul><li>source code. </li></ul>
  34. 34. Changing the Picture Layout <ul><li>When you insert an image into a document, the image remains in line with the text. </li></ul><ul><li>By changing the picture layout you can move the picture to the desired position in the document. </li></ul>
  35. 35. Hands-On! <ul><li>Perform the steps to change the layout of the inserted image. </li></ul>
  36. 36. Inserting Bookmark <ul><li>Bookmark is used for marking a particular location in a document. </li></ul>
  37. 37. Hands-On! <ul><li>Perform the steps to insert bookmark. </li></ul>
  38. 38. Inserting Hyperlink <ul><li>Hyperlink is an element that links one object to another either in the same document or across documents. </li></ul>
  39. 39. Hands-On! <ul><li>Perform the steps to insert hyperlink. </li></ul>
  40. 40. Lab Exercise <ul><li>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 . </li></ul><ul><li>Open the file Hill Stations1.doc . Create hyperlink for the corresponding hill stations and identify the change in code. </li></ul>
  41. 41. Multiple Documents <ul><li>When you have more than one document, you can create hyperlink across documents. </li></ul>
  42. 42. Hands-On! <ul><li>Perform the steps to create hyperlink across documents. </li></ul>
  43. 43. Activity 1.3.6 <ul><li>Open the data file Beaches.doc and identify the changes in code that have occurred. </li></ul>
  44. 44. Hands-On! <ul><li>Perform the steps to create hyperlink to open another application. </li></ul>
  45. 45. Publishing the Document as Web Page <ul><li>You can convert the documents into HTML format and publish the document on web. </li></ul>
  46. 46. Hands-On! <ul><li>Perform the steps to publish the document as web page. </li></ul>
  47. 47. Summary <ul><li>In this presentation, you learnt the following: </li></ul><ul><li>Word information layout helps in creating documents. </li></ul><ul><li>Microsoft Word is one of the most widely used word processor application. </li></ul><ul><li>Formatting refers to changing the appearance of the text in the document. </li></ul><ul><li>To raise a text above the base line and make the font appear small is called superscript. </li></ul>
  48. 48. Summary <ul><li>In this presentation, you learnt the following: </li></ul><ul><li>Clipart is a collection of images that can be inserted into the document. </li></ul><ul><li>Bookmark is used for marking a particular location in a document </li></ul><ul><li>It is possible to link pages within a document and across documents using hyperlink. </li></ul><ul><li>Hyperlink is an element that links one object to another either in the same document or across documents. </li></ul>
  49. 49. Assignment <ul><li>What is a bookmark? </li></ul><ul><li>How do you insert a hyperlink across documents? </li></ul><ul><li>What is the need for formatting the text? </li></ul>

×