Final ecommerce - Full practical assignment of IPU PDF

Preview

Summary

Warning: TT: undefined function: 32 B(Hons) Roll No. 01990388817GURU GOBIND SINGH INDRAPRASTHA UNIVERSITYINSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENTECOMMERCE LABPRACTICAL FILESubmitted To: Submitted By: Ms. Sushma Malik Name: Priyanshu Kumar (Associate Professor) Class: B (H) M 6th Se...

Description

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

INSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENT ECOMMERCE LAB PRACTICAL FILE

Submitted To: Ms. Sushma Malik (Associate Professor)

Submitted By: Name: Priyanshu Kumar Class: B.Com (H) M 6 th Sem Enrolment No: 01990388817

Institute of Innovation in Technology & Management Academic Session: 2019-20 Practical Lesson Plan for E-Commerce Lab

Priyanshu Kumar B.COM(Hons)

Course

Roll No. 01990388817

Semester - VI

Name:BCOM

Paper Code: BCOM-

Academic

308

Session: 20192020

Course Objective:Through this course we aim:  To provide students with the knowledge and skills necessary for building and evaluating web sites.  To provide practical implementation of HTML.  To explain how to work with HTML.

S.No.

Application Areas/Functionalit y /Concept on which practical is based HTML HEADING TAG

Problem Statement

 Create a web page of your name using various

heading tags  Design a web page according to the format

given below using heading tag with your name displayed on top:

HTML PARAGRAPH TAG

 Create a web page as shown below using

HTML COMMENTS AND BR TAG

 Design a web page describing yourself using

HTML TEXT FORMATTING

 Create a HTML file for displaying a webpage

tag.

single and multiline comments. Also use tag.

with below mentioned Tags:

Actual Date of Delivery

Priyanshu Kumar B.COM(Hons)

TAG

Roll No. 01990388817

1. Bold 2. Italics 3. Underline 4. Alignment 5. Paragraph Note: The file should contain a brief description about the abovementioned tags.  Create a HTML file for displaying a webpage with below mentioned Tags:

1. Text color 2. Headings 3. HR 4. Background Color 5. Line break 6. Pre Note: The file should contain abrief description about the abovementionedtags.

 Write the following chemical equations using Html Tags :

2 AgI + Na2S → Ag2S + 2 NaI 8 CO + 17 H2 → C8H18 + 8 H2O 10 KClO3 + 3 P4 → 3 P4O10 + 10 KCl SnO2 + 2 H2 → Sn + 2 H2O 3 KOH + H3PO4 → K3PO4 + 3 H2O 2KNO3 + H2CO3 → K2CO3 + 2 HNO3  Design a Web Page of your CV with headings

as Objective, educational qualification, achievements, strengths, hobbies and personal details. Apply following specifications: 1.Insert a horizontal line after every above mentioned heading 2. Set any light colour as page background. 3. Bold and underline every heading 4. Use heading tag to specify the headings 5. Use pre tag for Educational

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Qualification  Create a web page to display your family

information formatting.

HTML UNORDERED LISTS

with background

and

other

 Create a HTML webpage which displays the

following list.

Apply following parts: 1.Put horizontal line after newspaper and magazine 2.Apply heading tag for newspaper and magazine 3.Apply a background colour  Create a HTML which display the following

output

 Design a web page to display the names of

Beverages, Dishes Unordered Lists HTML ORDERED LISTS

&

 Create a nested list as follows:

Desserts

using

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Apply following parts: 1. Use different font styles and colours for Input and Output Devices 2. Insert horizontal line after Input Devices are over 3.Use bold, italics and underline in headings  Design a web page to display the different

HTML DEFINITION LISTS

courses available in your Institute. Show the use of different types of Ordered Lists.  Create a web page with the following output

 Write a Code for Creating Definition List

That Shows various input and output devices With Description.  Create a web page to show the ordered,

unordered and definition list with respect to college courses.

HTML IMAGE TAG

 Design a web page to show the college

information along with background image.  Design a web page to insert Three Images

Aligned Left, Right and Center. Also Change The Background Color To Blue And Give A Suitable Heading To The Web Page.  HTML MARQUEE TAG

 Design a webpage to show your name as

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

marquee in the CV document.  Design a web page having various image

directions as marquee.  Design a web page to compare the speed of

different text in the marquee tag.

HTML HYPERLINK TAG

  Design a web page to display your college with hyperlink.

 Design a web page to Display The Syllabus

ofBBA, Clicking On Each Subject Should Open Its Description In A New Document  Create a web page to show the input and

output devices with image. Clicking on each input and output device should give its description in a new document. HTML TABLE TAG

 Create a static web page which defines all text

formatting tags of HTML in tabular format  Design a table as follows:

 Create

A Table Using Cellpadding, Cellspacing, Colspan And Rowspan Which Shows The Prices Of Various Cars Of Different Brands.

 Design a table as follows:

 Design a web page to display the following

table with hyperlinks on department name for

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

every information inside the table.

HTML FRAME TAG

 Design a HTML web page of your favourite

movie. Give an attractive background colour and image.  Design a frame as follows:

Mobile phone, shoes pen drive and shirts will be hyperlink. If User click on any item its picture should be displayed in frame 2 and details about the product in frame 3.  Design a frame as follows:

HTML FORM TAG

 Design a student registration form.  Design a login page using form tag.  Design a form as shown below:

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

WEBSITE EXAMPLES

 Design a Web Site with the name as HTML

tutorial with following specifications: Make following hyperlinks (i.e. 5 different web pages): Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript, superscript and all six type of headings Font Styles and Images: Font tag, Image tag Anchor: Internal (linking within page) and External (linking with other documents) links Marquee: Move text, image and hyperlink Other tags: br, hr, pre, p, Include following specifications: 1. In all these web pages only mention about use, attributes apply them. 2. Insert a background image on home page 3. Make all the topics as hyperlinks and go to some other page for description. 4. Insert a marquee showing HTML Tutorial as moving text. 5. After every tag put a horizontal line 6. Use different font styles and colors for each definition. 7. On every page, make a hyperlink for going back to home page.  Design your college website displaying all

information about your college. 8

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-1 Create a web page of your name using various heading tags.

Assignment 1

Priyanshu Priyanshu Priyanshu Priyanshu Priyanshu Priyanshu

9

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

10

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-2 Design a web page according to the format given below using heading tag with your name displayed on top:

c Assignment 2

Priyanshu Priyanshu Priyanshu Priyanshu Priyanshu Priyanshu Priyanshu 11

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Priyanshu

12

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-3 Create a web page as shown below using tag.

Priyanshu assignment 3

This Is First Paragraph.This Is First Paragraph. This Is Second Paragraph.This Is Second Paragraph.

13

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

14

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-4 Design a web page describing yourself using single and multiline comments. Also use tag.

Priyanshu assignment 4

I am Priyanshu. I'm 20 year old.

I live in Delhi.

15

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

16

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-5 Create a HTML file for displaying a webpage with below mentioned Tags: 1. Bold 2. Italics 3. Underline 4. Alignment 5. Paragraph

Priyanshu Assignment 5

This is Bold. This tag is used to create a 'b' element, which represents bold text in an HTML document. This is italic. This tag defines a part of text in an alternate voice or mood. The content of this tag is usually displayed in italic. This is Underline. This tag in HTML stands for underline and it's used to underline the text enclosed within this tag. This is left align. This is center align. This is right align. 17

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

The paragraph tag defines a paragraph. Browsers automatically add some space (margin) before and after each paragraph element.

18

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT – 6 Create a HTML file for displaying a webpage with below mentioned Tags: 1. Text color 2. Headings 3. HR 4. Background Color 5. Line break 6. Pre Note: The file should contain a brief description about the abovementioned tags.

Priyanshu Assignment 6

HR TAG The tag in HTML stands for horizontal rule and is used to insert a horizontal rule or a thematic break in an HTML page to divide or separate document sections. line break The line break tag is the tag in HTML and in XHTML. A br tag will insert a line break which means the text/image following the tag will be moved to the next line when displayed in the browser.

19

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

pre The tag defines preformatted text. Text in a element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

20

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-7 Write the following chemical equations using Html Tags : 2 AgI + Na2S → Ag2S + 2 NaI 8 CO + 17 H2 → C8H18 + 8 H 2O 10 KClO3 + 3 P4 → 3 P4O10 + 10 KCl SnO2 + 2 H2 → Sn + 2 H2O 3 KOH + H3PO4 → K3PO4 + 3 H2O 2KNO3 + H2CO3 → K2CO 3 + 2 HNO3

Priyanshu Assignment 7

2Agl + Na 2S --> Ag2S + 2 Nal

8CO + 17h2 --> C3 h 18 + 8 H 20

10KCIO3 + 3P 4 --> 3P4O10 + 10KCl

21

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

SnO2 + 2 H2 --> Sn + 2H2O

3KOH

+

H3

PO4

-->

K3PO4

+

3H2O

2KNO3

+

H2

CO3

CO3 + 2HNO3

22

-->

K2

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-8 Design a Web Page of your CV with headings as Objective, educational qualification, achievements, strengths, hobbies and personal details. Apply following specifications: 1. Insert a horizontal line after every above mentioned heading 2. Set any light colour as page background. 3. Bold and underline every heading 4. Use heading tag to specify the headings 5. Use pre tag for Educational Qualification

CV Priyanshu

Priyanshu Objective To hold a reputed position in some good organization and want to be successful in my life. Educational Qualification *Persuing B.Com(H) from IINTM affiliated from IPU *12th from Green Fields School *10th from Green fields School

23

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Achivement advance excel certificate,Tally Strenghts i am a good listener Hobbies i love Listining music

24

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-9 Create a web page to display your family information with background and other formatting.

Priyanshu assignment 9

MY FAMILY

My name is Priyanshu.

My Father's Name is Mr.Pradeep Kumar. My Mother's Name is Mrs.Reeta.



25

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

26

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-10 Create a HTML webpage which displays the following list.

Apply following parts: 1.Put horizontal line after newspaper and magazine 2.Apply heading tag for newspaper and magazine 3.Apply a background colour

Priyanshu assignment 10

Vegetables and Fruits vegetable onion 27

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

tomato raddish potato carrot Fruits apple banana water melon grapes mango Newspaper and Magzines Newspaper Times of India hindustan times navbharat times punjab kesri dainik jagran 28

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Magzines india today economic times the week harward business review corporate world

29

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Assignment 11 Create a HTML which display the following output

Priyanshu assignment 11

Mobile Operating System and Manufacturer mobile operating system android blackberry iphone windows phone manufacturer 30

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

apple samsung htc asus

31

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-12 Design a web page to display the names of Beverages, Dishes & Desserts using Unordered Lists

Priyanshu assignment 12

Beverages, Dishes and Desserts Beverages Tea Coffee Pepsi Sprite Dishes Butter Chicken Samosa Rajma Chawal Matar Paneer 32

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Desserts Cake Ice-Cream Apple Pie Gulab Jamun

33

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

ASSIGNMENT-13 Create a nested list as follows:

Apply following parts: 1. Use different font styles and colors for Input and Output Devices 2. Insert horizontal line after Input Devices are over 3. Use bold, italics and underline in headings

Priyanshu assignment 13

GRADUATE

BBA BCA BCOM HONS. INPUT DEVICES

Keyboard Mouse Joystick

tag and the list items start with <

110

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

li > tag. Example of Ordered List Unordered List or Bulleted List ( ul ) In HTML Unordered list, all the list items are marked with bullets. It is also known as bulleted list also. The Unordered list starts with < ul > tag and list items start with the < li > tag. Example of UnOrdered List Description List or Definition List ( dl ) HTML Description list is also a list style which is supported by HTML and XHTML. It is also known as definition list where entries are listed like a dictionary or encyclopedia. The definition list is very appropriate when you want to present glossary, list of terms or other name-value list. The HTML definition list contains following three tags: < dl > tag defines the start of the list. < dt > tag defines a term. < dd > tag defines the term definition (description). Example of Definition List

111

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Example of ordered list

order list example>

Example of order list

BBA B.COM BCA 112

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817



Example of unordered list

unordered list example

Example of unordered list BBA 113

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

B.COM BCA

Example of definition list

definition list example

Example of definition list 114

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

BBA -Bachelor of Business Administration. B.COM -Bachelor of Commerce. BCA -Bachelors in Computer Application.



Table description

115

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

table description

Table Description HTML table tag is used to display data in tabular form (row * column). There can be many columns in a row. We can create a table to display data in tabular form, using element, with the help of < tr > , < td >, and < th> elements. In Each table, table row is defined by < tr > tag, table header is defined by < th >, and table data is defined by < td > tags. HTML Border attribute You can use border attribute of table tag in HTML to specify border. Example of Table Use the HTML < table> element to define a table Use the HTML < tr> element to define a table row Use the HTML < td> element to define a table data Use the HTML < th> element to define a table heading Use the HTML < caption> element to define a table caption Use the colspan attribute to make a cell span many columns Use the rowspan attribute to make a cell span many rows 116

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

117

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

Example of Table

Table example

Example of Table First_NameLast_NameMarks PintoSingh82 HappySingh77 AmarSharma91 118

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

SparshPandey67

Frame Description

Frame description

Frame Description HTML < frame> tag (Not supported in HTML5)

119

Priyanshu Kumar B.COM(Hons)

Roll No. 01990388817

HTML < frame> tag define the particular area within an HTML file where another HTML web page can be displayed. A < frame> tag is used with < frameset>, and it divides a webpage into multiple sections or frames, and each frame can contain different web pages. The tag defines a frameset. The < frameset> element holds one or more < frame> elements. Each < frame> element can hold a separate document. The < frameset> element specifies HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them. Ve...