Web Designing Lab

Paper Code: 
MCA 327
Credits: 
02
Periods/week: 
04
Max. Marks: 
100.00
Objective: 

The student will be able to:

  • Define the principle of Web page design
  • Define the basics in web design
  • Visualize the basic concept of HTML.
  • Recognize the elements of HTML.
  • Introduce basics concept of CSS.
  • Develop the concept of web publishing, Java Script.
  • Develop the designing concept of PHP, AJAX and JSP.
  • Learn creation of web pages, scripting objects, application and special objects

 

CONTENTS

  1. Develop static pages (using Only HTML) of an online Book store. The pages should resemble: www.amazon.in

The website should consist the following pages:

  • Home page, Registration and user Login
  • User Profile Page and Books catalog
  • Shopping Cart and Payment By credit card
  • Order Conformation
  1. Validate the Registration, user login, user profile and payment by credit card pages using JavaScript.
  1. Create a table to show your class time-table.
  • Use tables to provide layout to your HTML page describing your university infrastructure.
  • Use <span> and <div> tags to provide a layout to the above page instead of a table layout.
  • Use frames such that page is divided into 3 frames 20% on left to show contents of pages, 60% in center to show body of page, remaining on right to show remarks.
  • Embed Audio and Video into your HTML web page.
  1. Create an e-book having left side of the page name of the chapters and right side of the page the contents of the chapters clicked on left side.
  1. Apply in-line CSS to change colors of certain text portion, bold, underline and italics certain words in your HTML web page. Also change background color of each paragraph using in-line CSS.
  1. Write all the above styling in CSS in different file (.css) and link it to your webpage such that changes made in CSS file are immediately reflected on the page. Group paragraphs into single class and add styling information to the class in CSS.
  1. Designing Quiz Application Personal Information System using JavaScript
  1. Write a JavaScript for Loan Calculation.
  1. Develop and demonstrate a HTML file that includes JavaScript that uses functions for the following problems:

a) Parameter: A string

Output: The position in the string of the left-most vowel

b) Parameter: A number

Output: The number with its digits in the reverse order

  1. Write a JavaScript program to display information box as soon as page loads.
  1. Write a JavaScript program to change background color after 5 seconds of page load.
  1. Write a JavaScript program to dynamically bold, italic and underline words and phrases based on user actions.
  1. Write a JavaScript program to display a hidden div (e.g. showing stats of a player when user clicks on his name).
  1. Develop PHP program using Arrays, control structures, looping structures and Form Handling
  1. Using PHP and MySQL, develop a program to accept book information viz. Accession number, title, authors, edition and publisher from a web page and store the information in a database and to search for a book with the title specified by the user and to display the search results with proper headings.
  1. Write an AJAX program for parsing a JSON file and formatting the output.
  1. Develop a web application for Airline Reservation System using PHP & AJAX.
  1. Develop a car showroom inventory web application with 2-tier architecture. Use JSP and JDBC
  1. Develop a real estate web application with n-tier architecture. Use JSP, Servlets and JDBC.

The application should be able to add and search all properties such as rental/own, individual/apartment and duplex/semi-duplex.

 

Academic Year: 
2018-19
  • Printer-friendly version