LAB ASSIGNEMENT - WEBSITE DESIGN

Session : FALL 2012 Course : BScIT 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 ASSIGNMENTS IN 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 basic 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. b. Demonstrate the use of align, vspace and hspace attribute using minimum of two 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 HMTL a. Design the following table using HTML. A B C D E F G H L J M K

b. Design the following table using HTML

Logo (image) Menu Item 1(link) Menu Item 2(link) Menu Item 3(link) Copyright

Message 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 HTML. 9. DESIGN USING CSS a. Create a webpage to display your resume using TABLE tag and CSS. b. Create a webpage to display your resume using DIV tag and CSS. c. Create a home page layout for a company using DIV tag and CSS. 10. BASIC XML a. Design an XML page to store the student details including their current course, semester and subjects assigned. b. Design an XML data page to be used for an address book supporting multiple email ids and contact numbers. 11. 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. 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. 12. 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.