Computer Application Anil Kumar Iiiiiii

8/9/2019 Computer Application Anil Kumar Iiiiiii

1/42

COMPUTER APPLICATION ANIL KUMAR, HASHIR SHIJU S S

CHAPTER. 7

KEYPOINTS

1. Table serves as a convenient way to organize elements on

the page without making them appear within the page without theconfines of an actual table.

2. begins a table definition and ends .Tables are created without borders, that is the horizontalAnd vertical lines separating the cells will not appear by default.

3. and are used to create a row of the table.4. The table data tags and are used to specify the

contents of a cell.5. and are used to create cells in the same wayas the table data tags, except that the text in the cells will

be bold and centered6. The caption tags and tags allows for

the creation of a caption for a table.7. Frames divides browser window into smaller, separately

Scrollable windows each capable of displaying a different

.HTML page.

8. Creation of frames in a browser window is done in two steps:

1. Splitting the browser window into frames using

tag.

2. Loading frames with different HTML documentsUsing tag.


2/42

9. The browser window is split into frames using a container Tag tag.

10. is an empty tag which accept the name of theHTML ,document to be displayed in a frame.

11. tag is typically used in a Framesetdocument to provide alternate content for browsers that do notsupport frames or have frames disabled.

12. An HTML from provides data gathering functionality to aWeb page.

13. Forms allows to enhance the interaction of a web page by increasing the ability to request information from users.

14. HTML forms has built in facility to automaticallySubmit data collected in its controls to a Web server.

15. A form is created using the begin and end from tags and . All the GUI controls to acceptinputs are placed inside these two tags.

16. The ACTION attribute specifies the location (URL ) of The server and of the CGI program that will process the form.

17. The METHOD attribute indicates the method used by theWeb server to receive the form. The possible values are POSTand GET.

18. The TEXTAREA tag is used within the form to acceptMultiple lines of text with the help of textbox control.

19. The INPUT tag creates a single line input control andThe TEXTAREA tag creates a multi line input control.

20. A number of input controls can be created using theINPUT tag by modifying its TYPE attribute like text,Password, checkbox ,radio button, reset and submit buttons.

21. RESET is a modified form of INPUT tag that simplyCreates a push button is used clear all the data enteredIn a form.

22. SUBMIT button automatically submit the data that hasEntered in the form to the Web server for processing.

23. The tag is used to create different types of Popup and scrolling menus.

24. The tag is used to give a caption to controlsUsed in a form. The LABEL element associates a label


3/42

With a form control. EVALUATION ACTIVITIES

1. XYZ Co. wants to create an E-Commerce website. The purposeis to display and list the particulars of product and price.(a) What are your suggestions to the company?(b) Demonstrate your suggestions by preparing a sample

webpage.2. < , and tags are used for

designing HTML documents.(a) Is it possible to create tables without borders.(b) Describe the use of TABLE tag.(c) Specify the need of FRAMESET and FRAME tags.

3. You know that TABLE tag is used for arranging data in aTabular form. Write the syntax of HTML tables.

4. Your class teacher asked you to prepare HTML page showing thestudents name and marks of all subjects of your class.Demonstrate this to your class teacher by creating an HTMLdocument with details of two students

5. While visiting a website you noted that the current webpage

is divided into three portions in the same browser. All threeportions has different HTML document loaded to it.

(a) According to your knowledge what is this features.(b) Which tag is used for splitting the browser window?(c) Specify the tag used for loading different HTML document(d) Discuss any two attributes of question(b)

6. You know that tag is used for splitting theBrowser window.(a) Identify the attribute used for giving 3D border to frames.(b) Write HTML code for giving 3D border.(c) Write HTML code to create three frames of equal size.

7. Read the HTML code given below and answer theFollowing questions.(a) What does this code means?(b) Visualize this in a browser.

8. tag used for loading different HTML documents tothe frames.


4/42

(a) List any two attributes of tag.(b) Discuss these attributes in detail.(c) What is tag?

9. Go through the webpage given in questions 9 and thAnswer the following questions

(a) According to your version list the important tags used.(b) Explain the tags and its attributes in detail.

10. Read the HTML code given below and answer theFollowing question.

(a) What is meant by nesting of frames?(b) Explain this code.

11. Read the HTML code given below and answer the followingquestion

(a) Differentiate between cell spacing and cell padding.(b) Briefly describe three attributes of tag other than

cell spacing, cell padding and border.

.12. Your friend Anita is designing an HTML document with

Table as its content.(a) Give suggestions to make table more attractive.(b) Support your suggestion using relevant codes.

13. If you specify RED to the bicolor attribute of tag then,the entire table will be given the co lour RED.

(a) where will you change the co lour of a specific cell?

(b) Write necessary code to demonstrate the answer to questiona.

14. The cell contents of three tag is always bold.(a) Is this statement true? Give reason.What is the need for colspon and roping?


5/42

15. Forms facilities interactive webpage.(a) Discuss this statement and comment.

(b) Explain various tag attributes. Is it possible to a control placed in a form using white spaces

why?16. you are asked to create an HTML form that allows you to enter your

personal details into a webpage.

(a) Write HTML code for creating the document. The form mustAccept all your personal17. A number of input controls can be created using tag.

(a) List the different controls that can be created using this tag.(b) Which attribute is used for this purpose? Write HTML code for creating any two controls (all attributes

required)

18. and are tags used for designing HTML for (a) Specify the use of these tags.

(b) Discuss various attributers of tags.19.Go through the following webpage and answer the followingquestions.

(a) Illustrate the features used for designing this page.(b) Write HTML code for the above figure.

20. The HTML form supports the popup and scrolling menus.(a) How they are created in HTML document.(b) Discuss various attribute of the above mentioned tag.cWrite simple HTML code to support the answer of question

21 Go through the following webpage and write HTML code tocreate such a webpage.

22. tag playa an important role in designingHTML forms by providing facilities for creating manyinput controls.

(a)Specify the need for SUBMIT and RESET buttons(b) Explain how they are created.

23. tag plays an important role in designingHTML forms by providing facilities for creating manyinput controls.

(a) Specify the need for CHECKBOX andRADIOBUTTON

(b) Explain how RADIOBUTTON is created


6/42

(c) Differentiate between CHECKBOX andRADIOBUTTON.

CHAPTER 8 ADVANCED TOOLS FOR WEB DESIGN

KEY POINTS

1. Perl (practical Extraction Repot Language) is scripting languagewhich exact information from text file and then uses thatinformation to prepare report

2. A scripting language is light weight programming language.Scri`pting language are interpreted

3. Java Script is an example of a popular scripting language4. Style sheets are f ile that store style definition used in a

webpage.5. Object oriented programming (OOP) is concepts that allow

creating reusable.6. VBScript is a scripting language which is a light version of

Microsofts programming language visual basic.7. VB Script is support only by the Microsoft internet explorer

browser. Java Script on the other hand is supported by most browsers.

8. Active Server Pages-ASP is a method for delivering dynamiccontent in a webpage. ASP technology allow to mix HTMLandcode their by giving decision capabili

9. y to a webpage.10. VBScripr is the default scripting language used in ASP.11. JSP provides excellent server side scripting support for 12. creating database driven web application

Edumate questionsEdumate questions


7/42

ADVANCED TOOLS FOR WEB DESIGN

Q.1Which of thefollowing may beconsider as dynamic

page.1. Page with an

image

2. Page withhyperlink


8/42

3. Page with a backgroundcolor

4. Response

page for agoogle searchAns(d) Response pagefor google search.Q.2 Name a Netlanguage which is usedin web programming.

Ans:C#


9/42

Q.3. .Raju is tryingto order a digitalcamera through an e-Commerce site. In

the order form, onselecting the productname, corresponding

product code isautomatically filledup. Name theadvanced web tool toimplement this

facility. Write itscharacteristics


10/42

or Akhil is trying tocreate an e-mail IDthrough a web portal.

On selecting thecountry, the names of states of thecorrespondingcountry gets filled upagainst the state List

box..(a)Name the

technology behind this.


11/42

(b) Mention thecharacteristics.

Ans: (a) We canuse any scripts

language likeJavascript

Characteristics

1. Java script Addsinteractivity to HTML

pages


12/42

2. It gives facility toinclude programmingin HTML documents

3. Using it we can

perform variousfunctions like decisionmaking, accessing data,answering users queryetc.

4. It can be used for collecting and storinguser information.

Q.4. The higher secondary examination


13/42

result of your school isavailable on your schoolwebsite. On entering theReg. no the result of that

particular studentdisplayed as a webpage.Disuse any twotechnologies in additionto HTML required toimplement this website.

Ans; We canuse ASP/JSP/PERL

1. ASP stands for Active Server page


14/42

2. These are web pages that areembedded withdynamic contents.

3. In ASP the scriptcomponentexecute in server and the effect will

be send back toclient machine.The result will bedisplayed in the

user window using


15/42

HTML tag sent byserver.

4 Real timecommunication

exists between theclient and server 5. ASP applicationare small and can

be modifiedwithout affectingserver function.

JSP

1 JSP stands for Java server page


16/42

2 JSP are web pagesthat contain server side scripts

3 It allows web

designers easy todevelop andmanufacturedynamic web

pages.Additional

questions1

Score


17/42


18/42


19/42

2. Write the name of

a server scriptingtechnology.

Ans: JSP (Javaserver page) OR ASP(Active server page)

3. From the list given below select the mostimportant feature of

DHML(a) Create Table

(b) Set back groundcolour


20/42

Displays a form(d). (Showanimation

Ans: Show animation

4. Modules of Javacode that run inserver machine toserve the client

requestis..Ans: Servelt


21/42


22/42

develop.NETapplication.Using C# we

can develop powerful

stand aloneapplication.6. is the mostcommon language


23/42

for writing CGIscript

Ans: PERL7. The program

embedded inHTML pagesare.

Ans: Scripts8. .is an OOP

that is used todevelopapplication for Net

platformAns; C#


24/42

(2 Scores)

Differentiate between HTML andDHTML

Ans: HTMLmeans hyper text

Markup language. Itis the basic tool for webpage design.Using HTML wecan design onlystatic webpage.


25/42

DHTMLmeans DynamicHyper Text MarkupLanguage. It builds

up on existingHTML tags and mixit with VB script or Java Script.DHTML makesWeb presentationdynamic andinteractive.

Q. Give theadvantages of


26/42

byte code over machine code.

Ans: Java programsare not directly

complied to machinecode.They are

complied to anintermediate code called

byte code.This byte code is

interpreted by another

program called Java VirtualMachine (JVM. Byte code can run on any computer in which the JVM is present. JVM makes the Java language to be platform independent. Any


27/42

computer system Give with JVM insytalled can run the java programregardless of the operating system.

2. Write two important application of XML in webdevelopment

Ans; XML allows us to define new tags. We can define our owntags.

(ii) Business Partner use XML to exchange data with each oother in new and easier way.(iii) E-business related information such as pricing

inventory and transactions are represented in XML andtransferred overinternet.

(iii) XML provides the basic for a wide variety of industry andspecified language such as MathXML, ebXML, VXML etc.

3. The result of Drew of Kerala State Lotteries is available onwebsite, on entering the ticket number the detailed result of

particular ticket is displayed on web page. Name any two web tools other than HTML required todevelop such web site.

Ans: DHML, VB Script, ASP etc.1. Write the significance of server side scripting in website

developmentAns: The script that are executed by the server are called server scripts.In server side scripting, the script codes are interpreted by the web server and return its result to respective web client. Here the script componentsexecuted in the server and the effect will be sent back to client machine.The result will be displayed in the browser window using HTML tags sent

by server. For server side script we can use ASP or JSp.2. Write any three uses of client side scripting on a web page.

Ans: The script that can be excused by the browser are calledclentscripts. The browser reads the script and check for errors and run theScripts. It can be used to validating user input,communicate to user andcheck while browser does a particular user is running.

3. Vivek a web designer got an assignment to develop a webdocument for multinational company which work on any type of operating environment. In addition to the conventional tools heneeds to select either VB script or java script. In your opinionwhich amoung the above tools will be selected by Vivek. Justifyyour selection by listing down he feature comparing with theothers.

Ans: Java Script. It is platform independent and can work on anyoperating system.

1. Java Script Adds interactivity to HTML pages.


28/42

2. It gives facility to include programming in HTML Pages.3. Using it we can perform various functions like decision

making, accessing data, answering users query etc.4. It can be used for collecting and storing user information.5. List any three advantages of ASP

1. ASP stands for active server psge..2. These are web pages that are embedded with dynamic

contents3. In ASP the script componet excute in server and effect will

be sent back to client machine. The result will be displayedin the user window using HTML tag sent by server

Day by day the need of the web and its applications aregrowing up. So programmers need more web tools for completesolution. Comment on this statement by explaining 5 advanncedtools

Ans: 1. DHTMLDHTML means Dynamic Hyper Text Markup

Language. It builds upon existing HTML tags and mix itwith VB script or JavaScipt DHML makes Web

presentation dynamic and interactive.2. XML

XML means Extensible Makrkup Language. It allows todefine tag. The XML tag can be used as any other HTMLtag. Business partners use XML to exchange data with other in a new and easier way.

3Java ScriptIt is scripting lauguage. It is embedded in HTML pages.It gives a facility to include programming in HTMLdocument. It makes a page interactive.

4. VB Script

VB script is also Scripting language. It is simple VisualBasic Programs embedded in HTML pages. VB script makes the

web page active. It is especially useful for handling forms. It isnot platform independent. Using Java Script we can performvarious functions like decision making, accessing data answeringQueries etc.4. PERL


29/42

PERL means Practical Extraction and Report language. It isused for writing CGI scripts. It is helpful for systemmanagement and system administration task. It is used for

programming W W W electronic forms. It act as a gata way between system database and users..

5. CGICGI means Common Gate Way interface. It is a collection of

protocols that allow web clients to excute programs on aweb server and receive their output.

6. JSPJSP means Java Server Pages. JSPs are webpages thatcontain Server Side Scripts. JSP allows easy developing andmaintaing of dynamic pages. JSP provided web basedapplication that are platform independent.

7. ASPASP stands for Active Server Pages. ASPs are web pagesthat are embedded with dynamic contents. It is used for server side scripts. The Real time communication exists

between the client and Server during the execution of ASPcode. Both VB script and Java Script can be used as scriptcomponent of an ASP file.

8. JavaJava is platform independent object oriented programminglanguage. It is used to create program that excute from W WW pages. It can be used to develop all kinds of programs

13. HTML is used to represent data while XML is designed to storeand exchange data between applications.

14. DHTML is a combination of technologies like Scripting,CSS andDOM resulting in a Dynamic HTML page.

15. Serviettes are programs in Java that run on a web server and builtweb pages dynamically.

16. C# is the latest programming language developed by Microsoftfor the NET platform.

REVIEW QUESTIONS

1. Name two web design tools.2. What is DHTML?


30/42

3. What is the difference between HTML and XML?4. What is a style sheet?5. What is PERL?6. What is CGI?7. What are scripting languages?8. Give two uses of scripts.9. What is a applet?10. Give two important features of a Java Programming Language.11. What is JVM?12. What are byte codes?13. What is NET?14. Briefly explain Active Server Pages technology15. Write brief notes on a Java Script and VBScript.16. Whats XML? How is it different from HTML?17. Briefly explain CGI andPERL18. Write a short note on C#19. 19. How does java Language become platform-independent?20. 20. Explain any four advanced tools for web design?21. Explain features of Java an C# programming languages.22. Explain JSP in the context of web application development.

.

(b)

15.


31/42


32/42

The tag is used to define and to create a table in HTML. It is a container tagwhich contains an opening tag and a closing tag. The and tags mustsurround the entire table definition. The has several attributes. All the tableattributes are optional.

Syntax:

. Attributes of TABLE Tag

Attribute DescriptionBorder

Border color

Height

Width

Cell spacing

Cell padding

Bgcolor

Align

Frame

Background

Creates a thin line around all cells. The width of the border linescan be specified as a value in pixels. If specified without anyvalue, a thin line is created a round all cells. The value 0 isequivalent to having no border. The larger the value specified thethicker will be the border.

Assigns a color to the border in hexadecimal triplets or codes.

By default a table will be as long as the height of the entries in its

cells. An exact height can be specified here either in pixels or as a percentage of the browsers window.

By default a table will be as wide as the longest entries in its cells.An exact width can be specified here either in pixels or as a

percentage of the browsers window.

Cell spacing means the space between the cell border and tableframe. This space can be adjusted in pixels.

Cell padding is the space between the cell border and table frame.

This space can be adjusted in pixels.

Background color can assigned a color using color codes.

Aligns the table with respect to other document elements

Frame specifies with sides of the tables outer border are visible inthe browser window. Normally all the four sides of the table willhave a border. Using the frame attribute we can control display of these borders.

An image can be specified as a background of a table. Thefilename of the desired image should be specified here. Thespecified image is tiled to fill the background of the table.


33/42

tag (Table row tag)The tag is used to specify row within a table

and is placed inside the tag. The TR element contains both celldata and cell headers. The tag is container tag but the closingtag is optional. If table contain 3 rows th

Attributes of Table Data TD tag

Attributes Description

Align

Valign

Width

Bgcolor

background

Positions the text horizontally in all cells in arow. It may take on the values Left, Center, left isthe default horizonal alignment..Positions the values Top, Middle, Bottom andBaseline. Middle is the default verticalalignment.Specifies the width of a cell in pixles on as a

percentage relative to the table width.Specifies a background color for a single cellusing color codes.An image can be set as a background of anindividual cell. The filename of image file isspecified here.

Rows pan Indicates the number of rows a cell shouldoccupy.

Cols pan Indicates the number of columns a cell shouldoccupy.


34/42

Attributes of Tag

Attributes DescriptionRows

Cols

Frame border

This attribute is used to divide the screen Intomultiple rows. It can be set equalt of valuesdepending on the required size of each row. Thevalues can be:1. Absolute number of pixels2. Percentage relative to browser window3. Suggest that a particular row should take upthe rest of the page.(* )

This attribute is used to divide the screen intomultiple columns. It can be set equal to a list of values depending on the required size of eachcolumn. The values can be;1. Absolute number of pixels2. Percentage relative to browser window3. Suggest that a particular column should takeup the rest of the page.Takes two values,1 or 0. The value 1 activatesdisplay of a 3D border, The value 0 omits the

border.


35/42

Attributes of TagAttributes DescriptionSrc

Scrolling

Name

Noresize

Marginwidth

Margin height

Specifies the name of the file to be loaded into aframe.

Enables the web page displayed to be scrolledand viewed completely by controlling theappearance of horizontal and vertical scrollbarsin a frame. This takes the values YES, NO,AUTO.

Gives the frame a unique name so that it cab bereferenced by other documents. The name givenmust begin with an alpha numeric character.

Disables the frames resizing capability. Normallythe frames displayed in a window can be resized.

Specifies the amount of white space to be leftalong the sides of the frame.

Specifies the amount of white space to be left atthe top and bottom of the frame.

Attributes of Table Row TR Tag


36/42

Attributes DescriptionAlign

Valign

Bgcolor

Position the text horizontally in all cells in a row. Itmay take on the values Left, Center, Right. Left isthe default horizontal alignment.

Positions the vertically in all cells in row. It maytake on the values Top, Middle, Bottom andBaseline. Middle is the default vertical alignment.

Specifies a background colour for all the cells in arow using colour codes

Page No.216 tag (Table row tag)

Syntax:

tag (Table heading)

Syntax:

Heading of column or row.

t

tag


37/42


38/42

Attributes of Tag

Attributes Description

Attributes of Tag

Attributes DescriptionAction

Method

Specifies the lacation (URL) of the server and of the CGI program that will process the form.

Indicates the method used by the web server toreceive the form. The possible values are POSTand GETThe GET method appends the form data alongwith the specified URL with a ? as separator.This new URL is send for processing


39/42

Type

Name

Value

Size

Specifies the type not the control that the input tagrepresents. It indicates the data type of value inthat control. The values of Type attribute can beText,Password, Checkbox, Radio, Submit Resert.Gives a variable name to the control to receive thecontent of the control which can be used later for referencing.Provides default data for a control. It varies on thetype attribute of the control

Specifies the number of characters the control canHold.

Attributes of TagAttributes Description

Name

Size

Option

Specifies the name of the variable used to receivethe content of the control.

This optional parameter is used to specify thenumber of items that will be displayed at a time bythe list. Each item occupies one line on the screen.

Specifies the next for each item on the list.

KEY POINTS

1. Table serves as a convenient way to organize elements on the page without making them appear within the confines of an


40/42

Actual table.

2. begins a table definition and


41/42

18. The TEXTAREA tag is used within the form to accept multiplelines of text with the help of textbox control.

19. The INPUT tag creates a single-line input control abd theTEXTAREA tag creates a multi-line input control.

20. A number of input controls can be created using the INPUT tag by modifying its TYPE attribute like text password checkbox,radiobutton, reset and submit buttons.

21. RESET is a modified form of INPUT tag that simply creates a push button is used cler all the data entered in a form.

22. SUBMIT button automatically submits the data that has beenentered in the form to the Web server for processing.

23. The tag is used to create different types of pop upand scrolling menus.

24. The tag is used to give a caption to controls used in aform. The LABEL element associates a label with a form control

EXCELPlus Two Series

COMPUTER APPLICATION IIJ. S. SAINI

Tips to Remember

1. The tags used for creating a table are , , and .

2. The tags and


42/42

Documents

Computer Application Anil Kumar Iiiiiii