LAB ASSIGNEMENT - WEB TECHNOLOGY

Session :SPRING 2013 Course :MScIT Sem: Third Marks: 10 each

_________________________________________________________________________________________________ INSTRUCTIONS - PLEASE READ AND FOLLOW 1. USE THE CHEMISTRY LAB COPY FOR THE LAB ASSIGNMENTS 2. EACH LAB ASSIGNMENT IS OF 10 MARKS EACH AND LATE SUBMISSION WILL ALSO REDUCE YOUR MARKS. 3. EACH LAB ASSIGNMENT MUST INCLUDE TITLE, OBJECTIVE, THEORY, SYSTEM REQUIREMENT, SOURCE CODE, OUTPUT, CONCLUSION 4. REMEMBER TO SIGN YOUR LAB ASSIGNMENTSIN THE FOLLOWING LAB CLASS. 5. PLEASE FOLLOW THE ASSIGNMENT AND DONOT ATTEMPT ANY OUT/ SELFMADE QUESTIONS - SUCH QUESTION MIGHT REDUCE YOUR LAB ASSIGNMENT MARKS. 6. THEORY PART MUST BE RELEVENT TO THE LAB ASSIGNMENT. _________________________________________________________________________________________________ 1. BASICS OF HTML - I a. Create a simple html page to demonstrate the basic structural tags of HTML b. Create a html page to demonstrate the usage of 10 physical and 10 logical text formatting tags. c. Prepare a html page to display the syntax and usage of any 10 text formatting tags. 2. BASICS OF HTML - 2 a. Create a html page to display your class time table using <pre> tag. (Do not use table). b. Create a html page to write brief description about yourself using header tags, paragraph tag and text formatting tags. 3. IMAGES IN HTML a. Create an image gallery of any three popular places in Nepal along with their short description with the images aligned in left or right. b. Demonstrate the use of align, vspace and hspace attribute using minimum of four images. 4. LINKS IN HTML a. Create a webpage to containing brief description about your college and links to your college and university website. b. Demonstrate the use of top to bottom and bottom to top using two anchor tags. 5. LISTS IN HTML a. Create the following list using html. 1. BSCIT 2. MSCIT a. Semester 1 Subject 1 Subject 2 Subject 3 b. Semester 2 c. Semester 3 3. BScNT b. Create the following list using html A. Movies i. Nepali ii. Hindi iv. English C. Music D. Travel B. Reading E. Social Networking F. Chatting 6. TABLES IN HTML a. Design the following single table using HTML. A B C D E F G H L J M K

b. Design the following table using nested tablesin HTML Logo (image) Message Menu Item 1(link) Menu Item 2(link) Menu Item 3(link) Copyright Content 1 Content 2 Facebook, Twitter(link) Powered By News 1 News 2

7. FORMS IN HTML a. Design a html form to demonstrate the 10 different types of controls generated using INPUT tag. b. Design a html form to submit a job application form. Demonstrate the use of drop-down list, textareas and file upload control. 8. CSS a. Design a html page to demonstrate different types of CSS ( INLINE CSS, INTERNAL CSS and EXTERNAL CSS ) and their precedence. b. Design a html page to demonstrate the various types of selectors in CSS. 9. DESIGN USING CSS a. Create a webpage to display your CV using TABLE tag and CSS. b. Create a webpage to display your CV using DIV tag and CSS. c. Create a home page layout for your college using DIV tag and CSS. 10. JAVASCRIPT a. Create an html page login.htm to read username and password from the user and validate them using the javascript. If valid display the success message and redirect the page to the success.htm. If invalid display the error message. Do not allow b. Create an html page to demonstrate the use of following events :onLoad, onChange, onClick, onSubmit, onBlur, onFocus c. Demonstrate the validation of form using javascript. 11. BASIC XML a. Design an XML page to store the course details including their available semesters and their subjects (compulsory and elective). b. Design an XML data page to be used for an address book supporting multiple email ids and contact numbers. 12. XML VALIDATION a. Design a DTD for the XML page to store the student details. Student is assigned a single course and belongs to a single semester with possible values from 1st to 6th and multiple subjects with minimum 1 subject. b. Design an XML Schema for the XML page to store the student details. Student is assigned a single course and belongs to a single semester with possible values from 1st to 6th and multiple subjects with minimum 1 subject. 13. XML Stylesheet and XML Transformation a. Create an XML file to store the address book. Display the address in the XML in HTML table format using XSLT. b. Create an XML file to store the details of a student. Display the XML in HTML format using XSLT. PLEASE NOTE FOR AJAX LABS YOU ARE ONLY ALLOWED TO USE CORE AJAX. YOU CANNOT USE ANY AJAX LIBRARY LIKE JQUERY. 14. SIMPLE AJAX a. Create an HTML file to demonstrate the loading of content from a text file using Simple AJAX. b. Create an HTML file to demonstrate the loading of content from an XML file using AJAX. 15. RESPONSE HEADERS USING AJAX a. Create an HTML file to display the response header received while loading the content of a text file using AJAX. b. Create an HTML file to display the last modified date, server type, content type of the text file loaded using AJAX. 16. BASICS OF PHP a. Create a PHP program to display the sum of odd and even numbers using function. b. Create a HTML form to query the course details and display the received data using PHP. 17. AJAX USING PHP a. Create a suggestion text box using PHP and AJAX retrieving data from a text file. b. Create a form to select the customer name and display its detail using PHP and AJAX. 18. AJAX USING ASP a. Create a suggestion text box using ASP and AJAX retrieving data from a text file. b. Create a form to select the customer name and display its detail using ASP and AJAX.