b.v.patel institute of business management, computer and ... · b.v.patel institute of business...

37
B.V.Patel Institute of Business Management, Computer and Information Technology 2013 Ms.MayuriPatel Page 1 B.C.A 1 st Semester 030010106 - Web Design and Internet Based Application Problem to be solved in laboratory Sr. No . Allocated Hours List of Problems Objective 1. 1 1. Write HTML code to develop a web page having the background in black and text “Hello World” in white color. 2. Write HTML code to develop a web page having the background in cyan and text “Hello Students” in black color. 3. Write HTML code to develop a web page having the background in green and text “welcome to UkaTarsadia University” in blue color. 4. Write HTML code to develop a web page having the background in pink and text “This is the first practical” in green color. Understand how to develop web page. Understand use of attributes for background/te xt color. 2. 1 1. Create a HTML document to display following. Use proper alignment style. 2. Write HTML code to display the following details regarding student. Use proper alignment style. Use of tags for alignment and formatting.

Upload: truongtu

Post on 11-Apr-2018

216 views

Category:

Documents


2 download

TRANSCRIPT

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 1

B.C.A 1st Semester

030010106 - Web Design and Internet Based Application

Problem to be solved in laboratory

Sr.No

.

AllocatedHours

List of Problems Objective

1.1

1. Write HTML code to develop a web page having thebackground in black and text “Hello World” in white color.2. Write HTML code to develop a web page having thebackground in cyan and text “Hello Students” in blackcolor.3. Write HTML code to develop a web page having thebackground in green and text “welcome to UkaTarsadiaUniversity” in blue color.4. Write HTML code to develop a web page having thebackground in pink and text “This is the first practical” ingreen color.

Understandhow to developweb page. Understanduse ofattributes forbackground/text color.

2.

1

1. Create a HTML document to display following. Use properalignment style.

2. Write HTML code to display the following details regardingstudent. Use proper alignment style.

Use of tags foralignment andformatting.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 2

3. Write HTML code to display the following details of astudent. Use proper alignment style.(font style times newroman).

4. Write HTML code to display the following details regardingbook. Use proper alignment style.(font is verdana, fontcolor green)

3. 1. a. Write HTML code to design a page containing a text in aparagraph give suitable heading style.b. Write HTML code to display an image on webpage Use ofparagraph andheading styleformatting.Working withimage.2. a. Write HTML code to design a page containing a textdifferent heading styles.b. Write HTML code to display an image as background ofa web page.3. a. Write HTML code to design a page containing <h1>,<h3>, <h5> heading style and paragraph having font

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 3

1color blue.b. Write HTML code to display an image as center of theweb page.4. a. Write HTML code to display following.

This is Heading 2

This is Heading 3

This is Heading 6b. Write HTML code to display an image as background ofa web page and set another image as a link.4. 1 1. Create a web page, showing an ordered list of B.C.A. sem1subjects.2. Write HTML code that will display Indian cricket teamplayer’s name in different types of ordered lists.3. Write HTML code that will display different types ofordered list of fruits.4. Write HTML code that will display indoor games indifferent types of ordered lists.

Use of anordered list.

5.1

1. Create a web page that will display an unordered list offollowing web technologies name.(HTML 2.0 , CSS 3, HTML5, JavaScript ,Adobe Flash CS4 , Action Script 3,AJAX, PHP5)2. Write HTML code that will display Indian cricket teamplayer’s name in different types of unordered lists.3. Write HTML code that will display different types ofunordered lists of flowers.4. Write HTML code that will display outdoor games indifferent types of unordered lists.

Use of an un-ordered list.

6. 1. Create a HTML document that contains following nestedlist. Coffee Tea

o Black teao Green tea

Use of nestedlist.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 4

Milk2. Write HTML code that will display nested ordered lists.1. Story Booksi. Hindiii. Englishiii. Gujarati2. Magazinesi. Sportsii. Artsiii. Fashion3. Text Booksi. Mathsii. Biology4. Physics3. Write HTML code that will display nested unordered lists.1. Flowersi. Lilyii. Jasmineiii. RosesI. RedII. PinkIII. WhiteIV. Yellow

4. Write HTML code that will display nested unordered lists. HTML

o Meta tagso Anchor tags

ASPo Arithmetic Operatorso Relational Operators

JavaScript7. 1. Create a web page that will display the following contentusing appropriate character and look elements. Use ofcharacter andlook elements.a. The extension of Word document file must be .docb #include <stdio.h>

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 5

1

. void main(){int number; // declare a number variableprintf("How many numbers do you want: ");scanf("%d", &number); // get input from user}c. Contact Us at:Gujarat Technological UniversityL.D College of Engineering Campus,Ahmedabad -380 015Web : http://www.gtu.ac.ind. Reference:“Patel and Barik, Introduction to Internet & Web Designing,Acme Learning”e. My favorite color is blue red! (Delete blue and insert red.)f. Type ‘CAPS LOCK’ key for capital letters.g. int x = 10;h. The ‘Internet’ is a global system of interconnectednetworks.i. Dr.RajendraPrasad, was the first President of independentIndia.j. The abbreviation WWW stands for, World Wide Web.k. nPr = nPrl. 8th M11e B42 ½ H2O (X2n)2. Create a web page that will display the following contentusing appropriate character and look elements.a. Good Morning every one. Have a nice Day! :-)All the ‘Best’Reference:“Lakshmi Narayana and Aparna, Internet and WebTechnology, Scitech Publications (INDIA) Pvt. Ltd. “b. public class StringCompareEmp{public static void main(String args[]){String str = "Hello World";

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 6

String anotherString = "hello world";Object objStr = str;System.out.println( str.compareTo(anotherString) );System.out.println(str.compareToIgnoreCase(anotherString) );System.out.println( str.compareTo(objStr.toString()));}}c. Contact Us at:The Chief Executive OfficerUkaTarsadia UniversityMaliba CampusGopalVidyanagarBardoli-Mahuva RoadTarsadi - 394 350d. John Jack is the regular student of the class.e. BARDOLI HAS ACQUIRED AN IMPORTANT PLACE IN THEHISTORY OF INDIA. IT HAS A RARE DISTINCTION OFNURTURING MANY PIONEERS IN SOCIAL, AGRICULTURAL,EDUCATIONAL AND INDUSTRIAL FIELDS. IT IS A SOUGHT-AFTER DESTINATION BY THE FOLLOWERS OF MAHATMAGANDHIJI AND SARDAR VALLABHBHAI PATEL.f. Chex = 12dec = 14oct.g. X2+y2-r2=0h. Dr.ManmohanSingh , is the 13th and current PrimeMinister of India.i. The abbreviation “e.g.” is used for “example”.

3. Create a web page that will display the following contentusing appropriate HTML tags.a. A web page is an"HTML Document". This is a file formatwhich usually uses the extension ".html" or ".htm".

Reference:Gopalan and Akilandeswari, Web Technology, PHI.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 7

b. class calc{ public:int multiply(int x, int y);int add(int x, int y);};intcalc::multiply(int x, int y){ return x*y;}intcalc::add(int x, int y){ return x+y;}c. Create a web page having the address of the student using<ADDRESS> element.d. I gave my book to ShivaShreya. (delete Shiva & insertShreya)e. Dr. A. P. J. Abdul Kalam , is an Indian scientist andadministrator who served as the 11th President of Indiafrom 2002 to 2007.(Use <PERSON>element)f. C6H12O6g. Xy+yx=0h. The abbreviation “i.e.” is for “and so forth”.4. Create a web page that will display the following contentusing appropriate HTML tags.a. This example creates a hyperlink to a file called"mypage.html". The text inside the tags is the part whichbecomes the clickable hyperlink.

Reference:“HTML & Web Design Tips & Techniques(First Edition-2002), By Kris and Konrad, Andy ,Tata McGraw Hill”b. template <class A_Type> class calc{public:A_Type multiply(A_Type x, A_Type y);A_Type add(A_Type x, A_Type y);};template <class A_Type>A_Typecalc<A_Type{

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 8

return x*y;}template <class A_Type>A_Typecalc<A_Type{ return x+y;}c. Use the <ADDRESS> tag.Apple India Private Limited19 Floor, Concorde Tower C,UB City No 24 VittalMallya RoadBangalore 560-001d. Yellow Pink is my favorite color. (delete Yellow & insertPink)e. log10 10 =1f. (abc)3 = a3b3c3g. KalpanaChawla,the first Indian American astronaut andfirst Indian woman in space.(Use <person> element)h. The abbreviation “viz.” is for “namely”.8. 1. Create a web page which will display link “HTML tutorial”.By clicking on this link it will open“http://www.w3schools.com/” site.2. Create a web page which will display link “Search”. Byclicking on this link it will open “http://www.google.com”website.3. Create a web page which will display link “Login withGMAIL”. By clicking on this link it will open“http://www.gmail.com” site.4. Create one web page that provides links to five differentweb pages or to entirely different websites.

Use of Anchortag for creatinglink.

9. 1. Create a web page which will display image of laptop.When user clicks on image, it should display another webpage that contains basic details of that laptop.2. Create a web page which will display image of Books.When user clicks on image, it should display web page thatcontains list of books for this subject.3. Create a web page which will display an image of mobile.When user clicks on image, it should display web page thatcontains 5 images.4. Create a web page which will display image of mobile.When user clicks on image, it should display web page thatcontains images of different mobile accessories.

Use of imageas a link.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 9

10. 1. Create a web page that contains links “top” and “bottom”.When user clicks on the link “top” it should go to the top ofthe page and when clicks on link “bottom”, it should go tothe bottom of the page.2. Create a web page that contains links “Chapter -1” to“Chapter -10”. When user clicks on the link “Chapter -1” itshould go to the Chapter -1 do respectively for all chapters.3. Create two web pages. First webpage contain link “next” &another contain link “previous”. By clicking on “next”,second webpage should be displayed & by clicking on“previous”, first webpage should be displayed.4. Create a web page which contains the information aboutunits of the subject. Each unit provides a link to the contentof that unit on same page.When user clicks on link i.e. Unit 1 it shows the detailsof Unit-1 contents on the same page.

Understanduse ofnavigationtags. Understanduse ofnavigationtags for top &bottomnavigation.

11.

1

1. Write the code for the given instructions Understandproper flow ofnavigation.

Create a file name as link.html in which there are two links.One link for books and one link for magazines.a. Create other two files name as magazines.html andbooks.html( In magazines.html magazines list will bethere as a link and in books.html books list will bethere as a hyper link and in both file you have toprovide a link to navigate on link.html.)b. On clicking on any magazine as well as books name,related page should be open on the same page and alink should be there for books as well as magazinespage.2. Write the code for the given instructions.Create a file name as link.html in which there are two links.One link for vegetables and one link for Fruits.a. Create other two files name as fruits.html andvegetables.html(In Fruit.html fruits list will be there as a link and invegetables.html vegetables list will be there as a hyperlink and in both file you have to provide a link tonavigate on link.html.)b. On clicking on any fruit as well as vegetable names,related page should be open on the same page and alink should be there for fruit as well as vegetable page.3. Write the code for the given instructions

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 10

Create a file name as food.html in which there are two links.One link for drinks and one link for snacks.Create other two files name as coldrink.html and snack.html(In coldrink.html drink’s list will be there as a link and insnack.html snacks list will be there as a hyper link and in bothfile you have to provide a link to navigate on food.html.)4. Write the code for the given instructionsCreate a file name as info.html in which there are two links.One link for student and one link for staff.Create other two files name as student.html and staff.html( Instudent.html student list will be there as a link and instaff.html staff list will be there as a hyper link and in both fileyou have to provide a link to navigate on info.html.)12. 1. Write down the <HTML>code for the following Table.

1

a. Understand howto make tablestructure withrows, columnsand rowspan,colspan. Understand useof cell-spacing,cell-paddingand alsounderstandhow to applysame.

b.

c.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 11

2

d.

e. 1. Create a table which contain title columns asEMPL_ID , NAME_FIRST , NAME_LAST , DEPT ,POSITION , SALARY. The Salary title again containsthree sub titles columns namely Basic, DA and HRA.Provide minimum four rows. Write appropriatecode and describe the output.

2. Write down the <HTML>code for the following Table.

1a.b

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 12

. Column 1 Column 2 Column 3Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3Row 2 Cell 2 Row 2 Cell 3Row 3 Cell 1

2

c.

d.Column 1 Column 2Row 1 Cell 1 Row 1 Cell 2Row 2 Cell 1 Row 2 Cell 2Row 3 Cell 1 Row 3 Cell 2e. A green row. This cell should be yellow,overriding the row color.

A blue row.A red row.

3. Write down the <HTML>code for the following Table.

1

a. Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3Row 2 Cell 1 Row 2 Cell 2 Row 1 Cell 3Row 3 Cell 1 Row 3 Cell 2 Row 1 Cell 3b

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 13

. Column 1 Column 2 Column 3Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3Row 2 Cell 2 Row 2 Cell 3Row 3 Cell 1

2

c.A test table with merged cells and cell padding

AverageRedeyes

height weight

Males 1.9 0.003 40%Females 1.7 0.002 43%

d.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 14

e.

4. Write down the <HTML>code for the following Table.

1

a. Column 1 Column 2 Column 3Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3Row 2 Cell 2 Row 2 Cell 3Row 3 Cell 1b. List Item 1 List Item 2 List Item 3 List Item 4

List Item 5 List Item 6

Avoid losing floppydisks with importantschool...

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 15

2c.

TABLE TITLE

Column A Column B Column CData 1 Data 2 Data 3

d.

e.13. o Arrange this name, address, city, state, zip in borderlesstable. Make tablestructurewithoutborder.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 16

1o Arrange this name, address, city, state, zip in borderlesstable.

o Write HTML code for following table.

o Write HTML code for following table. Organizeinformationlike image, textin tabularformat.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 17

14. 1. Write HTML code for following forms

1a.

Understanduse of formelements liketextbox, radiobutton,checkbox,textarea,button.

1 b. Use of Legendto organizeinformationunder title.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 18

c. Use ofCheckbox inmultiplegroups.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 19

2

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 20

2. Write HTML code for following forms

1

a. Understanduse of formelements liketextbox, radiobutton,checkbox,dropdownlistbox,textarea,button.

1b. Use of Legendto organizeinformationunder title.

1

C. Use ofCheckbox inmultiplegroup.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 21

3. Write HTML code for following forms

1

a. Understanduse of formelements liketextbox, radiobutton,checkbox,dropdownlistbox,textarea, andbutton.

1 b. Use of Legendto organizeinformationunder title.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 21

3. Write HTML code for following forms

1

a. Understanduse of formelements liketextbox, radiobutton,checkbox,dropdownlistbox,textarea, andbutton.

1 b. Use of Legendto organizeinformationunder title.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 21

3. Write HTML code for following forms

1

a. Understanduse of formelements liketextbox, radiobutton,checkbox,dropdownlistbox,textarea, andbutton.

1 b. Use of Legendto organizeinformationunder title.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 221 c. Use ofCheckbox inmultiplegroups.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 23

4. Write HTML code for following forms.

1

a. Use of Legendto organizeinformationunder title.

1 b. Understand useof formelements liketextbox, radiobutton,checkbox,dropdownlistbox,textarea,button.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 24

1

c. Use ofCheckbox inmultiplegroups.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 25

15. 1. Write HTML code for following frames.

1

a . Devidewebpage intomultipledifferentframes usingappropriatepercent ofrows and cols.

b . Devidewebpage inmultipleframes and usecolors, textinside it.

1

c .

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 26

2. Write HTML code for following frames.

1

a .

b .

c .

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 27

1 Image ContentsAds

Footer

3. Write HTML code for following frames.

1

a .

b .Image Content

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 27

1 Image ContentsAds

Footer

3. Write HTML code for following frames.

1

a .

b .Image Content

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 27

1 Image ContentsAds

Footer

3. Write HTML code for following frames.

1

a .

b .Image Content

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 28

1 c . Header

Content 1

Content 2

4. Write HTML code for following frames.

1

a . Content 1

Image Content 2

Footer

b .This is Page 1 This is Page 3

This is Page 2 This is Page 4 This is Page 5

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 29

1c . Header

Image Content

Footer

16. 11 .a. Write a CSS code for bold, italic and underline the text(Inline, Internal and External CSS). Understanduse of Inline,Internal andExternal CSS.

How todifferentiatetable rowsusing differentcolors withCSS.

b. Write a CSS code to give alternate row colored rows intable.1 2 . Write a CSS code for the table where table header inbold, underlined using internal CSS. Write a CSS code to give alternate column colouredrows in table using external CSS.

1 3 .a. Write a CSS code for italic and underline the pageheading and text in normal font (Inline, Internal andExternal CSS).b. Write a CSS code to give table header has italic, boldstyle and table should be in centre of the page.1 4 .a. Write a CSS code for bold, italic heading of paragraphand underline the paragraph text (Inline, Internal andExternal CSS).b. Write a CSS code to design a table.

17.1

1 .a. Write a CSS code to change font to Arial. Apply samefont style tomultipleWebpagesusing singleCSS code.b.Write a CSS code to set letter space 30 and set line heightto 30.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 30

c. Write a CSS code to set background image of an HTMLpage. Understandthe use ofletter -spacingand line-height. Set samebackgroundimage tomultiple pagesusing singleCSS code.

1 2 .a. Write a CSS code to change font to verdana and headingis italic using inline CSS.b.Write a CSS code to set letter space 20 and set line heightto 20 using inline CSS.c. Write a CSS code to set image as background of a tablein HTML page.

13 .a. Write a CSS code to change font to Times newRoman, Overline to a text using external CSS.b.Write a CSS code to set letter space 25 and set line heightto 25 also set background image in HTML page.c. Write a CSS code to set background color black of thetable and font color is white.

1 4 .a. Write a CSS code to change font to verdana,color blue.b.Write a CSS code to set letter space 35 and set line heightto 35.c. Write a CSS code to fixed header, footer and left sidebar.18.1 1 .Write a CSS code to change background color to blue andtext color to yellow. Set samebackgroundcolor tomultiple pagesusing singleCSS code.

Set margin forwebpage.Write a CSS code to set margin for an HTML page.

1 2 .Write a CSS code to change background color to green andtext color to pink and font size is 10 points.Write a CSS code to create horizontal menu.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 31

1 3 .Write a CSS code to place two images one on the left sideand one on the right side and add text below the image.Write a CSS code to demonstrate effect on link.1 4 .Write a CSS code to change background color to yellow andtext color to Black and set image right aligned at the endof the text.Write a CSS code to set image as background in alternatetable column.Set fixed size of the image using external CSS.

19. 11. Write a CSS code to demonstrate the use of elementselector, group selector and universal selector.2. Write a CSS code to demonstrate the use of differentselectors.3. Write a CSS code to demonstrate drop down inserted intofixed positioning header using embeded CSS.4. Write a CSS code to design student registration form.

Use of selectorto apply styleto specifictarget. Use of CSS indropdown box.

20.1

1. Write a CSS code to set width and height of images withusing embeded CSS or external style sheet . Apply sameheight & widthto multipleimages ofwebsite usingsingle CSScode.2. Write a CSS code to set width and height of images andcenter aligned image with using embeded CSS or externalstyle sheet . Apply sameheight & widthto multipleimages ofwebsite usingsingle CSScode.3. Write a CSS code to create horizontal menu Use of CSS inmenu.4. Write a CSS code for bold, italic and underline the contentof table (inline, internal and external CSS). Use of differenttypes of CSS.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 32

21.

11. Write JavaScript code to initialize variable value and print

that value on document.

Understanddata-types.

Variabledeclaration.

Accept & printvariable value.

2. Write a JavaScript that prompt “Hello World” in the web

page.

Understandhow to displaytext on HTMLdocument.

3. Write a JavaScript that prompt your name on HTML

document.

4. Write JavaScript code to initialize integer ,character variable

value and print that value on document.

Understanddata-types.

Variabledeclaration.

Accept & printvariable value.22.

11. Write a JavaScript Code to accept two numbers and check

whether that numbers are equal or not. Understand

how to applyconditionsusingJavaScript.

2. Write a java script program to find the factorial of givennumber.

Understandhow toJavaScript.

3. Write JavaScript code to count sum of the given digit.(i.e

digit is 5 sum is 15)

Understand loopusing JavaScript.

4. Write a Javascript code for Fibonacci series up to given

number.

Understand useof loop.

23.

11. Write a JavaScript program to create an array of five

elements and display it. Create

1-dimensionarray usingJavaScript.

2. Write a program to find and print how many times thenumber 8 occurs in an array A.

Perform arrayoperations

3. Write a JavaScript program to reverse an arrayelement(without using reverse function)

Performreverse

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 33

operation onarray usingJavaScript.

4. Write a JavaScript to create an array of 10 elements anddisplay it in table.

Create 1-dimension arrayusing JavaScript.

5. Write a JavaScript program for reading and writing elementsin array as per user choice.

Reading, writingarray elementsusing JavaScript.24.

11. Write a JavaScript program to make two dimensional arrays

and print its elements. Create

2-dimensionarray.

2. Write JavaScript program to make two dimension array andmake sum of all elements.3. Write JavaScript program to make two dimension array andprint maximum number from array.

4. Write JavaScript program to make two dimension array andprint minimum number from array.

25.

11. Write a JavaScript code for the following instructions:

a. Create an HTML FORM in which there are three textbox,four Radio button (ADD, SUB, MUL, DIV) and one OKbutton.

b. Accept values from the user in first two textbox anddisplay the result in the third textbox as per user select.

Performarithmeticoperation usingJavaScript.

Working withForm elements.

Performvalidation usingJavaScript

2. Create two textboxes for Order-date and Delivery-date.Write a script to validate date in such a way that Order-datemust be greater than Delivery-date, and also check dateentered is in ‘dd/mm/yy’ format.

3. Make one Application form to apply job. Validate this formwhich contains e-mail id, salary and name of a user.

4. Write a script to display the result of four students Enter student name and two subjects marks. Using Student name display the result depending on that.26. 1. Write a Javascript to access form elements and display it on

HTML document.

Access value ofform elementsusing JavaScriptcode.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 34

1 2. Write a script to compare two given number whose inputsare from HTML form.

Understand theuse of formusing JavaScript.

3. Write a JavaScript code to validate name accepted by aform.

Working withform elements

Performvalidation

4. Write HTML code for the registration form like you seewhile creating an account in Gmail and give necessaryvalidations using JavaScript and design using CSS.

Use of CSS andJavaScript.

27.

11. Write a Javascript code to validate the following:

a. Username must not be null.

b. Gender must be selected.

c. Username can contain only alphabets.

d. Password should be hidden.

Apply validationusingJavaScript.

2. Write a JavaScript code to validate mobile numberaccepted by a form.

Understandhow to applyconditionsusingJavaScript.

3. Design a basic Calculator using CSS and validate it usingJavaScript.

Understand theJavaScript andCSS.

4. Write a JavaScript code to accept Email id using textboxand validate it.

Perform Emailvalidation28.

11. Write a JavaScript program to create a function and display

the sum of two numbers. Understand

how to useJavaScriptfunction.

2. Write a JavaScript program to create a function and passtwo values and swap both values.

Use JavaScriptfunction toswap twovalues.

3. Write a JavaScript program to create a function whichaccepts two arguments and compare both arguments.

Use of operatorfor comparisonin JavaScript.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 35

4. Write a JavaScript to create a function which take dollar asinput and convert it to rupees.

Use ofJavaScript tomakeconversion.

5. Write a JavaScript program to create a nested functiondefinition.

Working withnestedfunction.

29.1

1. Write a JavaScript code to compare two strings, the stringswill be taken using HTML FORM.

Use JavaScriptfunctions.

2. Write a JavaScript program which will accept a string fromthe user using HTML FORM and display the number ofoccurrence of each character.

Use JavaScriptfunction.

3. Write a JavaScript program to calculate length of the givenstring.

Use ofarithmeticoperations.

4. Write a JavaScript program to reverse the given string. Perform reverseoperation usingJavaScript.30. 1 1. Write a java script program to display current month of the

year.

Use of inbuiltfunctions ofJavaScript.

2. Write a JavaScript Code to show the current date and time.

3. Write a JavaScript that detect and print the browser and theversion.4. Write a JavaScript code to print random numbers up to10.31.

11. Write a JavaScript program which will accept a number from

the user using dialog box and check whether the number ispositive, negative or zero.

Understand theuse of dialog-boxes.

Use of alertbox.

2. Write a JavaScript program to print a string in alert box.3. Write a JavaScript program which will accept a number from

the user using dialog box and compare two numberswhether it is equal or not.4. Write a JavaScript code to accept your name using dialogbox and print your name and its length in alert box.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 36

Extra Practical problems for practice.

1. Create the Home page of the “Nalanda University” which contains the following things.a. Use frames to design home page.b. Navigation bar which contains list about colleges, History of the University, Course in the

University, Department wise list of available books in Library etc.c. Use suitable Background.d. Use proper images.e. Make Department wise book list in table format.f. Design Registration form and apply proper validation.g. Use CSS to design forms and webpages.

2. Create the website (using HTML) for giving the information about ON-LINE shopping centres.The home page of the website should have the following format.

The frame F1 should display all the hyperlinks for another page.

Frame F2 will display the image as background and title.

The F3 frame will be the target frame and display another pages related to shop.

The F4 frame should contain the hyperlink to the registration form.

Make at least 3 to 4 pages to provide information about the store.

Apply easy navigation, proper validation and CSS for formatting.

B.V.Patel Institute of Business Management, Computer andInformation Technology 2013

Ms.MayuriPatel Page 37

3. Create the website using HTML for giving the information about Mobile-shop. The home page ofthe website should have the following format.

The frame F1 should display all hyperlinks for other pages.

F2 will display the hyperlink to the images that are to be displayed in F3 frame.

The F4 frame show ‘contact’ hyperlink that is linked with Customer Order form by whichthe customer can place the order. (The Customer Order form should display in the newBrowser window).

F5 frame should contain the table of all the mobiles and its accessories with their pricelist.

Apply proper validation.

Use CSS to give formatting.

…………… All the Best …………