AIM:‐To study about basics of internet programming. Prepare a short summary onfollowing:
1. Network
a. Types of Computer network b. Topology
2. Internet & Its Applications 3. Intranet
4. WWW 5. Hypertext
6. WWW and Internet 7. Domain Name 8. HTTP
9. HTTPS 10. Webpage
11. Website (Static & Dynamic Website with Examples). 12. Web server
AIM: - To study about HTML, TAG & HTML basic tags. A. Discuss the html, tag and its types.
B. Write the steps to create and display an html page.
C. Study the following Tags & write a description for i.e. Tag Type, Use, Attributes (Name, Value, and Description), and Example.
1. <html>
2. <head>
3. <title>
4. <body>
5. <P>
6. <BR>
7. <HR>
8. Heading <h1> to <h6>
9. Comment tag
D. Exercises:
1. Write HTML code to display the following message on the screen "WELCOME TO THE UVPCE".
2. Write HTML code to develop a Web page having the background in red and title is "IP" and message is "HTML” in blue color.
3. Create an HTML document giving details of your name, age, telephone number, address, Roll Number in Proper order using <BR> ,<P>and <HR> tag.
4. Write HTML code to develop a Web page having the background image, colorful text and text content in Proper order.
5. Write HTML code to develop the webpage which covers all the tags discussed above in practical C.
Aim: - To study HTML Formatting tags.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description), and Example.
1.
<B>
2.
<I>
3.
<U>
4.
<big>
5.
<small>
6.
<em>
7.
<strong>
8.
<sub>
9.
<ins>
10.
<del>
11.
<bdo>
12.
<dfn>
13.
<pre>
14.
<tt>
15.
<code>
16.
<kbd>
Exercises:
1. Write a HTML Code to display different attributes: Italic, Bold, and Underline.
2. Create a Page to Show different text formatting attributes (Include all text formatting tags).
Aim: - To study HTML Font, image, and link.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description).
1. <font>
2. <basefont>
3. <img>
4. <a>
5. <map>
6. <area>
B. Exercises:
1. Create a page using href attributes of anchor tag & the attributes: alink, vlink, link
2. Create a page, wherein when the user clicks on the link it should go to the bottom of page. 3. Create a page to show different attributes of font tag.
4. Write a HTML code to place an image (image has six section CE, IT, EC, ME, MC, BM ) in document. Each section of image link a related .htm file)
5. Create a Web page with appropriate content and insert an image towards the left hand side of the page. When user clicks on the image, it should open another.
Aim: - To study HTML lists & marquee.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description).
1. <UL>
2. <LI>
3. <OL>
4. <DL>
5.
<DT>
6. <DD>
7. <MARQUEE>
B. Exercises:
1. Write a HTML code to display following output.
Departments of UVPCE Computer Engineering. Information Technology. Mechanical Engineering.
2. Create a web page, showing an ordered list of the names of five of your friends
3. Create an HTML document containing a nested list showing the content page of any book. 4. Create a web page, showing an unordered list of names of five of your friends
5. Design a Webpage using the attributes of <MARQUEE> Tag.
Aim: To study the HTML table
.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description.
1. <TABLE>
2. <TH>
3. <TR>
4. <TD>
B. Exercises:
1. Create a web page, which should contain a table having two rows and two
columns.
2. Write a HTML code to create the following table in HTML with Dummy Data
Name of
train Place Destination Train No Time Fair
Arrival Departure
3.
Design an HTML Page having 3 images placed in the following Format
4.
Write a HTML Code to generate following output.
Image 1
Image 2
Aim: - To study the HTML frame.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description.
1. <FRAMESET> 2. <FRAME> 3. <IFRAME>
B. Exercises:
1. Write a code to develop a web page, as show below, using frames.
2. Write a HTML code to create the following output with navigation of frame concept.
In Target area you display corresponding .htm file.
U. V. Patel College of Engineering
1. About us
2. Departments
3. Academics
4. Events
5. Contact US
Target area
http://www.uvpce.ac.in
Aim: - To study the HTML form.
A. Write the description for the following Tags i.e. Tag Type, Use, Attributes (Name, Value, and Description.
1.
<form>
2.
<input>
3.
<textarea>
4.
<lable>
5.
<filedset>
6.
<legend>
7.
<select>
8.
<option>
9.
<optgroup>
B. Exercises:
1. Design a HTML form with all input Type
2. Write a HTML code to create the following output
3. Write a HTML and Javascript to Display the Selected item form combo box control. 4. Design a HTML form to accept the data for “Personal Information System “and display all
data in single alert Box using JavaScript.
Aim: -To study the CSS Background and CSS Text
A. Write the value and description with example for the following attributes
-1.
background-image
2.
background-color
3.
background-position
4.
background-repeat
5.
background-attachment
6.
text-align
7.
text-indent
8.
text-color
9.
text-width
10.
text-decoration
11.
text-transform
12.
word-spacing
13.
letter-spacing
B. Exercises:
1. Write a HTML and CSS code to set background image of document and set paragraph text color is yellow
Aim: -
To study the CSS font and CSS borderA. Write the Value and description with example for the following attributes
-1. font-size
2. font-style
3. font-family
4. font-variant
5. border
6. border-{ left, right, bottom, top} -color
7. border-{ left, right, bottom, top} -style
8. border-{ left, right, bottom, top} -width
B. Exercises:
1. Write a HTML and CSS code to set font size 12 and font is “Times new roman”. yellow 2. Write a CSS to set h1, h2 and h3 heading border display with red color.
Aim: -
To study the CSS margin, CSS padding and CSS list.A. Write the Value and description with example for the following attributes
-1.
margin-top
2.
margin-left
3.
margin-bottom
4.
margin-right
5.
padding-top
6.
padding -left
7.
padding -bottom
8.
padding -right
9.
list-style
10.
list-style-image
11.
list-style-position
12.
list-style-type
B. Exercises:
1. Write a HTML and CSS code to set left margin 100px and top margin 50px of paragraph. 2. Write a HTML and CSS code to display list with image instead of circle or disc.
1. Write a JavaScript to display “Welcome to UVPCE” in web page.
2. Write a JavaScript to change background color of webpage using three buttons like
red, green, blue.
3. Write a JavaScript to find out the greatest number from three numbers.
4. Write a JavaScript to find weather the entered number is even or odd.
5. Write a JavaScript to generate Fibonacci series up to user choice.
6. Write a JavaScript to find weather the entered number is prime or not.
7. Write a HTML code design following form and display all textbox value in single
message box.
8. Write a JavaScript to display system date in DD/MM/YYYY format.
9. Write a JavaScript to display appropriate message according to system time.
10.Write a JavaScript to find pattern string according to starting and ending position
of the given string and display it in Uppercase with font color is blue.
Functions:
1.
Math.round()
11. getDay()
21. pop()
2.
Math.random()
12. getFullYear()
22. shift()
3.
Math.max()
13. getMinutes()
23. unshift()
4.
Math.min()
14. getMonth()
24. concat()
5.
Math.floor()
15. getSeconds()
25. join()
6.
Math.log()
16. getTime()
26. reverse()
7.
Math.pow()
17. concat()
27. slice()
8.
Math.sqrt()
18. indexOf()
28. splice()
9.
Date()
19. tostring()
29. tosource()
10.
getDate()
20. push()
30. sort()
Exercises:
1. Write a JavaScript to display system date in DD/MM/YYYY format and Dayname, Monthname DD,
YYYY format.
2. Write a JavaScript to display appropriate message according to system time with A.M. and P.M.
Notation.
3. Write a JavaScript to find binary, octal and hexadecimal number of given decimal number.
Aim:
JavaScript Programs related to Document object, Window object and different events.Exercises:
1.
Write a JavaScript to display various properties of current webpage (document).
2.
Write a JavaScript to demonstrate occurrence of all basic events with appropriate
message.
3.
Write a JavaScript to identify occurrences of various mouse events and display event log
on the webpage.
4.
Write a JavaScript to demonstrate various window methods.
5.
Write a JavaScript to open a new web page with width is 200 px and height is 400 px,
Aim:
Write a JavaScript Programs related to form control of HTML.Exercises:
1.
Write a JavaScript to change background color (random) of document on button
click.
2.
Write a JavaScript to enable or disable according to checkbox value.
3.
Write a JavaScript to display selected index, selected option value and selected option
text of combo box.
4.
Write a JavaScript to perform form validation on any Registration Form
