Sample Practical Assignments
(M2-R5): Web Designing and Publishing
i. Create an HTML file (e.g. first_page.html) that specifies a page that contains a heading and two paragraphs of text. As the texts in the heading and paragraphs you can use any texts you like
ii. Write a HTML program to design a form which should allow to enter your personal data ( Hint: make use of text field, password field, e-mail, lists, radio buttons, checkboxes, submit button)
iii. Write html code to generate following output.
1.Coffee
2.Tea
3.Black Tea
4.Green Tea
5.Milk
iv. Write HTML Code to demonstrate the use of Anchor Tag for the Following:-
1. Creating a web link that opens in a new window.
2. Creating a web link that opens in the same window.
3. C Reference within the same html document.
4. Reference to some image.
5. Making an image a hyperlink to display second image
v. Create an html page with following specifications
Title should be about my City. Place your City name at the top of the page in large text and in blue color. Add names of landmarks in your city each in a different color, style and typeface. One of the landmark, your college name should be blinking. Add scrolling text with a message of your choice
vi. Create an html page with 7 separate lines in different colors. State color of each line
in its text.
vii. Create an html page containing the polynomial expression as follows :
a0 + a1x+ a2x 2 + a3 x3
viii. Write a HTML code to generate following output
ix. Create an html page with red background with a message “warning” in large size
blinking. Add scrolling text “read the message” below it.
x. Write a HTML page to print Hello world in bold & Italic Form. xi. Design a HTML page to display a picture. The picture should be removed from the screen after a mouse click on the picture.
xii. Create a HTML Document with JavaScript code that has three Textboxes and a button. The details should be accepted using textboxes are principal, rate of interest, and duration in years. When user clicks the OK Button a message box appears showing the simple interest of principal amount.
xiii. Write a HTML Script to insert a hyperlink. Create a hyperlink in html which when
clicked links to www.google.com in a new window
xiv. Create a HTML file which displays three images at LEFT, RIGHT and CENTER
respectively in the browser.
xv. Create table with ROWSPAN and COLSPAN attribute of TABLE in HTML(Prepare timetable of your class). Include CELLSPACING & CELL PADDING.
xvi. Create a web page, divide the web page into four frames. In one frame create three links that will display different HTML forms in the remaining three frames respectively. Write a program in Java Script to print factorial.
xvii. With CSS use the shorthand background property to set background image to eg."xyz.png", show it once, in the top right corner.
xix. `Write a JavaScript program to display the current day and time in the following format. Sample Output:Today is: Tuesday. Current time is: 10 PM: 30:38
xx. Write a program to sum and multiply of two numbers using JavaScript.
xxi. Write a program to redirect, popup and print function in JavaScript.
xxii. Create your first "Hello world" application in AngularJS.
xxiii. HTML page which has a title of "Event Registration" and has references to important
libraries such as Bootstrap, Jquery and Angular.
xxiv. Write a code to display the words "AngularJS" in both text format and in a text box
when the page is viewed in the browser.
xxv. Create a sample form program that collects the first name, last name, email, user id, password and confirms password from the user. All the inputs are mandatory and email address entered should be in correct format. Also, the values entered in the password and confirm password textboxes should be the same. After validating using JavaScript, in output display proper error messages in red color just next to the textbox where there is an error.