Unit 1.2 Introduction to Programming

Introduction to Programming

Unit 1.2 - Introduction to Source Code

Presentation 1

Revision…

1. Define Task Pane.2. Explain the need for Microsoft Script

editor.3. __________ is a horizontal bar that

appears at the top of the active window which is associated with pull-down menus.

4. _______ is a collection of icons that provides easy access commonly used menu commands.

Objectives

At the end of this presentation, you will be able to:• List various tags used in the source code• Identify the tags used in the source code

Introduction

• Office is an application which is based on GUI interface.

• Each command in this application is coded using programming languages and other scripting languages.

• You can view the source code of each command using the Microsoft Script Editor.

Backbone of Office Applications

• Source code has both xml and html tags.

• XML is used to describe the data.

• XML code is enclosed within the tags <XML> … </XML>.

• HTML is used to format the data.

• HTML code is enclosed within the tags <HTML> … </HTML>.

Hands-On!

• Open the Microsoft script editor of a blank document and observe the XML and HTML code.

Lab Exercise

• Open a blank document. Observe the source code in Microsoft Script Editor.

• Open a blank workbook. Observe the source code in Microsoft Script Editor.

• Open a blank presentation. Observe the source code in Microsoft Script Editor.

Basic HTML Tags

• Some of the basic HTML tags that are commonly used are: Head tag

Body tag

Paragraph tag

Heading tag

Head Tag

• Provides information that does not affect the document but provides information to the browser when publishing the document on web.

• The necessary codes have to be enclosed within the tags <head> and </head>.

Activity 1.2.1

• Open the data file Malaysia.doc. Identify the head tag and the data enclosed within this tag.

Body Tag

• Specifies the beginning and end of the document.

• The necessary codes have to be enclosed within the tags <body> and </body>.

Hands-On!

• Open the data file Food.doc . Identify the body tag and the data enclosed within this tag.

Paragraph Tag

• Is used for creating paragraphs.

• The necessary codes have to be enclosed within the tags and .

Hands-On!

• Open the data file About_Malaysia.doc. Identify the paragraph tag and the data enclosed within this tag.

Heading Tag

• Specifies different sizes and styles for the heading.

Hands-On!

• Open the data file Heading.doc. Identify the different heading tags.

Activity 1.2.2

• Identify any two pair of tags present in the following code:

<html><body lang=EN-GB style='tab-

interval:.5in'>COOL</body></html>

Lab Exercise

• Open a blank document and type your name. Copy and paste the text five times. Save the document as Name.doc. Identify the various tags used in the source code.

Summary

In this presentation, you learnt the following:• Tags are the instruction which specifies how

the document appears.• The head tag provides information that does

not affect the document but provides information to the browser when publishing the document on web.

Summary

In this presentation, you learnt the following:• The body tag specifies the beginning and

end of the document.• The paragraph tag is used for creating

paragraphs. • Heading tag specifies different sizes and

styles for the heading.

Assignment

List any four tags used in script editor.

Identify any three tags in the following:<html><body lang=EN-GB style='tab-interval:.5in'><h2>sadsha

</h2></body></html>

Unit 1.2 Introduction to Programming

Education

Transcript of Unit 1.2 Introduction to Programming